Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16849 | Rev 16867 | 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
    width: 100%;
2451
    background-color: #fff;
2452
    margin-bottom: 20px;
2453
    text-align: center;
2454
    margin-top: -40px;
2455
}
2456
 
2457
.user-pro-img {
2458
    width: 100%;
2459
    text-align: center;
2460
    margin-bottom: 28px;
2461
    position: relative;
2462
}
2463
 
2464
.user-pro-img .add-dp {
2465
    position: absolute;
2466
    top: 10px;
2467
    left: 60%;
2468
}
2469
 
2470
.add-dp i {
2471
    bottom: 0;
2472
    font-size: 14px;
2473
    box-shadow: none;
2474
    position: relative;
2475
    border-radius: 50px;
2476
    width: 40px;
2477
    height: 40px;
2478
    text-align: center;
2479
    background: #e44d3a;
2480
    padding: 12px;
2481
    color: #ffff;
2482
    left: 0;
2483
    top: -5px;
2484
}
2485
 
2486
.add-dp i:hover {
2487
    font-size: 14px;
2488
    border: 2px solid #fff;
2489
    background: #e44d3a;
2490
    padding: 11px;
2491
}
2492
 
2493
.add-dp {
2494
    margin: -16px;
2495
    padding: 0;
2496
}
2497
 
2498
.add-dp input[type="file"] {
2499
    opacity: 0;
2500
    padding: 10px 0px 9px;
2501
    display: none;
2502
}
2503
 
2504
#go-back {
2505
    font-size: 2rem;
2506
}
2507
 
2508
.user-pro-img img {
2509
    border-radius: 100px;
2510
    border: 5px solid #fff;
2511
    background: #fff;
2512
}
2513
 
2514
.user_pro_status {
2515
    width: 100%;
2516
    border-bottom: 1px solid #e5e5e5;
2517
    padding-bottom: 27px;
2518
}
2519
 
2520
/* =============== flw-status ============ */
2521
 
2522
.flw-status {
16866 stevensc 2523
 
16844 efrain 2524
    width: 100%;
2525
}
2526
 
2527
.flw-status li {
2528
    display: inline-block;
2529
    margin-right: 50px;
2530
}
2531
 
2532
.flw-status li:last-child {
2533
    margin-right: 0;
2534
}
2535
 
2536
.flw-status li span {
2537
    color: #686868;
2538
    font-size: 20px;
2539
    font-weight: 500;
2540
    margin-bottom: 15px;
2541
    display: block;
2542
}
2543
 
2544
.flw-status li b {
2545
    color: #000000;
2546
    font-size: 20px;
2547
    font-weight: 600;
2548
}
2549
 
2550
/* ================== social_links ============= */
2551
 
2552
.social_links {
2553
    float: left;
2554
    width: 100%;
2555
    text-align: left;
2556
}
2557
 
2558
.social_links li {
2559
    float: left;
2560
    width: 100%;
2561
    padding: 15px 15px;
2562
    border-bottom: 1px solid #e5e5e5;
2563
}
2564
 
2565
.social_links li a {
2566
    float: left;
2567
    width: 100%;
2568
    color: #51a5fb;
2569
    font-size: 14px;
2570
    font-weight: 400;
2571
    text-overflow: ellipsis;
2572
    white-space: nowrap;
2573
    overflow: hidden;
2574
}
2575
 
2576
.modal-md {
2577
    max-width: 55vw;
2578
}
2579
 
2580
@media(min-width: 721px) {
2581
    .group-view-tab {
2582
        margin-left: 3.5rem;
2583
    }
2584
 
2585
    .group-view-tab span {
2586
        text-overflow: ellipsis;
2587
        white-space: nowrap;
2588
        overflow: hidden;
2589
    }
2590
}
2591
 
2592
@media(max-width: 720px) {
2593
    .group-view-tab {
2594
        margin-left: 3.5rem;
2595
    }
2596
}
2597
 
2598
.text-decoration-underline {
2599
    text-decoration: underline !important;
2600
}
2601
 
2602
.ellipsis {
2603
    text-overflow: ellipsis;
2604
    white-space: nowrap;
2605
    overflow: hidden;
2606
}
2607
 
2608
.social_links li a i {
2609
    padding-right: 5px;
2610
    font-size: 20px;
2611
    position: relative;
2612
    top: 3px;
2613
}
2614
 
2615
.la-globe {
2616
    color: #51a5fb;
2617
}
2618
 
2619
/* ================= user-tab-sec ============== */
2620
 
2621
.user-tab-sec {
2622
    float: left;
2623
    width: 100%;
2624
    padding-top: 4px;
2625
}
2626
 
2627
.user-tab-sec h3 {
2628
    color: #000000;
2629
    font-size: 24px;
2630
    font-weight: 600;
2631
    text-transform: capitalize;
2632
    margin-bottom: 15px;
2633
}
2634
 
2635
.star-descp {
2636
    float: left;
2637
    width: 100%;
2638
    margin-bottom: 10px;
2639
}
2640
 
2641
.star-descp ul li {
2642
    margin-right: 5px !important;
2643
}
2644
 
2645
.star-descp>a {
2646
    float: left;
2647
    color: #51a5fb;
2648
    font-size: 18px;
2649
    font-weight: 600;
2650
    margin-left: 20px;
2651
    text-decoration: underline;
2652
}
2653
 
2654
.star-descp>a:hover {
2655
    color: #51a5fb;
2656
}
2657
 
2658
.star-descp span {
2659
    float: left;
2660
    color: #686868;
2661
    font-size: 18px;
2662
    font-weight: 600;
2663
    margin-right: 20px;
2664
}
2665
 
2666
.star-descp>ul {
2667
    float: left;
2668
}
2669
 
2670
.star-descp ul li {
2671
    display: inline-block;
2672
}
2673
 
2674
.star-descp ul li i {
2675
    color: #b7ce1f;
2676
    font-size: 16px;
2677
}
2678
 
2679
.tab-feed {
2680
    float: left;
2681
    width: 100%;
2682
    margin-bottom: 45px;
2683
    margin-top: 20px;
2684
}
2685
 
2686
.tab-feed ul {
2687
    float: left;
2688
    width: 100%;
2689
}
2690
 
2691
.tab-feed ul li {
2692
    display: inline-block;
2693
    margin-right: 35px;
2694
    text-align: center;
2695
}
2696
 
2697
.savetext ul {
2698
    border-bottom: none !important;
2699
}
2700
 
2701
.tab-feed.st2 ul li {
2702
    margin-right: 17px;
2703
}
2704
 
2705
.tab-feed ul li:last-child {
2706
    margin-right: 0;
2707
}
2708
 
2709
.tab-feed ul li.active img {
2710
    filter: grayscale(0);
2711
}
2712
 
2713
.tab-feed ul li.active span {
2714
    color: #e44d3a;
2715
}
2716
 
2717
.tab-feed ul li img {
2718
    float: none;
2719
    margin-bottom: 5px;
2720
    filter: grayscale(100%);
2721
}
2722
 
2723
.tab-feed ul li span {
2724
    display: block;
2725
    color: #b2b2b2;
2726
    font-weight: 400;
2727
    font-size: 16px;
2728
}
2729
 
2730
.tab-feed ul li:last-child {
2731
    margin-right: 0;
2732
}
2733
 
2734
/* ================ message-btn ============= */
2735
 
2736
.message-btn a {
2737
    display: inline-block;
2738
    color: #ffffff;
2739
    font-size: 16px;
2740
    background-color: #e44d3a;
2741
    padding: 12px;
2742
    font-weight: 500;
2743
}
2744
 
2745
.message-btn a:hover {
2746
    color: #fff;
2747
}
2748
 
2749
.message-btn a i {
2750
    padding-right: 5px;
2751
}
2752
 
2753
/* ============== widget-portfolio ============== */
2754
 
2755
.wd-heady {
2756
    float: left;
2757
    width: 100%;
2758
    padding: 20px 20px;
2759
    border-bottom: 1px solid #e5e5e5;
2760
}
2761
 
2762
.wd-heady h3 {
2763
    color: #000000;
2764
    font-size: 18px;
2765
    font-weight: 600;
2766
    float: left;
2767
}
2768
 
2769
.wd-heady img {
2770
    float: right;
2771
}
2772
 
2773
.pf-gallery {
2774
    float: left;
2775
    width: 100%;
2776
    padding: 15px 15px;
2777
}
2778
 
2779
.pf-gallery ul {
2780
    float: left;
2781
    width: 100%;
2782
}
2783
 
2784
.pf-gallery ul li {
2785
    float: left;
2786
    width: 33.33%;
2787
    padding: 5px;
2788
    overflow: hidden;
2789
}
2790
 
2791
.pf-gallery ul li:hover {
2792
    -webkit-transform: scale(1.2);
2793
    -moz-transform: scale(1.2);
2794
    -ms-transform: scale(1.2);
2795
    -o-transform: scale(1.2);
2796
    transform: scale(1.2);
2797
}
2798
 
2799
.pf-gallery img {
2800
    width: 100%;
2801
}
2802
 
2803
.product-feed-tab {
2804
    float: left;
2805
    width: 100%;
2806
    display: none;
2807
}
2808
 
2809
.product-feed-tab.current {
2810
    display: block;
2811
}
2812
 
2813
/* =============== user-profile-ov ================ */
2814
 
2815
.user-profile-ov {
2816
    float: left;
2817
    width: 100%;
2818
    background-color: #fff;
2819
    padding: 30px 20px;
2820
    border-left: 1px solid #e4e4e4;
2821
    border-bottom: 1px solid #e4e4e4;
2822
    border-right: 1px solid #e4e4e4;
2823
    margin-bottom: 20px;
2824
}
2825
 
2826
.user-profile-ov h3 {
2827
    color: #000000;
2828
    font-size: 18px;
2829
    font-weight: 600;
2830
    margin-bottom: 20px;
2831
}
2832
 
2833
.user-profile-ov h3 a {
2834
    color: #000000;
2835
}
2836
 
2837
.user-profile-ov i {
2838
    color: #000000;
2839
    font-size: 13px;
2840
    padding-left: 5px;
2841
}
2842
 
2843
.user-profile-ov h4 {
2844
    font-size: 16px;
2845
    color: #000;
2846
    font-weight: 600;
2847
    margin-bottom: 10px;
2848
}
2849
 
2850
.user-profile-ov p {
2851
    color: #686868;
2852
    font-size: 14px;
2853
    line-height: 24px;
2854
}
2855
 
2856
.user-profile-ov.st2 p {
2857
    margin-bottom: 23px;
2858
}
2859
 
2860
.no-margin {
2861
    margin: 0 !important;
2862
}
2863
 
2864
.user-profile-ov>span {
2865
    color: #686868;
2866
    font-size: 14px;
2867
    float: left;
2868
    width: 100%;
2869
    margin-bottom: 8px;
2870
    margin-top: 3px;
2871
}
2872
 
2873
.user-profile-ov ul {
2874
    float: left;
2875
    width: 100%;
2876
}
2877
 
2878
.user-profile-ov ul li {
2879
    display: inline-block;
2880
    margin-bottom: 10px;
2881
    padding: 0 2px;
2882
}
2883
 
2884
.user-profile-ov ul li a {
2885
    display: inline-block;
2886
    color: #b2b2b2;
2887
    font-size: 14px;
2888
    font-weight: 600;
2889
    background-color: #e5e5e5;
2890
    -webkit-border-radius: 30px;
2891
    -moz-border-radius: 30px;
2892
    -ms-border-radius: 30px;
2893
    -o-border-radius: 30px;
2894
    border-radius: 30px;
2895
    padding: 10px 15px;
2896
}
2897
 
2898
/* ==================== portfolio-gallery-sec ==================== */
2899
 
2900
.portfolio-gallery-sec {
2901
    float: left;
2902
    width: 100%;
2903
    background-color: #fff;
2904
    padding: 30px 20px;
2905
    border-left: 1px solid #e4e4e4;
2906
    border-right: 1px solid #e4e4e4;
2907
    border-bottom: 1px solid #e4e4e4;
2908
}
2909
 
2910
.portfolio-gallery-sec h3 {
2911
    font-weight: 600;
2912
    font-size: 18px;
2913
    margin-bottom: 32px;
2914
    padding-left: 5px;
2915
    float: left;
2916
}
2917
 
2918
.portfolio-btn {
2919
    float: right;
2920
}
2921
 
2922
.portfolio-btn a {
2923
    display: inline-block;
2924
    color: #e44d3a;
2925
    font-size: 16px;
2926
    font-weight: 600;
2927
}
2928
 
2929
.portfolio-btn a i {
2930
    margin-right: 5px;
2931
}
2932
 
2933
.gallery_pf {
2934
    float: left;
2935
    width: 100%;
2936
    margin-bottom: -5px;
2937
}
2938
 
2939
.gallery_pf .col-lg-4 {
2940
    padding: 5px;
2941
}
2942
 
2943
.gallery_pt {
2944
    float: left;
2945
    width: 100%;
2946
    position: relative;
2947
    overflow: hidden;
2948
}
2949
 
2950
.gallery_pt:hover:before {
2951
    opacity: 1;
2952
    visibility: visible;
2953
    height: 100%;
2954
}
2955
 
2956
.gallery_pt:before {
2957
    content: "";
2958
    position: absolute;
2959
    top: 0;
2960
    left: 0;
2961
    width: 100%;
2962
    height: 0;
2963
    background-color: rgba(0, 0, 0, 0.6);
2964
    opacity: 0;
2965
    visibility: hidden;
2966
}
2967
 
2968
.gallery_pt img {
2969
    width: 100%;
2970
    height: 134px;
2971
    object-fit: cover;
2972
}
2973
 
2974
.row {
2975
    margin: 0;
2976
}
2977
 
2978
.gallery_pt>a {
2979
    position: absolute;
2980
    top: 100%;
2981
    left: 0;
2982
    float: left;
2983
    width: 100%;
2984
    text-align: center;
2985
    -webkit-transform: translateY(-50%);
2986
    -moz-transform: translateY(-50%);
2987
    -ms-transform: translateY(-50%);
2988
    -o-transform: translateY(-50%);
2989
    transform: translateY(-50%);
2990
    opacity: 0;
2991
    visibility: hidden;
2992
}
2993
 
2994
.gallery_pt:hover>a {
2995
    opacity: 1;
2996
    visibility: visible;
2997
    top: 50%;
2998
}
2999
 
3000
.gallery_pt>a img {
3001
    float: none;
3002
    width: auto;
3003
    height: auto;
3004
}
3005
 
3006
/* ============== overview-box ============= */
3007
 
3008
.overview-box {
3009
    width: 570px;
3010
    position: fixed;
3011
    top: 50%;
3012
    left: 50%;
3013
    -webkit-transform: translateX(-50%) translateY(-50%);
3014
    -moz-transform: translateX(-50%) translateY(-50%);
3015
    -ms-transform: translateX(-50%) translateY(-50%);
3016
    -o-transform: translateX(-50%) translateY(-50%);
3017
    transform: translateX(-50%) translateY(-50%);
3018
    opacity: 0;
3019
    visibility: hidden;
3020
    z-index: 0;
3021
}
3022
 
3023
.close-box {
3024
    position: absolute;
3025
    top: -20px;
3026
    right: -20px;
3027
    color: #fff;
3028
    font-size: 14px;
3029
    text-align: center;
3030
    width: 22px;
3031
    height: 22px;
3032
    line-height: 22px;
3033
    border: 1px solid #fff;
3034
    -webkit-border-radius: 100px;
3035
    -moz-border-radius: 100px;
3036
    -ms-border-radius: 100px;
3037
    -o-border-radius: 100px;
3038
    border-radius: 100px;
3039
    font-weight: 600;
3040
}
3041
 
3042
.close-box:hover {
3043
    color: #fff;
3044
}
3045
 
3046
.overview-box.open {
3047
    opacity: 1;
3048
    visibility: visible;
3049
    z-index: 99999;
3050
}
3051
 
3052
.overview-edit {
3053
    float: left;
3054
    width: 100%;
3055
    background-color: #fff;
3056
    padding: 30px 20px;
3057
}
3058
 
3059
.overview-edit h3 {
3060
    color: #000000;
3061
    font-size: 18px;
3062
    font-weight: 600;
3063
    float: left;
3064
    width: 100%;
3065
    margin-bottom: 25px;
3066
}
3067
 
3068
.overview-edit span {
3069
    color: #b2b2b2;
3070
    font-size: 12px;
3071
    float: right;
3072
    margin-bottom: 5px;
3073
}
3074
 
3075
.overview-edit form {
3076
    float: left;
3077
    width: 100%;
3078
}
3079
 
3080
.overview-edit form input {
3081
    height: 40px;
3082
    padding-left: 15px;
3083
    margin-bottom: 20px;
3084
}
3085
 
3086
.overview-edit form textarea,
3087
.overview-edit form input,
3088
.overview-edit form select {
3089
    width: 100%;
3090
    border: 1px solid #e5e5e5;
3091
    resize: none;
3092
    color: #b2b2b2;
3093
    font-size: 14px;
3094
}
3095
 
3096
.overview-edit form select {
3097
    line-height: 40px;
3098
    padding-left: 40px;
3099
    margin-bottom: 20px;
3100
}
3101
 
3102
.overview-edit form textarea {
3103
    height: 160px;
3104
    margin-bottom: 30px;
3105
    padding: 15px;
3106
}
3107
 
3108
.save {
3109
    background-color: #e44d3a;
3110
    color: #fff;
3111
    border-color: transparent;
3112
}
3113
 
3114
.save-add {
3115
    background-color: #fff;
3116
    padding: 13px 13px !important;
3117
}
3118
 
3119
.overview-edit button {
3120
    float: left;
3121
    border: 1px solid #e5e5e5;
3122
    font-weight: 600;
3123
    font-size: 16px;
3124
    padding: 13px 34px;
3125
    margin-right: 20px;
3126
    outline: none;
3127
    cursor: pointer;
3128
}
3129
 
3130
.cancel {
3131
    background-color: #fff;
3132
    color: #000;
3133
}
3134
 
3135
.datepicky {
3136
    float: left;
3137
    width: 100%;
3138
}
3139
 
3140
.no-left-pd {
3141
    padding: 0;
3142
}
3143
 
3144
.no-righ-pd {
3145
    padding-right: 0;
3146
}
3147
 
3148
.datefm {
3149
    float: left;
3150
    width: 100%;
3151
    position: relative;
3152
}
3153
 
3154
.datefm i {
3155
    position: absolute;
3156
    top: 11px;
3157
    right: 15px;
3158
    font-size: 18px;
3159
    color: #b2b2b2;
3160
}
3161
 
3162
#location-box .datefm i {
3163
    right: auto;
3164
    left: 15px;
3165
}
3166
 
3167
#location-box .datefm input {
3168
    padding-left: 40px;
3169
}
3170
 
3171
#skills-box ul {
3172
    float: left;
3173
    width: 100%;
3174
    margin-bottom: 20px;
3175
}
3176
 
3177
#skills-box ul li {
3178
    display: inline-block;
3179
    margin-right: 10px;
3180
    position: relative;
3181
}
3182
 
3183
.skl-name {
3184
    display: inline-block;
3185
    color: #b2b2b2;
3186
    font-size: 14px;
3187
    font-weight: 500;
3188
    background-color: #e5e5e5;
3189
    -webkit-border-radius: 30px;
3190
    -moz-border-radius: 30px;
3191
    -ms-border-radius: 30px;
3192
    -o-border-radius: 30px;
3193
    border-radius: 30px;
3194
    text-transform: uppercase;
3195
    padding: 10px 30px 10px 12px;
3196
    position: relative;
3197
}
3198
 
3199
.close-skl {
3200
    position: absolute;
3201
    top: 10px;
3202
    right: 10px;
3203
    color: #b2b2b2;
3204
    font-size: 14px;
3205
}
3206
 
3207
.file-submit {
3208
    border: 1px solid #e5e5e5;
3209
    position: relative;
3210
    padding: 0px;
3211
    height: 40px;
3212
    margin-bottom: 20px;
3213
    border-radius: 3px;
3214
}
3215
 
3216
.file-submit [type="file"] {
3217
    height: 40px;
3218
    overflow: hidden;
3219
    width: 100%;
3220
    float: left;
3221
    position: absolute;
3222
    padding: 10px 4px 0px 12px;
3223
    font-size: 14px;
3224
    opacity: 0;
3225
    display: none;
3226
}
3227
 
3228
.file-submit [type="file"]+label {
3229
    background: #e44d3a;
3230
    border: none;
3231
    float: left;
3232
    border-top-right-radius: 0px;
3233
    border-bottom-right-radius: 0px;
3234
    border-top-left-radius: 3px;
3235
    border-bottom-left-radius: 3px;
3236
    color: #fff;
3237
    cursor: pointer;
3238
    /* display: inline-block; */
3239
    font-size: 14px;
3240
    font-weight: 500;
3241
    outline: none;
3242
    padding: 12px 15px;
3243
    position: relative;
3244
    transition: all 0.3s;
3245
    vertical-align: middle;
3246
    margin: 0;
3247
}
3248
 
3249
.file-submit.nomg {
3250
    border: 0;
3251
    margin-bottom: 20px;
3252
}
3253
 
3254
.file-submit.nomg input {
3255
    margin-bottom: 0;
3256
    padding-top: 0;
3257
}
3258
 
3259
.daty {
3260
    float: left;
3261
    width: 100%;
3262
    position: relative;
3263
}
3264
 
3265
.daty>i {
3266
    position: absolute;
3267
    top: 10px;
3268
    right: 15px;
3269
    color: #b2b2b2;
3270
    font-size: 20px;
3271
}
3272
 
3273
a:hover {
3274
    color: initial;
3275
}
3276
 
3277
.pf-img {
3278
    float: left;
3279
    width: 100%;
3280
    background-color: #f2f2f2;
3281
    padding: 15px;
3282
    margin-bottom: 20px;
3283
}
3284
 
3285
/* ================= billing-method ============== */
3286
 
3287
.billing-method {
3288
    float: left;
3289
    width: 100%;
3290
    background-color: #fff;
3291
    border-left: 1px solid #e4e4e4;
3292
    border-right: 1px solid #e4e4e4;
3293
    border-bottom: 1px solid #e4e4e4;
3294
    margin-bottom: 20px;
3295
}
3296
 
3297
.billing-method ul {
3298
    float: left;
3299
    width: 100%;
3300
}
3301
 
3302
.billing-method ul li {
3303
    float: left;
3304
    width: 100%;
3305
    border-bottom: 1px solid #e5e5e5;
3306
    padding: 25px 20px;
3307
}
3308
 
3309
.billing-method ul li h3 {
3310
    color: #000000;
3311
    font-size: 18px;
3312
    font-weight: 600;
3313
    float: left;
3314
}
3315
 
3316
.billing-method ul li a,
3317
.billing-method ul li span {
3318
    float: right;
3319
    color: #000000;
3320
    font-size: 13px;
3321
    text-transform: capitalize;
3322
    font-weight: 600;
3323
    margin-top: 3px;
3324
}
3325
 
3326
.billing-method ul li i {
3327
    font-size: 13px;
3328
    color: #e44d3a;
3329
}
3330
 
3331
.lt-sec {
3332
    float: left;
3333
    width: 100%;
3334
    text-align: center;
3335
    padding: 30px 0;
3336
}
3337
 
3338
.lt-sec img {
3339
    float: none;
3340
    margin-bottom: 15px;
3341
}
3342
 
3343
.lt-sec h4 {
3344
    color: #686868;
3345
    font-size: 18px;
3346
    font-weight: 600;
3347
    margin-bottom: 25px;
3348
}
3349
 
3350
.lt-sec>a {
3351
    display: inline-block;
3352
    color: #ffffff;
3353
    font-size: 16px;
3354
    background-color: #e44d3a;
3355
    padding: 10px 25px;
3356
}
3357
 
3358
/* ============== add-billing-method ============== */
3359
 
3360
.add-billing-method {
3361
    float: left;
3362
    width: 100%;
3363
    background-color: #fff;
3364
    border-left: 1px solid #e4e4e4;
3365
    border-right: 1px solid #e4e4e4;
3366
    border-bottom: 1px solid #e4e4e4;
3367
}
3368
 
3369
.add-billing-method h3 {
3370
    color: #000000;
3371
    font-size: 18px;
3372
    font-weight: 600;
3373
    padding: 20px 20px;
3374
    border-bottom: 1px solid #e5e5e5;
3375
}
3376
 
3377
.add-billing-method>h4 {
3378
    color: #686868;
3379
    font-size: 13px;
3380
    font-weight: 500;
3381
    padding: 20px 20px;
3382
    border-bottom: 1px solid #e5e5e5;
3383
    float: left;
3384
    width: 100%;
3385
}
3386
 
3387
.add-billing-method img {
3388
    margin-right: 10px;
3389
}
3390
 
3391
.add-billing-method span {
3392
    margin-top: 4px;
3393
    float: left;
3394
}
3395
 
3396
/* ============= payment_methods ============ */
3397
 
3398
.payment_methods {
3399
    float: left;
3400
    width: 100%;
3401
}
3402
 
3403
.payment_methods>h4 {
3404
    color: #000000;
3405
    font-size: 16px;
3406
    font-weight: 600;
3407
    position: relative;
3408
    padding: 25px 20px 25px 45px;
3409
    float: left;
3410
    width: 100%;
3411
}
3412
 
3413
.rowwy {
3414
    float: left;
3415
    width: 100%;
3416
}
3417
 
3418
.pd-left-none {
3419
    padding-left: 0;
3420
}
3421
 
3422
.pd-right-none {
3423
    padding-right: 0;
3424
}
3425
 
3426
.payment_methods h4:before {
3427
    content: "";
3428
    position: absolute;
3429
    top: 50%;
3430
    -webkit-transform: translateY(-50%);
3431
    -moz-transform: translateY(-50%);
3432
    -ms-transform: translateY(-50%);
3433
    -o-transform: translateY(-50%);
3434
    transform: translateY(-50%);
3435
    left: 20px;
3436
    width: 15px;
3437
    height: 15px;
3438
    border: 1px solid #e6e6e6;
3439
    -webkit-border-radius: 100px;
3440
    -moz-border-radius: 100px;
3441
    -ms-border-radius: 100px;
3442
    -o-border-radius: 100px;
3443
    border-radius: 100px;
3444
}
3445
 
3446
.payment_methods h4:after {
3447
    content: "";
3448
    position: absolute;
3449
    top: 50%;
3450
    -webkit-transform: translateY(-50%);
3451
    -moz-transform: translateY(-50%);
3452
    -ms-transform: translateY(-50%);
3453
    -o-transform: translateY(-50%);
3454
    transform: translateY(-50%);
3455
    left: 24px;
3456
    width: 7px;
3457
    height: 7px;
3458
    background-color: #e44d3a;
3459
    -webkit-border-radius: 100px;
3460
    -moz-border-radius: 100px;
3461
    -ms-border-radius: 100px;
3462
    -o-border-radius: 100px;
3463
    border-radius: 100px;
3464
}
3465
 
3466
.payment_methods form {
3467
    float: left;
3468
    width: 100%;
3469
    padding-bottom: 30px;
3470
    border-bottom: 1px solid #e5e5e5;
3471
}
3472
 
3473
.payment_methods form button {
3474
    color: #ffffff;
3475
    font-size: 16px;
3476
    background-color: #e44d3a;
3477
    padding: 10px 15px;
3478
    border: 0;
3479
    cursor: pointer;
3480
}
3481
 
3482
.payment_methods form input {
3483
    width: 100%;
3484
    height: 40px;
3485
    border: 1px solid #e5e5e5;
3486
    padding: 0 12px;
3487
}
3488
 
3489
.cc-head {
3490
    float: left;
3491
    width: 100%;
3492
    margin-bottom: 10px;
3493
}
3494
 
3495
.cc-head h5 {
3496
    float: left;
3497
    color: #000000;
3498
    font-size: 16px;
3499
    font-weight: 600;
3500
    margin-top: 4px;
3501
}
3502
 
3503
.cc-head h5 i {
3504
    color: #b2b2b2;
3505
    font-size: 14px;
3506
}
3507
 
3508
.cc-head ul {
3509
    float: right;
3510
}
3511
 
3512
.cc-head ul li {
3513
    display: inline-block;
3514
}
3515
 
3516
.inpt-field {
3517
    float: left;
3518
    width: 100%;
3519
    position: relative;
3520
    margin-bottom: 20px;
3521
}
3522
 
3523
.no-pdd {
3524
    padding: 0;
3525
}
3526
 
3527
.inpt-field.pd-moree input {
3528
    padding-left: 40px !important;
3529
}
3530
 
3531
.inpt-field i {
3532
    color: #b2b2b2;
3533
    font-size: 18px;
3534
    position: absolute;
3535
    top: 50%;
3536
    left: 15px;
3537
    -webkit-transform: translateY(-50%);
3538
    -moz-transform: translateY(-50%);
3539
    -ms-transform: translateY(-50%);
3540
    -o-transform: translateY(-50%);
3541
    transform: translateY(-50%);
3542
}
3543
 
3544
/* ============== companies-info ============== */
3545
 
3546
.companies-info {
3547
    padding: 60px 0;
3548
}
3549
 
3550
.company-title {
3551
    float: left;
3552
    width: 100%;
3553
    margin-bottom: 20px;
3554
    padding: 0 1.9rem;
3555
}
3556
 
3557
.default-link {
3558
    color: #0860bf;
3559
}
3560
 
3561
.default-link:hover {
3562
    font-weight: bold;
3563
    color: #0860bf;
3564
    transition: all .5s;
3565
}
3566
 
3567
.company-title h3 {
3568
    color: #000000;
3569
    font-size: 20px;
3570
    font-weight: 600;
3571
    background-color: #fff;
3572
    padding: 10px 15px;
3573
}
3574
 
3575
.companies-list {
3576
    float: left;
3577
    width: 100%;
3578
    margin-bottom: -30px;
3579
}
3580
 
3581
.companies-list .slick-list {
3582
    max-height: 47vh;
3583
}
3584
 
3585
.slick-prev:before,
3586
.slick-next:before {
3587
    color: #000 !important;
3588
}
3589
 
3590
.company_profile_info {
3591
    /* float: left; */
3592
    width: 100%;
3593
    background-color: #fff;
3594
    text-align: center;
3595
    border-left: 1px solid #e4e4e4;
3596
    border-right: 1px solid #e4e4e4;
3597
    border-bottom: 1px solid #e4e4e4;
3598
    margin-bottom: 30px;
3599
}
3600
 
3601
.company-up-info {
3602
    /* float: left; */
3603
    width: 100%;
3604
    padding: 20px 0;
3605
    border-bottom: 1px solid #e5e5e5;
3606
}
3607
 
3608
.company-up-info .description {
3609
    margin-bottom: 10px;
3610
}
3611
 
3612
.company-up-info img {
3613
    float: none;
3614
    margin-bottom: 10px;
3615
    -webkit-border-radius: 100px;
3616
    -moz-border-radius: 100px;
3617
    -ms-border-radius: 100px;
3618
    -o-border-radius: 100px;
3619
    border-radius: 100px;
3620
    height: 90px;
3621
    object-fit: cover;
3622
}
3623
 
3624
.company-up-info h3 {
3625
    color: #000000;
3626
    font-size: 18px;
3627
    font-weight: 600;
3628
    margin-bottom: 10px;
3629
}
3630
 
3631
.company-up-info h4 {
3632
    color: #686868;
3633
    font-size: 14px;
3634
    font-weight: 500;
3635
    margin-bottom: 21px;
3636
}
3637
 
3638
.company-up-info h6 {
3639
    color: #686868;
3640
    font-size: 15px;
3641
    font-weight: 500;
3642
    margin-bottom: 10px;
3643
}
3644
 
3645
.company-up-info ul {
3646
    /* float: left; */
3647
    width: 100%;
3648
}
3649
 
3650
.company-up-info ul li {
3651
    display: inline-block;
3652
    margin-right: 6px;
3653
}
3654
 
3655
.company-up-info ul li a i {
3656
    font-size: 24px;
3657
    position: relative;
3658
    top: 3px;
3659
}
3660
 
3661
.follow {
3662
    background-color: #53d690;
3663
}
3664
 
3665
.message-us {
3666
    background-color: #e44d3a;
3667
}
3668
 
3669
.hire-us {
3670
    background-color: #51a5fb;
3671
}
3672
 
3673
.company_profile_info .cancelButton {
3674
    display: inline-block;
3675
    color: #000000;
3676
    font-size: 16px;
3677
    font-weight: 500;
3678
    margin: 18px 0;
3679
}
3680
 
3681
/* ============= search-sec ============= */
3682
 
3683
.search-sec {
3684
    float: left;
3685
    width: 100%;
3686
    margin: 30px 0 0 0;
3687
}
3688
 
3689
.search-box {
3690
    float: left;
3691
    width: 100%;
3692
    padding: 2.1%;
3693
}
3694
 
3695
.search-box form {
3696
    float: left;
3697
    width: 100%;
3698
    position: relative;
3699
}
3700
 
3701
.search-box form input {
3702
    width: 100%;
3703
    height: 40px;
3704
    padding: 0 15px;
3705
    background: var(--background-light-gray);
3706
    color: var(--gray);
3707
    font-size: 14px;
3708
    border: solid 1px var(--border-light-gray);
3709
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
3710
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
3711
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
3712
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
3713
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
3714
}
3715
 
3716
.search-box form button {
3717
    position: absolute;
3718
    top: 0;
3719
    right: 0;
3720
    border: solid 1px var(--border-light-gray);
3721
    color: var(--gray);
3722
    font-size: 16px;
3723
    font-weight: 500;
3724
    height: 100%;
3725
    padding: 0 28px;
3726
    cursor: pointer;
3727
    -webkit-border-radius: 0 4px 4px 0;
3728
    -moz-border-radius: 0 4px 4px 0;
3729
    -ms-border-radius: 0 4px 4px 0;
3730
    -o-border-radius: 0 4px 4px 0;
3731
    border-radius: 0 4px 4px 0;
3732
}
3733
 
3734
/* =============== filter-secs ============== */
3735
 
3736
.filter-secs {
3737
    float: left;
3738
    width: 100%;
3739
    /* background-color: #fff; */
3740
    box-shadow: 0px 2px #e4e4e4;
3741
    border: 1px solid #e5e5e5;
3742
}
3743
 
3744
.filter-heading {
3745
    float: left;
3746
    width: 100%;
3747
    padding: 15px 20px;
3748
    border-bottom: 1px solid #e5e5e5;
3749
    margin-bottom: 15px;
3750
}
3751
 
3752
.filter-heading h3 {
3753
    float: left;
3754
    color: #e44d3a;
3755
    font-size: 18px;
3756
    font-weight: 600;
3757
}
3758
 
3759
.filter-heading a {
3760
    float: right;
3761
    color: #686868;
3762
    font-size: 14px;
3763
    margin-top: 4px;
3764
}
3765
 
3766
.filter-ttl {
3767
    float: left;
3768
    width: 100%;
3769
    border-bottom: 1px solid #e5e5e5;
3770
    padding: 0 0 16px 0;
3771
    margin-bottom: 10px;
3772
}
3773
 
3774
.filter--tt2 {
3775
    margin-bottom: 0px !important;
3776
}
3777
 
3778
.top--1 {
3779
    margin-top: 20px;
3780
}
3781
 
3782
.filter--tt2 .dropdown .dropdown-menu a {
3783
    float: none;
3784
    color: #666666 !important;
3785
    margin-bottom: 12px !important;
3786
}
3787
 
3788
.filter--tt2 .dropdown .dropdown-menu a:hover {
3789
    color: #e44d3a !important;
3790
    background: none !important;
3791
}
3792
 
3793
.filter--tt2 .dropdown .dropdown-menu a:focus {
3794
    color: #e44d3a !important;
3795
    background: none !important;
3796
}
3797
 
3798
.filter--tt2 a {
3799
    float: left !important;
3800
    padding: 0 0 0 15px !important;
3801
    font-size: 16px !important;
3802
    color: #000000 !important;
3803
    font-weight: 500 !important;
3804
}
3805
 
3806
.filter-ttl h3 {
3807
    float: left;
3808
    padding: 0;
3809
    font-size: 16px;
3810
    color: #000000;
3811
    font-weight: 400;
3812
}
3813
 
3814
.filter-ttl a {
3815
    float: right;
3816
    font-size: 14px;
3817
    color: #666666;
3818
}
3819
 
3820
.filter-ttl .dropdown a {
3821
    float: none;
3822
    color: #666666;
3823
}
3824
 
3825
.filter-dd {
3826
    float: left;
3827
    width: 100%;
3828
    margin-bottom: 15px;
3829
}
3830
 
3831
.filter-dd form {
3832
    float: left;
3833
    width: 100%;
3834
    position: relative;
3835
}
3836
 
3837
.filter-dd form input,
3838
.filter-dd form select {
3839
    width: 100%;
3840
    height: 30px;
3841
    background-color: #f2f2f2;
3842
    padding: 0 10px;
3843
    color: #b2b2b2;
3844
    font-size: 12px;
3845
    font-weight: 600;
3846
    border: 0;
3847
    border: 1px solid #e5e5e5;
3848
}
3849
 
3850
.job-tp i {
3851
    color: #666666;
3852
    position: absolute;
3853
    top: 9px;
3854
    right: 15px;
3855
    font-size: 14px;
3856
}
3857
 
3858
.avail-checks {
3859
    float: left;
3860
    width: 100%;
3861
    margin-top: 7px;
3862
}
3863
 
3864
.avail-checks li {
3865
    float: left;
3866
    width: 100%;
3867
    margin-bottom: 10px;
3868
}
3869
 
3870
.avail-checks li:last-child {
3871
    margin-bottom: 0;
3872
}
3873
 
3874
.avail-checks li input[type="radio"] {
3875
    display: none;
3876
}
3877
 
3878
.avail-checks li label {
3879
    float: left;
3880
}
3881
 
3882
.avail-checks li input[type="radio"]+label span {
3883
    display: inline-block;
3884
    width: 15px;
3885
    height: 15px;
3886
    position: relative;
3887
    margin-top: 3px;
3888
    border: 1px solid #d2d2d2;
3889
    -webkit-border-radius: 100px;
3890
    -moz-border-radius: 100px;
3891
    -ms-border-radius: 100px;
3892
    -o-border-radius: 100px;
3893
    border-radius: 100px;
3894
}
3895
 
3896
.avail-checks li input[type="radio"]+label span:before {
3897
    content: "";
3898
    opacity: 0;
3899
    visibility: hidden;
3900
    position: absolute;
3901
    width: 7px;
3902
    height: 7px;
3903
    -webkit-border-radius: 100px;
3904
    -moz-border-radius: 100px;
3905
    -ms-border-radius: 100px;
3906
    -o-border-radius: 100px;
3907
    border-radius: 100px;
3908
    background-color: #e44d3a;
3909
    top: 3px;
3910
    left: 3px;
3911
}
3912
 
3913
.avail-checks li input[type="radio"]:checked+label span:before {
3914
    opacity: 1;
3915
    visibility: visible;
3916
}
3917
 
3918
.avail-checks li small {
3919
    color: #909090;
3920
    font-size: 14px;
3921
    padding-left: 10px;
3922
    font-weight: 500;
3923
}
3924
 
3925
/* =========== Range Slider ========== */
3926
 
3927
.rg-slider {
3928
    float: left;
3929
    width: 100%;
3930
}
3931
 
3932
.slider-container {
3933
    width: 100% !important;
3934
    padding-top: 50px;
3935
    position: relative;
3936
}
3937
 
3938
.theme-green .back-bar {
3939
    height: 5px;
3940
    border: 1px solid #e5e5e5;
3941
    -webkit-border-radius: 30px;
3942
    -moz-border-radius: 30px;
3943
    -ms-border-radius: 30px;
3944
    -o-border-radius: 30px;
3945
    border-radius: 30px;
3946
}
3947
 
3948
.theme-green .back-bar .pointer {
3949
    width: 17px;
3950
    height: 17px;
3951
    -webkit-border-radius: 100px;
3952
    -moz-border-radius: 100px;
3953
    -ms-border-radius: 100px;
3954
    -o-border-radius: 100px;
3955
    border-radius: 100px;
3956
    background-color: #e44d3a;
3957
    border: 2px solid #e3e3e3;
3958
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
3959
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
3960
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
3961
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
3962
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
3963
}
3964
 
3965
.theme-green .back-bar .pointer {
3966
    top: -7px;
3967
}
3968
 
3969
.slider-container .back-bar .pointer-label {
3970
    top: -50px;
3971
    height: 26px;
3972
    background-color: #e5e5e5;
3973
    -webkit-border-radius: 30px;
3974
    -moz-border-radius: 30px;
3975
    -ms-border-radius: 30px;
3976
    -o-border-radius: 30px;
3977
    border-radius: 30px;
3978
    line-height: 26px;
3979
    width: 50px;
3980
}
3981
 
3982
.pointer-label.low {
3983
    left: 0 !important;
3984
}
3985
 
3986
.pointer-label.high {
3987
    left: 70px !important;
3988
}
3989
 
3990
.pointer-label.low:before {
3991
    content: "";
3992
    position: absolute;
3993
    top: 13px;
3994
    right: -14px;
3995
    width: 8px;
3996
    height: 1px;
3997
    background-color: #e5e5e5;
3998
}
3999
 
4000
.rg-limit {
4001
    float: left;
4002
    width: 100%;
4003
    margin-top: 16px;
4004
}
4005
 
4006
.rg-limit h4 {
4007
    color: #686868;
4008
    font-size: 15px;
4009
    font-weight: 600;
4010
    float: left;
4011
}
4012
 
4013
.rg-limit h4:last-child {
4014
    float: right;
4015
}
4016
 
4017
/* ============== chatbox-list ============== */
4018
 
4019
.chatbox-list {
4020
    position: fixed;
4021
    bottom: 0;
4022
    right: 0;
4023
}
4024
 
4025
.chatbox {
4026
    display: inline-block;
4027
    position: relative;
4028
}
4029
 
4030
.chat-mg {
4031
    display: inline-block;
4032
    position: relative;
4033
}
4034
 
4035
.chat-mg img {
4036
    width: 70px;
4037
    height: 70px;
4038
    -webkit-border-radius: 100px;
4039
    -moz-border-radius: 100px;
4040
    -ms-border-radius: 100px;
4041
    -o-border-radius: 100px;
4042
    border-radius: 100px;
4043
}
4044
 
4045
.chat-mg span {
4046
    position: absolute;
4047
    top: -5px;
4048
    right: 10px;
4049
    width: 20px;
4050
    height: 20px;
4051
    background-color: #e44d3a;
4052
    text-align: center;
4053
    font-size: 12px;
4054
    color: #fff;
4055
    line-height: 20px;
4056
    -webkit-border-radius: 100px;
4057
    -moz-border-radius: 100px;
4058
    -ms-border-radius: 100px;
4059
    -o-border-radius: 100px;
4060
    border-radius: 100px;
4061
}
4062
 
4063
.chat-mg.bx img {
4064
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4065
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4066
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4067
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4068
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4069
}
4070
 
4071
.conversation-box {
4072
    position: absolute;
4073
    bottom: 132%;
4074
    right: 100%;
4075
    width: 350px;
4076
    background-color: #fff;
4077
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4078
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4079
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4080
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4081
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4082
    opacity: 0;
4083
    visibility: hidden;
4084
    z-index: 0;
4085
}
4086
 
4087
.conversation-box.active {
4088
    opacity: 1;
4089
    visibility: visible;
4090
    z-index: 9999;
4091
}
4092
 
4093
.conversation-box:before {
4094
    content: "";
4095
    position: absolute;
4096
    bottom: -7px;
4097
    right: 26px;
4098
    border-top: 15px solid #fff;
4099
    border-right: 15px solid transparent;
4100
    -webkit-transform: rotate(225deg);
4101
    -moz-transform: rotate(225deg);
4102
    -ms-transform: rotate(225deg);
4103
    -o-transform: rotate(225deg);
4104
    transform: rotate(225deg);
4105
}
4106
 
4107
.con-title {
4108
    float: left;
4109
    width: 100%;
4110
    background-color: #e44d3a;
4111
    padding: 15px 25px;
4112
    -webkit-border-radius: 10px 10px 0 0;
4113
    -moz-border-radius: 10px 10px 0 0;
4114
    -ms-border-radius: 10px 10px 0 0;
4115
    -o-border-radius: 10px 10px 0 0;
4116
    border-radius: 10px 10px 0 0;
4117
}
4118
 
4119
.con-title h3 {
4120
    float: left;
4121
    color: #ffffff;
4122
    font-size: 16px;
4123
    font-weight: 600;
4124
}
4125
 
4126
.con-title>a {
4127
    float: right;
4128
    color: #fff;
4129
    font-size: 20px;
4130
}
4131
 
4132
.chat-list {
4133
    float: left;
4134
    width: 100%;
4135
    min-height: 390px;
4136
}
4137
 
4138
.conv-list {
4139
    float: left;
4140
    width: 100%;
4141
    display: table;
4142
    padding: 20px 25px;
4143
    position: relative;
4144
}
4145
 
4146
.conv-list:hover,
4147
.conv-list.active {
4148
    background-color: #efefef;
4149
}
4150
 
4151
.msg-numbers {
4152
    position: absolute;
4153
    bottom: 18px;
4154
    right: 25px;
4155
    width: 25px;
4156
    height: 25px;
4157
    background-color: #e77667;
4158
    text-align: center;
4159
    line-height: 25px;
4160
    color: #fff;
4161
    font-size: 13px;
4162
    -webkit-border-radius: 100px;
4163
    -moz-border-radius: 100px;
4164
    -ms-border-radius: 100px;
4165
    -o-border-radius: 100px;
4166
    border-radius: 100px;
4167
}
4168
 
4169
.usrr-pic {
4170
    display: table-cell;
4171
    position: relative;
4172
}
4173
 
4174
.active-status {
4175
    width: 9px;
4176
    height: 9px;
4177
    border: 2px solid #ecf5fb;
4178
    -webkit-border-radius: 100px;
4179
    -moz-border-radius: 100px;
4180
    -ms-border-radius: 100px;
4181
    -o-border-radius: 100px;
4182
    border-radius: 100px;
4183
    position: absolute;
4184
    top: -3px;
4185
    right: 0;
4186
}
4187
 
4188
.activee {
4189
    background-color: #e44d3a;
4190
}
4191
 
4192
.usy-info {
4193
    display: table-cell;
4194
    vertical-align: top;
4195
    width: 100%;
4196
    padding-left: 15px;
4197
}
4198
 
4199
.usy-info h3 {
4200
    color: #000000;
4201
    font-size: 18px;
4202
    font-weight: 600;
4203
    margin-bottom: 5px;
4204
}
4205
 
4206
.usy-info span {
4207
    color: #686868;
4208
    font-size: 16px;
4209
    float: left;
4210
}
4211
 
4212
.usy-info span img {
4213
    padding-left: 5px;
4214
    float: right;
4215
}
4216
 
4217
.ct-time {
4218
    position: absolute;
4219
    top: 20px;
4220
    right: 25px;
4221
}
4222
 
4223
.ct-time span {
4224
    color: #b2b2b2;
4225
    font-size: 14px;
4226
}
4227
 
4228
.st-icons {
4229
    float: right;
4230
    margin-top: 7px;
4231
}
4232
 
4233
.st-icons a {
4234
    color: #fff;
4235
    font-size: 20px;
4236
    margin-right: 5px;
4237
}
4238
 
4239
.chat-hist {
4240
    float: left;
4241
    width: 100%;
4242
    background-color: #fff;
4243
    height: 280px;
4244
}
4245
 
4246
.chat-msg {
4247
    float: left;
4248
    width: 100%;
4249
    padding-right: 25px;
4250
    margin-bottom: 15px;
4251
}
4252
 
4253
.chat-msg p {
4254
    color: #ffffff;
4255
    font-size: 14px;
4256
    background-color: #e44d3a;
4257
    line-height: 18px;
4258
    -webkit-border-radius: 15px;
4259
    -moz-border-radius: 15px;
4260
    -ms-border-radius: 15px;
4261
    -o-border-radius: 15px;
4262
    border-radius: 15px;
4263
    padding: 10px 15px;
4264
    width: 80%;
4265
    float: right;
4266
    margin-bottom: 10px;
4267
}
4268
 
4269
.mg-3 {
4270
    margin-bottom: 3px;
4271
}
4272
 
4273
.chat-msg span {
4274
    float: right;
4275
    color: #b1b1b1;
4276
    width: 100%;
4277
    font-size: 9px;
4278
    text-align: right;
4279
}
4280
 
4281
.status-info {
4282
    width: 8px;
4283
    height: 8px;
4284
    background-color: #fff;
4285
    -webkit-border-radius: 100px;
4286
    -moz-border-radius: 100px;
4287
    -ms-border-radius: 100px;
4288
    -o-border-radius: 100px;
4289
    border-radius: 100px;
4290
    display: inline-block;
4291
    margin-left: 7px;
4292
}
4293
 
4294
.chat-user-info h3 {
4295
    margin-top: 7px;
4296
    margin-left: 10px;
4297
}
4298
 
4299
.date-nd {
4300
    float: left;
4301
    width: 100%;
4302
    text-align: center;
4303
    margin-bottom: 20px;
4304
    position: relative;
4305
}
4306
 
4307
.date-nd:before,
4308
.date-nd:after {
4309
    content: "";
4310
    position: absolute;
4311
    top: 10px;
4312
    left: 15px;
4313
    width: 92px;
4314
    height: 1px;
4315
    background-color: #e5e5e5;
4316
}
4317
 
4318
.date-nd:after {
4319
    left: auto;
4320
    right: 15px;
4321
}
4322
 
4323
.date-nd span {
4324
    color: #b1b1b1;
4325
    font-size: 12px;
4326
    text-align: center;
4327
}
4328
 
4329
.chat-msg.st2 p {
4330
    background-color: #efefef;
4331
    color: #686868;
4332
    float: left;
4333
    width: 55%;
4334
}
4335
 
4336
.chat-msg.st2 {
4337
    padding-left: 25px;
4338
}
4339
 
4340
.chat-msg.st2 span {
4341
    float: left;
4342
    text-align: left;
4343
}
4344
 
4345
/* =========== typing-msg =========== */
4346
 
4347
.typing-msg {
4348
    float: left;
4349
    width: 100%;
4350
    border-top: 1px solid #e6e6e6;
4351
    padding-top: 15px;
4352
}
4353
 
4354
.typing-msg form {
4355
    float: left;
4356
    width: 100%;
4357
    position: relative;
4358
}
4359
 
4360
.typing-msg form textarea {
4361
    width: 100%;
4362
    height: 30px;
4363
    background-color: #fff;
4364
    padding: 0 20px;
4365
    color: #b2b2b2;
4366
    font-size: 16px;
4367
    border: 0;
4368
    resize: none;
4369
}
4370
 
4371
.typing-msg form button {
4372
    color: #e44d3a;
4373
    font-size: 18px;
4374
    font-weight: 600;
4375
    position: absolute;
4376
    top: 2px;
4377
    right: 20px;
4378
    background: none;
4379
    border: 0;
4380
    cursor: pointer;
4381
}
4382
 
4383
.ft-options {
4384
    float: left;
4385
    width: 100%;
4386
    padding: 0 20px 8px 20px;
4387
}
4388
 
4389
.ft-options li {
4390
    display: inline-block;
4391
    margin-right: 15px;
4392
}
4393
 
4394
.ft-options li a {
4395
    color: #b2b2b2;
4396
    font-size: 24px;
4397
    display: inline-block;
4398
}
4399
 
4400
.mCSB_scrollTools {
4401
    right: -5px;
4402
}
4403
 
4404
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
4405
    background-color: #cccccc;
4406
    width: 5px;
4407
}
4408
 
4409
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
4410
    opacity: 0;
4411
}
4412
 
4413
/* ============ Menu Btn =============*/
4414
 
4415
.menu-btn {
4416
    float: right;
4417
    display: none;
4418
}
4419
 
4420
.menu-btn a {
4421
    font-size: 24px;
4422
    color: #fff;
4423
    display: inline-block;
4424
    padding-top: 16px;
4425
    padding-left: 20px;
4426
}
4427
 
4428
/* ============= account-tabs-setting ============ */
4429
 
4430
/* .profile-account-setting {} */
4431
 
4432
.account-tabs-setting {
4433
    float: left;
4434
    width: 100%;
4435
    padding: 70px 0;
4436
}
4437
 
4438
.acc-leftbar {
4439
    float: left;
4440
    width: 100%;
4441
    background-color: #fff;
4442
    border-left: 1px solid #e5e5e5;
4443
    border-bottom: 1px solid #e5e5e5;
4444
    border-right: 1px solid #e5e5e5;
4445
}
4446
 
4447
.acc-leftbar .nav-tabs>a {
4448
    float: left;
4449
    width: 100%;
4450
    background: none;
4451
    padding: 18px 20px;
4452
    border-bottom: 1px solid #e5e5e5;
4453
    border-left: 0;
4454
    border-right: 0;
4455
    color: #000000;
4456
    font-size: 16px;
4457
    font-weight: 500;
4458
    -webkit-border-radius: 0;
4459
    -moz-border-radius: 0;
4460
    -ms-border-radius: 0;
4461
    -o-border-radius: 0;
4462
    border-radius: 0;
4463
    border-top: 0;
4464
}
4465
 
4466
.nav-tabs {
4467
    border-bottom: 0;
4468
}
4469
 
4470
.acc-leftbar .nav-tabs>a:last-child {
4471
    border-bottom: 0;
4472
}
4473
 
4474
.acc-leftbar .nav-tabs>a i {
4475
    padding-right: 15px;
4476
    font-size: 20px;
4477
    position: relative;
4478
    top: 2px;
4479
    font-weight: 700;
4480
    width: 40px;
4481
}
4482
 
4483
.nav-tabs .nav-item.show .nav-link,
4484
.nav-tabs .nav-link.active {
4485
    background-color: inherit;
4486
    color: #e44d3a;
4487
    border-color: inherit;
4488
}
4489
 
4490
/* ============= acc-setting ============ */
4491
 
4492
.acc-setting {
4493
    float: left;
4494
    width: 100%;
4495
    background-color: #fff;
4496
    border-left: 1px solid #e5e5e5;
4497
    border-bottom: 1px solid #e5e5e5;
4498
    border-right: 1px solid #e5e5e5;
4499
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
4500
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
4501
    -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
4502
    -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
4503
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
4504
}
4505
 
4506
.acc-setting form {
4507
    float: left;
4508
    width: 100%;
4509
}
4510
 
4511
.acc-setting>h3 {
4512
    width: 100%;
4513
    color: #000000;
4514
    font-weight: 600;
4515
    font-size: 18px;
4516
    text-transform: capitalize;
4517
    border-bottom: 1px solid #e5e5e5;
4518
    padding: 17px 20px;
4519
}
4520
 
4521
.notbar {
4522
    float: left;
4523
    width: 100%;
4524
    border-bottom: 1px solid #e5e5e5;
4525
    padding: 20px;
4526
    position: relative;
4527
}
4528
 
4529
.notbar h4 {
4530
    color: #000000;
4531
    font-size: 16px;
4532
    font-weight: 600;
4533
    margin-bottom: 5px;
4534
}
4535
 
4536
.notbar p {
4537
    color: #686868;
4538
    font-size: 14px;
4539
    line-height: 24px;
4540
    width: 75%;
4541
}
4542
 
4543
.save-stngs {
4544
    float: left;
4545
    width: 100%;
4546
    padding: 30px 20px 50px 20px;
4547
}
4548
 
4549
.save-stngs.pd2 {
4550
    padding: 25px 20px 42px 20px;
4551
}
4552
 
4553
.save-stngs.pd3 {
4554
    padding: 25px 20px 25px 20px;
4555
}
4556
 
4557
.save-stngs ul li {
4558
    display: inline-block;
4559
    margin-right: 17px;
4560
}
4561
 
4562
.save-stngs ul li button {
4563
    display: inline-block;
4564
    color: #000000;
4565
    font-size: 16px;
4566
    border: 1px solid #e5e5e5;
4567
    height: 40px;
4568
    line-height: 40px;
4569
    padding: 0 22px;
4570
    font-weight: 600;
4571
    background: none;
4572
    cursor: pointer;
4573
}
4574
 
4575
.save-stngs ul li button:hover {
4576
    background-color: #e44d3a;
4577
    color: #fff;
4578
    border-color: transparent;
4579
}
4580
 
4581
/* =============== Password Update ============ */
4582
 
4583
.cp-field {
4584
    float: left;
4585
    width: 100%;
4586
    margin-top: 29.4px;
4587
    padding: 0 20px;
4588
}
4589
 
4590
.cp-field h5 {
4591
    color: #000000;
4592
    font-size: 16px;
4593
    font-weight: 600;
4594
    float: left;
4595
    width: 100%;
4596
    margin-bottom: 10px;
4597
}
4598
 
4599
.cp-field h5 a {
4600
    color: #000;
4601
}
4602
 
4603
.cpp-fiel {
4604
    float: left;
4605
    width: 100%;
4606
    position: relative;
4607
}
4608
 
4609
.cp-field input {
4610
    height: 40px;
4611
    padding: 0 40px;
4612
}
4613
 
4614
.cp-field input,
4615
.cp-field textarea {
4616
    width: 100%;
4617
    border: 1px solid #e5e5e5;
4618
}
4619
 
4620
.cp-field textarea {
4621
    padding: 20px;
4622
    height: 115px;
4623
}
4624
 
4625
.cpp-fiel i {
4626
    position: absolute;
4627
    top: 12px;
4628
    left: 15px;
4629
    color: #b2b2b2;
4630
    font-size: 16px;
4631
}
4632
 
4633
/* =============== notifications-list ============= */
4634
 
4635
.notifications-list {
4636
    float: left;
4637
    width: 100%;
4638
}
4639
 
4640
.notfication-details {
4641
    float: left;
4642
    width: 100%;
4643
    padding: 20px;
4644
    border-bottom: 1px solid #e5e5e5;
4645
}
4646
 
4647
.notfication-details:last-child {
4648
    border-bottom: 0;
4649
}
4650
 
4651
.noty-user-img {
4652
    float: left;
4653
    width: 35px;
4654
}
4655
 
4656
.noty-user-img img {
4657
    width: 100%;
4658
}
4659
 
4660
.notification-info {
4661
    float: left;
4662
    width: auto;
4663
    padding-left: 10px;
4664
}
4665
 
4666
.notification-info h3 {
4667
    color: #686868;
4668
    font-size: 14px;
4669
    font-weight: 500;
4670
    border: 0;
4671
    padding: 0;
4672
    margin-bottom: 6px;
4673
}
4674
 
4675
.notification-info h3 a {
4676
    color: #000000;
4677
    font-size: 16px;
4678
    font-weight: 600;
4679
    display: inline-block;
4680
}
4681
 
4682
.notification-info>span {
4683
    display: inline-block;
4684
    color: #b2b2b2;
4685
    font-size: 12px;
4686
    font-weight: 600;
4687
}
4688
 
4689
/* ============== requests-list ============== */
4690
 
4691
.requests-list {
4692
    float: left;
4693
    width: 100%;
4694
    padding-bottom: 0;
4695
}
4696
 
4697
.request-details {
4698
    float: left;
4699
    width: 100%;
4700
    padding: 20px;
4701
    border-bottom: 1px solid #e5e5e5;
4702
}
4703
 
4704
.request-details:last-child {
4705
    border-bottom: 0;
4706
}
4707
 
4708
.request-info {
4709
    float: left;
4710
    padding-left: 10px;
4711
}
4712
 
4713
.request-info h3 {
4714
    color: #000000;
4715
    font-size: 14px;
4716
    font-weight: 600;
4717
    padding: 0;
4718
    border: 0;
4719
    margin-bottom: 3px;
4720
}
4721
 
4722
.request-info span {
4723
    color: #686868;
4724
    font-size: 12px;
4725
    display: inline-block;
4726
}
4727
 
4728
.accept-feat {
4729
    float: right;
4730
}
4731
 
4732
.accept-feat ul li {
4733
    display: inline-block;
4734
}
4735
 
4736
.accept-feat ul li button {
4737
    cursor: pointer;
4738
}
4739
 
4740
.accept-req {
4741
    color: #ffffff;
4742
    font-size: 16px;
4743
    background-color: #51a5fb;
4744
    height: 30px;
4745
    padding: 0 20px;
4746
    font-weight: 600;
4747
    border: 0;
4748
    border: 1px solid #51a5fb;
4749
}
4750
 
4751
.close-req {
4752
    height: 30px;
4753
    width: 30px;
4754
    text-align: center;
4755
    line-height: 30px;
4756
    border: 1px solid #e5e5e5;
4757
    background: inherit;
4758
    color: #b2b2b2;
4759
    margin-left: 7px;
4760
}
4761
 
4762
.close-req i {
4763
    font-weight: 600;
4764
}
4765
 
4766
/* ============= Profile Sattus =========== */
4767
 
4768
.profile-bx-details {
4769
    float: left;
4770
    width: 100%;
4771
    padding: 30px 7px 30px 7px;
4772
}
4773
 
4774
.profile-bx-details .row .col-lg-3 {
4775
    padding: 0 7px;
4776
}
4777
 
4778
.profile-bx-info {
4779
    float: left;
4780
    width: 100%;
4781
    background-color: #f2f2f2;
4782
    padding: 20px;
4783
    border: 1px solid #e5e5e5;
4784
}
4785
 
4786
.pro-bx {
4787
    float: left;
4788
    width: 100%;
4789
    border-bottom: 1px solid #e5e5e5;
4790
    padding-bottom: 10px;
4791
}
4792
 
4793
.bx-info {
4794
    float: left;
4795
    margin-top: 7px;
4796
    padding-left: 10px;
4797
}
4798
 
4799
.bx-info h3 {
4800
    color: #e44d3a;
4801
    font-size: 20px;
4802
    font-weight: 600;
4803
    margin-bottom: 5px;
4804
}
4805
 
4806
.bx-info h5 {
4807
    color: #000000;
4808
    font-size: 14px;
4809
    font-weight: 600;
4810
    margin: 0;
4811
    padding: 0;
4812
    border: 0;
4813
}
4814
 
4815
.pd-left-20 {
4816
    padding-left: 20px;
4817
    padding-right: 0;
4818
}
4819
 
4820
.pd-left-15 {
4821
    padding-left: 15px;
4822
    padding-right: 0;
4823
}
4824
 
4825
.pd-left-right {
4826
    padding-left: 15px;
4827
    padding-right: 20px;
4828
}
4829
 
4830
.profile-bx-info>p {
4831
    float: left;
4832
    width: 100%;
4833
    font-size: 14px;
4834
    line-height: 20px;
4835
    padding-top: 5px;
4836
}
4837
 
4838
/* =========== pro-work-status ========= */
4839
 
4840
.pro-work-status {
4841
    float: left;
4842
    width: 100%;
4843
    padding: 0 15px;
4844
}
4845
 
4846
.pro-work-status h4 {
4847
    color: #000000;
4848
    font-size: 18px;
4849
    font-weight: 600;
4850
    margin-bottom: 50px;
4851
}
4852
 
4853
/* ============== messages-page ============== */
4854
 
4855
.messages-page {
4856
    padding: 20px 0;
4857
}
4858
 
4859
.messages-sec {
4860
    width: 100%;
4861
    border-radius: 10px;
4862
    overflow: hidden;
4863
    background-color: transparent;
4864
}
4865
 
4866
.msgs-list {
4867
    width: 100%;
4868
}
4869
 
4870
.inmail_conversations-list {
4871
    border-right: 1px solid #3333;
4872
    padding-left: 0;
4873
    padding-right: 0;
4874
}
4875
 
4876
.msg-title {
4877
    padding: 20px;
4878
    border-bottom: 2px solid #3333;
4879
}
4880
 
4881
.active-tab {
4882
    border-bottom: solid 2px #E4E4E4;
4883
}
4884
 
4885
.msg-title>h3 {
4886
    color: #000000;
4887
    font-size: 18px;
4888
    font-weight: 600;
4889
}
4890
 
4891
.msg-title>ul {
4892
    float: right;
4893
    position: relative;
4894
    top: 1px;
4895
}
4896
 
4897
.msg-title ul li {
4898
    display: inline-block;
4899
    margin-right: 15px;
4900
    border-bottom: 1px solid #3333;
4901
}
4902
 
4903
.msg-title ul li:last-child {
4904
    margin-right: 0;
4905
}
4906
 
4907
.msg-title ul li a {
4908
    color: #b2b2b2;
4909
    font-size: 18px;
4910
}
4911
 
4912
.messages-list {
4913
    float: left;
4914
    width: 100%;
4915
}
4916
 
4917
.messages-list ul {
4918
    float: left;
4919
    width: 100%;
4920
}
4921
 
4922
.messages-list ul li {
4923
    float: left;
4924
    width: 100%;
4925
    padding: 3%;
4926
    border-bottom: 1px solid #eeeeee;
4927
    cursor: pointer;
4928
}
4929
 
4930
.messages-list ul li.active {
4931
    background-color: #efefef;
4932
}
4933
 
4934
.usr-msg-details {
4935
    float: left;
4936
    position: relative;
4937
    width: 100%;
4938
    border-bottom: solid 1px var(--border-light-gray);
4939
    padding-bottom: 3%;
4940
}
4941
 
4942
.usr-ms-img {
4943
    float: left;
4944
    width: 50px;
4945
    position: relative;
4946
}
4947
 
4948
.msg-status {
4949
    -webkit-border-radius: 100px;
4950
    -moz-border-radius: 100px;
4951
    -ms-border-radius: 100px;
4952
    -o-border-radius: 100px;
4953
    border-radius: 100px;
4954
    background-color: #e44d3a;
4955
    position: absolute;
4956
    top: -3px;
4957
    right: 0;
4958
    width: 6px;
4959
    height: 6px;
4960
}
4961
 
4962
.messages-list ul li.active .msg-status {
4963
    border: 2px solid #ecf5fb;
4964
    height: 10px;
4965
    width: 10px;
4966
}
4967
 
4968
.msg-notifc {
4969
    position: absolute;
4970
    /* bottom: 0;
4971
    right: 0; */
4972
    width: 25px;
4973
    height: 25px;
4974
    -webkit-border-radius: 100px;
4975
    -moz-border-radius: 100px;
4976
    -ms-border-radius: 100px;
4977
    -o-border-radius: 100px;
4978
    border-radius: 100px;
4979
    background-color: #e77667;
4980
    text-align: center;
4981
    line-height: 25px;
4982
    font-size: 13px;
4983
    color: #fff;
4984
}
4985
 
4986
.usr-ms-img img {
4987
    width: 100%;
4988
    -webkit-border-radius: 100px;
4989
    -moz-border-radius: 100px;
4990
    -ms-border-radius: 100px;
4991
    -o-border-radius: 100px;
4992
    border-radius: 100px;
4993
}
4994
 
4995
.usr-mg-info {
4996
    float: left;
4997
    padding-left: 13px;
4998
    margin-top: 4px;
4999
}
5000
 
5001
.usr-mg-info h3 {
5002
    color: #000000;
5003
    font-size: 18px;
5004
    font-weight: 600;
5005
}
5006
 
5007
.usr-mg-info p {
5008
    color: #686868;
5009
    font-size: 16px;
5010
}
5011
 
5012
.usr-mg-info p img {
5013
    float: right;
5014
    position: relative;
5015
    top: 5px;
5016
    padding-left: 5px;
5017
}
5018
 
5019
.posted_time {
5020
    position: absolute;
5021
    top: 2px;
5022
    right: 0;
5023
    color: #b2b2b2;
5024
    font-size: 14px;
5025
}
5026
 
5027
/* =============== main-message-box ============= */
5028
 
5029
.main-conversation-box {
5030
    width: 100%;
5031
    background-color: #fff;
5032
    position: relative;
5033
    height: 100%;
5034
}
5035
 
5036
.message-bar-head {
5037
    height: 13vh;
5038
    width: 100%;
5039
    padding: 20px;
5040
    border-bottom: 1px solid var(--border-light-gray);
5041
}
5042
 
5043
.message-bar-head .usr-msg-details {
5044
    width: auto;
5045
}
5046
 
5047
.message-bar-head>a {
5048
    float: right;
5049
    color: #b2b2b2;
5050
    font-size: 20px;
5051
    padding-top: 15px;
5052
}
5053
 
5054
.main-message-box {
5055
    display: flex;
5056
    width: 100%;
5057
    position: relative;
5058
    margin-bottom: 15.5px;
5059
}
5060
 
5061
.messg-usr-img {
5062
    margin-left: 20px;
5063
    width: 50px;
5064
}
5065
 
5066
.messg-usr-img img {
5067
    width: 100%;
5068
    -webkit-border-radius: 100px;
5069
    -moz-border-radius: 100px;
5070
    -ms-border-radius: 100px;
5071
    -o-border-radius: 100px;
5072
    border-radius: 100px;
5073
}
5074
 
5075
.message-dt {
5076
    width: auto;
5077
    margin-left: 15px;
5078
}
5079
 
5080
.main-message-box.ta-right {
5081
    flex-direction: row-reverse;
5082
}
5083
 
5084
.main-message-box.ta-right .messg-usr-img {
5085
    margin-left: 0;
5086
    margin-right: 20px;
5087
}
5088
 
5089
.main-message-box.ta-right .message-dt {
5090
    margin-right: 15px;
5091
}
5092
 
5093
.main-message-box.ta-right .message-dt>span {
5094
    float: right;
5095
    width: auto;
5096
}
5097
 
5098
.message-inner-dt {
5099
    -webkit-border-radius: 15px;
5100
    -moz-border-radius: 15px;
5101
    -ms-border-radius: 15px;
5102
    -o-border-radius: 15px;
5103
    border-radius: 15px;
5104
    width: 100%;
5105
    border-bottom-left-radius: 0;
5106
}
5107
 
5108
.img-bx {
5109
    background-color: #efefef;
5110
    padding: 20px;
5111
}
5112
 
5113
.message-inner-dt>img {
5114
    display: inline-block;
5115
    width: auto;
5116
    margin-right: 5px;
5117
}
5118
 
5119
.message-dt>span {
5120
    color: #b2b2b2;
5121
    font-size: 14px;
5122
    float: left;
5123
    width: 100%;
5124
    margin-top: 7px;
5125
}
5126
 
5127
.message-inner-dt>p {
5128
    font-size: 14px;
5129
    line-height: 22px;
5130
    padding: 2px 10px;
5131
    color: #000;
5132
    -webkit-border-radius: 15px;
5133
    -moz-border-radius: 15px;
5134
    -ms-border-radius: 15px;
5135
    -o-border-radius: 15px;
5136
    border-radius: 15px;
5137
}
5138
 
5139
.message-dt.st3 .message-inner-dt>p {
5140
    background-color: #efefef;
5141
    color: #686868;
5142
    width: auto;
5143
    padding: 10px 15px;
5144
    float: left;
5145
}
5146
 
5147
.message-dt.st3 .message-inner-dt>p img {
5148
    float: right;
5149
    position: relative;
5150
    top: 3px;
5151
    padding-left: 5px;
5152
}
5153
 
5154
.main-message-box.st3 .messg-usr-img {
5155
    bottom: 13px;
5156
}
5157
 
5158
.messages-line {
5159
    width: 100%;
5160
    height: 604px;
5161
    padding-top: 20px;
5162
}
5163
 
5164
/* ============== message-send-area ============ */
5165
 
5166
.message-send-area {
5167
    width: 100%;
5168
    background-color: #f3f5f7;
5169
    padding: 20px;
5170
    /* position: absolute; */
5171
    bottom: 0;
5172
}
5173
 
5174
.inmail-submit-btn {
5175
    width: 6%;
5176
}
5177
 
5178
.message-send-area form {
5179
    width: 100%;
5180
}
5181
 
5182
.mf-field {
5183
    width: 100%;
5184
    display: flex;
5185
}
5186
 
5187
.mf-field input {
5188
    flex: 1;
5189
    background-color: #fff;
5190
    color: #b2b2b2;
5191
    font-size: 16px;
5192
    padding: 0 15px;
5193
    border: 1px solid #e6e6e6;
5194
    height: 45px;
5195
    border-radius: 25px;
5196
}
5197
 
5198
 
5199
.message-send-area form>ul {
5200
    float: left;
5201
    width: 100%;
5202
    margin-top: 15px;
5203
}
5204
 
5205
.message-send-area form>ul li {
5206
    display: inline-block;
5207
    margin-right: 20px;
5208
}
5209
 
5210
.message-send-area form>ul li a {
5211
    color: #b2b2b2;
5212
    font-size: 18px;
5213
}
5214
 
5215
/* ============== forum-links ============= */
5216
 
5217
.forum-sec {
5218
    background-color: #fff;
5219
}
5220
 
5221
.forum-links {
5222
    float: left;
5223
    width: 100%;
5224
}
5225
 
5226
.forum-links.active {
5227
    opacity: 1;
5228
    visibility: visible;
5229
    z-index: 9999;
5230
}
5231
 
5232
.forum-links ul li {
5233
    display: inline-block;
5234
    padding: 20px 0;
5235
    margin-right: 45px;
5236
    border-bottom: 2px solid transparent;
5237
}
5238
 
5239
.forum-links ul li.active {
5240
    border-color: #e44d3a;
5241
}
5242
 
5243
.forum-links ul li.active a {
5244
    color: #e44d3a;
5245
}
5246
 
5247
.forum-links ul li a {
5248
    display: inline-block;
5249
    color: #b2b2b2;
5250
    font-size: 14px;
5251
    font-weight: 600;
5252
}
5253
 
5254
.forum-links-btn {
5255
    float: left;
5256
    width: 100%;
5257
    text-align: center;
5258
    display: none;
5259
    padding: 20px 0;
5260
}
5261
 
5262
.forum-links-btn a {
5263
    color: #000;
5264
    font-size: 30px;
5265
    display: inline-block;
5266
}
5267
 
5268
/* ================ forum-page =============== */
5269
 
5270
.forum-page {
5271
    padding: 50px 0;
5272
}
5273
 
5274
.forum-questions-sec {
5275
    float: left;
5276
    width: 100%;
5277
}
5278
 
5279
.forum-questions {
5280
    float: left;
5281
    width: 100%;
5282
    background-color: #fff;
5283
}
5284
 
5285
.usr-question {
5286
    float: left;
5287
    width: 100%;
5288
    position: relative;
5289
    padding: 25px;
5290
    border-bottom: 1px solid #e5e5e5;
5291
}
5292
 
5293
.usr_img {
5294
    float: left;
5295
    width: 60px;
5296
}
5297
 
5298
.usr_img img {
5299
    width: 100%;
5300
    -webkit-border-radius: 100px;
5301
    -moz-border-radius: 100px;
5302
    -ms-border-radius: 100px;
5303
    -o-border-radius: 100px;
5304
    border-radius: 100px;
5305
}
5306
 
5307
.usr_quest {
5308
    float: left;
5309
    width: 90%;
5310
    padding-left: 15px;
5311
}
5312
 
5313
.usr_quest>h3 {
5314
    color: #000000;
5315
    font-size: 17px;
5316
    font-weight: 600;
5317
    margin-bottom: 20px;
5318
}
5319
 
5320
.forum-post-view .usr_quest>h3 {
5321
    margin-bottom: 10px;
5322
}
5323
 
5324
.react-links {
5325
    float: left;
5326
    width: 100%;
5327
}
5328
 
5329
.react-links li {
5330
    display: inline-block;
5331
    margin-right: 30px;
5332
}
5333
 
5334
.react-links li a {
5335
    display: inline-block;
5336
    color: #b2b2b2;
5337
    font-size: 14px;
5338
    font-weight: 600;
5339
}
5340
 
5341
.react-links li a:hover {
5342
    color: #e44d3a;
5343
}
5344
 
5345
.react-links li a i {
5346
    padding-right: 7px;
5347
}
5348
 
5349
.react-links li:last-child {
5350
    margin-right: 0;
5351
}
5352
 
5353
/* ============= quest-tags ============ */
5354
 
5355
.quest-tags {
5356
    float: left;
5357
    width: 100%;
5358
    margin-top: 20px;
5359
}
5360
 
5361
.quest-tags li {
5362
    display: inline-block;
5363
    margin-right: 10px;
5364
}
5365
 
5366
.quest-tags li a {
5367
    display: inline-block;
5368
    color: #ffffff;
5369
    background-color: #53d690;
5370
    -webkit-border-radius: 3px;
5371
    -moz-border-radius: 3px;
5372
    -ms-border-radius: 3px;
5373
    -o-border-radius: 3px;
5374
    border-radius: 3px;
5375
    padding: 7px 25px;
5376
}
5377
 
5378
.quest-posted-time {
5379
    position: absolute;
5380
    bottom: 30px;
5381
    right: 20px;
5382
    color: #b2b2b2;
5383
    font-size: 14px;
5384
}
5385
 
5386
.quest-posted-time i {
5387
    padding-right: 5px;
5388
}
5389
 
5390
.pd-right-none {
5391
    padding-right: 0;
5392
}
5393
 
5394
/* =========== navigation ============ */
5395
 
5396
.pagination {
5397
    float: left;
5398
    width: 100%;
5399
    /* background-color: #fff; */
5400
    padding: 13px 25px;
5401
}
5402
 
5403
.full-pagi {
5404
    float: left;
5405
    width: 100%;
5406
    padding-right: 0;
5407
    text-align: inherit;
5408
    margin-top: 20px;
5409
}
5410
 
5411
.pagination li {
5412
    padding: 0;
5413
    margin-right: 10px;
5414
}
5415
 
5416
.pagination li .page-link {
5417
    /* background-color: #e5e5e5; */
5418
    color: #b2b2b2;
5419
}
5420
 
5421
.pagination li .page-link.active {
5422
    background-color: #e44d3a;
5423
    color: #fff;
5424
    border-color: transparent;
5425
}
5426
 
5427
.pvr {
5428
    padding: 0.5rem 30px;
5429
}
5430
 
5431
/* ============ User Widget =========== */
5432
 
5433
.title-wd {
5434
    float: left;
5435
    width: 100%;
5436
    color: #000000;
5437
    font-size: 18px;
5438
    font-weight: 600;
5439
    border-bottom: 1px solid #e5e5e5;
5440
    padding: 25px 20px;
5441
}
5442
 
5443
.widget-user ul {
5444
    float: left;
5445
    width: 100%;
5446
    padding: 15px 0;
5447
}
5448
 
5449
.widget-user ul li {
5450
    float: left;
5451
    width: 100%;
5452
    padding: 15px 20px;
5453
}
5454
 
5455
.widget-user ul li .usr-msg-details {
5456
    float: left;
5457
    width: auto;
5458
}
5459
 
5460
.widget-user ul li .usr-ms-img {
5461
    width: 35px;
5462
}
5463
 
5464
.widget-user ul li .usr-mg-info h3 {
5465
    font-size: 14px;
5466
}
5467
 
5468
.widget-user ul li .usr-mg-info p {
5469
    font-size: 12px;
5470
}
5471
 
5472
.widget-user ul li>span {
5473
    color: #686868;
5474
    font-size: 16px;
5475
    float: right;
5476
    margin-top: 10px;
5477
}
5478
 
5479
.widget-user ul li>span img {
5480
    padding-right: 5px;
5481
}
5482
 
5483
/* ============== widget-adver ============ */
5484
 
5485
.widget-adver img {
5486
    width: 100%;
5487
}
5488
 
5489
/* ============ forum-post-view ============ */
5490
 
5491
.forum-post-view {
5492
    float: left;
5493
    width: 100%;
5494
    background-color: #fff;
5495
    padding: 25px 25px 0 25px;
5496
    border-bottom: 1px solid #e5e5e5;
5497
}
5498
 
5499
.forum-post-view .usr-question {
5500
    border-bottom: 0;
5501
    padding: 0;
5502
}
5503
 
5504
.forum-post-view .usr_quest span {
5505
    color: #b2b2b2;
5506
    font-size: 14px;
5507
    display: inline-block;
5508
    margin-bottom: 20px;
5509
}
5510
 
5511
.forum-post-view .usr_quest span i {
5512
    padding-right: 7px;
5513
}
5514
 
5515
.forum-post-view .quest-tags {
5516
    margin-bottom: 30px;
5517
}
5518
 
5519
.forum-post-view .usr_quest>p {
5520
    float: left;
5521
    width: 100%;
5522
    color: #686868;
5523
    font-size: 14px;
5524
    line-height: 24px;
5525
    margin-bottom: 40px;
5526
}
5527
 
5528
.forum-post-view .comment-section {
5529
    padding: 0;
5530
}
5531
 
5532
.forum-post-view .comment-section>h3 {
5533
    float: left;
5534
    width: 100%;
5535
    color: #000000;
5536
    font-size: 18px;
5537
    font-weight: 600;
5538
    border-bottom: 1px solid #e5e5e5;
5539
    padding-bottom: 15px;
5540
}
5541
 
5542
.forum-post-view .comment-sec ul li {
5543
    border-bottom: 1px solid #e5e5e5;
5544
    padding: 23px 0;
5545
}
5546
 
5547
.forum-post-view .comment span {
5548
    margin-bottom: 10px;
5549
}
5550
 
5551
.forum-post-view .comment-list {
5552
    padding-bottom: 0;
5553
    margin-bottom: -4px;
5554
}
5555
 
5556
.forum-post-view .comment p {
5557
    margin: 0;
5558
    margin-top: 5px;
5559
}
5560
 
5561
.forum-post-view .comment h3 {
5562
    margin-bottom: 9px;
5563
}
5564
 
5565
.forum-post-view .comment-sec ul li:last-child {
5566
    border-bottom: 0;
5567
}
5568
 
5569
/* =============== post-comment-box ============= */
5570
 
5571
.post-comment-box {
5572
    float: left;
5573
    width: 100%;
5574
    padding: 20px;
5575
    background-color: #fff;
5576
}
5577
 
5578
.post-comment-box h3 {
5579
    float: left;
5580
    width: 100%;
5581
    color: #000000;
5582
    font-size: 18px;
5583
    font-weight: 600;
5584
    margin-bottom: 30px;
5585
}
5586
 
5587
.user-poster {
5588
    float: left;
5589
    width: 100%;
5590
}
5591
 
5592
.usr-post-img {
5593
    float: left;
5594
    width: 50px;
5595
    margin-right: 15px;
5596
}
5597
 
5598
.usr-post-img img {
5599
    width: 100%;
5600
    -webkit-border-radius: 100px;
5601
    -moz-border-radius: 100px;
5602
    -ms-border-radius: 100px;
5603
    -o-border-radius: 100px;
5604
    border-radius: 100px;
5605
}
5606
 
5607
.post_comment_sec {
5608
    float: left;
5609
    width: 90%;
5610
}
5611
 
5612
.post_comment_sec form {
5613
    float: left;
5614
    width: 100%;
5615
}
5616
 
5617
.post_comment_sec form textarea {
5618
    float: left;
5619
    width: 100%;
5620
    height: 130px;
5621
    border: 1px solid #dce2eb;
5622
    padding: 15px;
5623
    resize: none;
5624
}
5625
 
5626
.post_comment_sec form button {
5627
    color: #ffffff;
5628
    font-size: 14px;
5629
    background-color: #e44d3a;
5630
    padding: 10px 25px;
5631
    border: 0;
5632
    font-weight: 600;
5633
    margin-top: 20px;
5634
    cursor: pointer;
5635
}
5636
 
5637
/* ======== next-prev ========*/
5638
 
5639
.next-prev {
5640
    float: left;
5641
    width: 100%;
5642
    background-color: #fff;
5643
    margin-top: 20px;
5644
    padding: 12px 25px;
5645
}
5646
 
5647
.next-prev>a {
5648
    width: 90px;
5649
    height: 35px;
5650
    text-align: center;
5651
    line-height: 35px;
5652
    color: #b2b2b2;
5653
    font-size: 14px;
5654
    background-color: #e5e5e5;
5655
}
5656
 
5657
.next-prev>a:hover {
5658
    color: #fff;
5659
    background-color: #e44d3a;
5660
}
5661
 
5662
.fl-left {
5663
    float: left;
5664
}
5665
 
5666
.fl-right {
5667
    float: right;
5668
}
5669
 
5670
/* ========== widget-feat ========= */
5671
 
5672
.widget-feat {
5673
    padding: 25px 20px;
5674
}
5675
 
5676
.widget-feat ul {
5677
    float: left;
5678
    width: 100%;
5679
}
5680
 
5681
.widget-feat ul li {
5682
    float: left;
5683
    width: 25%;
5684
    text-align: center;
5685
}
5686
 
5687
.widget-feat ul li i {
5688
    display: block;
5689
    font-size: 18px;
5690
    margin-bottom: 9px;
5691
}
5692
 
5693
.widget-feat ul li span {
5694
    display: block;
5695
    color: #686868;
5696
    font-size: 16px;
5697
    font-weight: 500;
5698
}
5699
 
5700
.widget-feat ul li i.fa-heart {
5701
    color: #53d690;
5702
}
5703
 
5704
.widget-feat ul li i.fa-comment {
5705
    color: #e44d3a;
5706
}
5707
 
5708
.widget-feat ul li i.fa-share-alt {
5709
    color: #51a5fb;
5710
}
5711
 
5712
.widget-feat ul li i.fa-eye {
5713
    color: #00b540;
5714
}
5715
 
5716
/* =============== ANIMATION LOADER =============== */
5717
 
5718
.spinner {
5719
    margin: 0 auto 0;
5720
    width: 80px;
5721
    text-align: center;
5722
    height: 80px;
5723
    border-radius: 100px;
5724
    background-color: #fff;
5725
    line-height: 80px;
5726
    border: 1px solid #e1e1e1;
5727
    cursor: pointer;
5728
}
5729
 
5730
.spinner>div {
5731
    width: 15px;
5732
    height: 15px;
5733
    background-color: #b9b9b9;
5734
    border-radius: 100%;
5735
    display: inline-block;
5736
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
5737
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
5738
}
5739
 
5740
.spinner .bounce1 {
5741
    -webkit-animation-delay: -0.32s;
5742
    animation-delay: -0.32s;
5743
}
5744
 
5745
.spinner .bounce2 {
5746
    -webkit-animation-delay: -0.16s;
5747
    animation-delay: -0.16s;
5748
}
5749
 
5750
@-webkit-keyframes sk-bouncedelay {
5751
 
5752
    0%,
5753
    80%,
5754
    100% {
5755
        -webkit-transform: scale(0);
5756
    }
5757
 
5758
    40% {
5759
        -webkit-transform: scale(1);
5760
    }
5761
}
5762
 
5763
@keyframes sk-bouncedelay {
5764
 
5765
    0%,
5766
    80%,
5767
    100% {
5768
        -webkit-transform: scale(0);
5769
        transform: scale(0);
5770
    }
5771
 
5772
    40% {
5773
        -webkit-transform: scale(1);
5774
        transform: scale(1);
5775
    }
5776
}
5777
 
5778
.wordpressdevlp {
5779
    background-color: #fff;
5780
}
5781
 
5782
.bgclr {
5783
    background-color: #fff;
5784
    margin-bottom: 15px;
5785
}
5786
 
5787
.cadidatesbtn {
5788
    position: absolute;
5789
    left: 0;
5790
    padding-top: 5px;
5791
}
5792
 
5793
.cadidatesbtn button {
5794
    background-color: #e44d3a;
5795
    border: none;
5796
    margin-top: -3px;
5797
}
5798
 
5799
.cadidatesbtn button:hover {
5800
    background-color: #e44d3a;
5801
}
5802
 
5803
.cadidatesbtn span {
5804
    background-color: #bd2e1c;
5805
    color: #fff;
5806
    margin-right: 10px;
5807
    padding: 0.25em 0.5em;
5808
    font-weight: 600;
5809
    font-size: 12px;
5810
}
5811
 
5812
.wordpressdevlp i {
5813
    color: #e86554;
5814
    font-size: 18px;
5815
    font-weight: bold;
5816
    padding-right: 5px;
5817
}
5818
 
5819
.wordpressdevlp h2 {
5820
    font-size: 18px;
5821
    font-weight: 600;
5822
}
5823
 
5824
.cadidatesbtn i {
5825
    color: #b2b2b2;
5826
    border: 1px solid #b2b2b2;
5827
    font-size: 14px;
5828
    text-align: center;
5829
    margin-left: 7px;
5830
    border-radius: 3px;
5831
    padding: 10px;
5832
}
5833
 
5834
.cadidatesbtn i:hover {
5835
    background-color: #e44d3a;
5836
    color: #fff;
5837
    border: 1px solid #e44d3a;
5838
}
5839
 
5840
.inner {
5841
    border-bottom: 2px solid #e5e5e5;
5842
    padding-bottom: 10px;
5843
}
5844
 
5845
.inner li a:hover {
5846
    color: #e44d3a;
5847
    border-bottom: 2px solid #e44d3a;
5848
    padding-bottom: 9px;
5849
}
5850
 
5851
.inner li a {
5852
    color: #000000;
5853
}
5854
 
5855
.posttext {
5856
    position: absolute;
5857
    left: 0;
5858
}
5859
 
5860
.deatile h3 {
5861
    font-size: 14px;
5862
    font-weight: bold;
5863
    padding-bottom: 5px;
5864
}
5865
 
5866
.clrbtn a {
5867
    background-color: #e44d3a;
5868
    color: #fff;
5869
    padding: 5px 10px 5px 10px;
5870
    margin-right: 15px;
5871
}
5872
 
5873
.transpairentbtn a {
5874
    color: #222;
5875
    border: 2px solid #f1f1f1;
5876
    padding: 5px 10px 5px 10px;
5877
}
5878
 
5879
.savetext h3 {
5880
    font-size: 14px;
5881
    font-weight: bold;
5882
    padding-bottom: 5px;
5883
}
5884
 
5885
.devepbtn .clrbtn {
5886
    padding: 7px 20px;
5887
}
5888
 
5889
.devepbtn a {
5890
    color: #666666;
5891
    border: 1px solid #b2b2b2;
5892
    padding: 7px 10px 7px 10px;
5893
    border-radius: 3px;
5894
    margin-right: 5px;
5895
}
5896
 
5897
.devepbtn a:hover i {
5898
    color: #fff;
5899
}
5900
 
5901
.devepbtn a:hover {
5902
    background-color: #e44d3a;
5903
    color: #fff;
5904
}
5905
 
5906
.rew-reply hr {
5907
    margin-left: -20px;
5908
    margin-right: -20px;
5909
}
5910
 
5911
.rew-reply p {
5912
    padding-left: 20px;
5913
}
5914
 
5915
.rew-reply ul {
5916
    padding-left: 20px;
5917
}
5918
 
5919
.devepbtn {
5920
    margin-top: 30px;
5921
    padding-left: 20px;
5922
}
5923
 
5924
.rep-thanks hr {
5925
    margin-right: -20px;
5926
    margin-left: -20px;
5927
}
5928
 
5929
.profilecnd {
5930
    margin-bottom: 0px;
5931
}
5932
 
5933
.devepbtn i {
5934
    color: #b2b2b2;
5935
    font-size: 14px;
5936
}
5937
 
5938
.appliedinfo {
5939
    padding-left: 0;
5940
    padding-top: 20px !important;
5941
    padding-bottom: 10px;
5942
}
5943
 
5944
.epi2 {
5945
    padding: 0;
5946
}
5947
 
5948
.review a {
5949
    line-height: 16px;
5950
    font-size: 14px;
5951
    text-decoration: none;
5952
    font-weight: 500;
5953
    margin-left: 15px;
5954
}
5955
 
5956
.add-pic-box {
5957
    display: inline-block;
5958
    color: #e44d3a;
5959
    font-size: 16px;
5960
    position: absolute;
5961
    top: 30px;
5962
    right: 0;
5963
    font-weight: 600;
5964
    margin-right: 0;
5965
}
5966
 
5967
.add-pic-box.cover {
5968
    display: inline-block;
5969
    color: #e44d3a;
5970
    font-size: 16px;
5971
    position: absolute;
5972
    top: 30px;
5973
    right: 0;
5974
    font-weight: 600;
5975
    margin-right: 0;
5976
    width: 100%;
5977
}
5978
 
5979
.add-pic-box [type="file"] {
5980
    height: 0;
5981
    overflow: hidden;
5982
    width: 0;
5983
    float: left;
5984
}
5985
 
5986
.add-pic-box [type="file"]+label {
5987
    background: #fff;
5988
    border: 2px solid #e44d3a;
5989
    border-radius: 3px;
5990
    color: #e44d3a;
5991
    cursor: pointer;
5992
    /* display: inline-block; */
5993
    font-size: 15px;
5994
    font-weight: 600;
5995
    outline: none;
5996
    padding: 12px 20px;
5997
    position: relative;
5998
    transition: all 0.3s;
5999
    vertical-align: middle;
6000
    margin: 0;
6001
    float: right;
6002
    text-transform: uppercase;
6003
}
6004
 
6005
.add-pic-box [type="file"]+label:hover {
6006
    background: #e44d3a;
6007
    color: #fff;
6008
}
6009
 
6010
.noreview li i {
6011
    color: #b2b2b2;
6012
}
6013
 
6014
.review-tb {
6015
    margin: 0 0 10px;
6016
    padding-left: 20px;
6017
}
6018
 
6019
.noreview ul li i {
6020
    color: #b2b2b2;
6021
}
6022
 
6023
.mngdetl {
6024
    border-bottom: none;
6025
}
6026
 
6027
.post-reply {
6028
    padding-top: 0;
6029
    padding-bottom: 0;
6030
}
6031
 
6032
.activebidbtn i:hover {
6033
    background-color: #e44d3a;
6034
    color: #fff;
6035
    border: none;
6036
}
6037
 
6038
.reviewtitle h2 {
6039
    font-size: 17px;
6040
    font-weight: 600;
6041
}
6042
 
6043
.horiline {
6044
    width: 118%;
6045
    position: relative;
6046
    left: -40px;
6047
}
6048
 
6049
.tahnks {
6050
    font-weight: 500;
6051
    margin-top: 5px;
6052
}
6053
 
6054
/*about-page*/
6055
 
6056
.banner span {
6057
    position: absolute;
6058
    display: flex;
6059
    background-color: #222;
6060
    width: 100%;
6061
    opacity: 0.9;
6062
    justify-content: center;
6063
    padding: 10px;
6064
    margin-top: 0;
6065
    color: #fff;
6066
}
6067
 
6068
.innertitle {
6069
    margin-top: 130px;
6070
}
6071
 
6072
.Company-overview {
6073
    padding-bottom: 50px;
6074
}
6075
 
6076
.bennertext {
6077
    position: absolute;
6078
    left: 20%;
6079
    right: 20%;
6080
    text-align: center;
6081
}
6082
 
6083
.bannerimage img {
6084
    height: 100%;
6085
}
6086
 
6087
.innertitle h2 {
6088
    color: #fff;
6089
    font-size: 30px;
6090
    line-height: 32px;
6091
    font-weight: 600;
6092
    margin-bottom: 20px;
6093
}
6094
 
6095
.innertitle p {
6096
    color: #fff;
6097
    font-size: 16px;
6098
}
6099
 
6100
.Company-overview h2 {
6101
    padding-top: 100px;
6102
    font-size: 24px;
6103
    font-weight: 600;
6104
    padding-bottom: 12px;
6105
}
6106
 
6107
.Company-overview p {
6108
    font-size: 15px;
6109
    font-weight: 500;
6110
}
6111
 
6112
.Company-overview img {
6113
    float: right;
6114
    padding-top: 25px;
6115
}
6116
 
6117
.blog {
6118
    text-align: center;
6119
    display: inline-block;
6120
    margin-bottom: 50px;
6121
}
6122
 
6123
.blog img {
6124
    padding-bottom: 30px;
6125
}
6126
 
6127
.blog h2 {
6128
    font-size: 18px;
6129
    font-weight: 600;
6130
    padding-bottom: 30px;
6131
}
6132
 
6133
.blog a {
6134
    background-color: #ff4500;
6135
    color: #fff;
6136
    padding: 7px 25px 7px 25px;
6137
    border-radius: 3px;
6138
    font-size: 16px;
6139
    font-weight: 500;
6140
}
6141
 
6142
.services {
6143
    padding-top: 80px;
6144
    padding-bottom: 80px;
6145
}
6146
 
6147
.video {
6148
    padding-bottom: 40px;
6149
}
6150
 
6151
.search-container {
6152
    text-align: center;
6153
}
6154
 
6155
.search-container input[type="text"] {
6156
    padding: 6px 15px;
6157
    margin-top: 8px;
6158
    font-size: 17px;
6159
    border: none;
6160
    height: 50px;
6161
    width: 50%;
6162
    margin-bottom: 25px;
6163
    border-top-left-radius: 3px;
6164
    border-top-right-radius: 0px;
6165
    border-bottom-left-radius: 3px;
6166
    border-bottom-right-radius: 0px;
6167
}
6168
 
6169
.searchtitle {
6170
    text-align: center;
6171
}
6172
 
6173
.searchtitle h2 {
6174
    color: #fff;
6175
    font-size: 30px;
6176
    font-weight: 400;
6177
    padding-bottom: 10px;
6178
}
6179
 
6180
.search-container button {
6181
    padding: 8px 10px;
6182
    text-align: center;
6183
    margin-top: 8px;
6184
    margin-left: -3px;
6185
    margin-right: 18px;
6186
    background: #efefef;
6187
    font-size: 17px;
6188
    border: none;
6189
    cursor: pointer;
6190
    height: 50px;
6191
    width: 6%;
6192
    border-bottom-right-radius: 3px;
6193
    border-top-right-radius: 3px;
6194
}
6195
 
6196
.topsearch i {
6197
    color: #e44d3a;
6198
}
6199
 
6200
.dropdown-toggle::after {
6201
    position: absolute;
6202
    right: 15px;
6203
    color: #b2b2b2;
6204
    top: 7px;
6205
}
6206
 
6207
.help-paddy {
6208
    padding: 0 !important;
6209
}
6210
 
6211
.paddy {
6212
    padding: 20px;
6213
    float: left;
6214
}
6215
 
6216
.radio-form p {
6217
    display: -webkit-inline-box;
6218
}
6219
 
6220
.dropdown a {
6221
    color: #000000;
6222
    font-size: 16px;
6223
    font-weight: 400;
6224
    padding: 0 20px;
6225
}
6226
 
6227
.accountnone {
6228
    border: none;
6229
}
6230
 
6231
.helpforum {
6232
    background-color: #fff;
6233
    padding: 15px 0;
6234
    box-shadow: 0px 2px #c6c6c6;
6235
}
6236
 
6237
.helpforum h3 {
6238
    font-size: 18px;
6239
    font-weight: 600;
6240
}
6241
 
6242
.helpforum a {
6243
    background-color: #e44d3a;
6244
    color: #fff;
6245
    padding: 10px 15px 10px 15px;
6246
    line-height: 4;
6247
    border-radius: 3px;
6248
}
6249
 
6250
.helpforum p {
6251
    line-height: 3;
6252
}
6253
 
6254
.actionstitle h3 {
6255
    font-size: 18px;
6256
    font-weight: 400;
6257
    color: #000;
6258
    padding-top: 30px;
6259
}
6260
 
6261
.actionstitle img {
6262
    padding-right: 10px;
6263
}
6264
 
6265
.actionstext a {
6266
    font-size: 16px;
6267
    font-weight: 500;
6268
    color: #e44d3a;
6269
    line-height: 2;
6270
    display: block;
6271
}
6272
 
6273
.helpform {
6274
    text-align: center;
6275
    padding-top: 70px;
6276
}
6277
 
6278
.helpform h3 {
6279
    font-size: 18px;
6280
    font-weight: 400;
6281
    color: #e44d3a;
6282
    margin-bottom: 10px;
6283
}
6284
 
6285
.helpform a {
6286
    background-color: #e44d3a;
6287
    color: #fff;
6288
    padding: 10px 15px 10px 15px;
6289
    border-radius: 3px;
6290
}
6291
 
6292
.helpform p {
6293
    margin-bottom: 30px;
6294
}
6295
 
6296
.helpform img {
6297
    float: unset;
6298
    padding-bottom: 10px;
6299
}
6300
 
6301
.bookingsideber h3 {
6302
    color: #000;
6303
}
6304
 
6305
.bookingsideber h3:active {
6306
    color: #e44d3a;
6307
}
6308
 
6309
.helpforum h4 {
6310
    font-size: 16px;
6311
    font-weight: 600;
6312
}
6313
 
6314
.bloktext {
6315
    padding-left: 25px;
6316
}
6317
 
6318
.privacy {
6319
    background-color: #fff;
6320
    height: 850px;
6321
}
6322
 
6323
.privacydropd .dropdown-toggle::after {
6324
    float: right;
6325
    vertical-align: 0.255em;
6326
}
6327
 
6328
/* .checkbox {} */
6329
 
6330
.form-check {
6331
    padding-left: 0;
6332
}
6333
 
6334
.btns a {
6335
    color: #000;
6336
    border: 1px solid #e5e5e5;
6337
    padding: 10px 25px 10px 25px;
6338
    margin-left: 15px;
6339
    border-radius: 5px;
6340
    font-weight: 600;
6341
}
6342
 
6343
.btns {
6344
    padding-top: 20px;
6345
}
6346
 
6347
.btns a:hover {
6348
    background-color: #e44d3a;
6349
    color: #fff;
6350
}
6351
 
6352
.privacy h3 {
6353
    font-size: 18px;
6354
    font-weight: 600;
6355
    padding-top: 18px;
6356
    margin-bottom: 10px;
6357
}
6358
 
6359
.privacy p {
6360
    padding-top: 0px;
6361
    display: inline-block;
6362
}
6363
 
6364
.form-group {
6365
    margin-bottom: 1rem;
6366
    padding-top: 0px;
6367
}
6368
 
6369
.privacy i {
6370
    float: right;
6371
    color: #e44d3a;
6372
    font-size: 20px;
6373
    font-weight: 600;
6374
}
6375
 
6376
.dropdown-menu input {
6377
    margin-right: 10px;
6378
    margin-top: 15px;
6379
}
6380
 
6381
.dropdown-menu a {
6382
    padding: 10px 0 10px 40px;
6383
    margin-bottom: 10px;
6384
}
6385
 
6386
.dropdown-menu form {
6387
    margin-bottom: 10px;
6388
    margin-top: 10px;
6389
}
6390
 
6391
.privacydropd p {
6392
    margin-left: 20px;
6393
    margin-top: 5px;
6394
}
6395
 
6396
.privabtns {
6397
    margin-top: 20px;
6398
}
6399
 
6400
.privabtns {
6401
    padding-bottom: 15px;
6402
}
6403
 
6404
.privabtns a {
6405
    margin-right: 15px;
6406
    padding: 8px 25px;
6407
    color: #000000;
6408
    border: 1px solid #e5e5e5;
6409
}
6410
 
6411
.privabtns a:hover {
6412
    color: #fff;
6413
    background-color: #e44d3a;
6414
}
6415
 
6416
.privac {
6417
    background-color: #fff;
6418
    height: 560px;
6419
    padding-top: 20px;
6420
}
6421
 
6422
.privac h3 {
6423
    font-size: 18px;
6424
    font-weight: 600;
6425
}
6426
 
6427
.bids-detail ul {
6428
    display: -webkit-inline-box;
6429
}
6430
 
6431
.bids-detail ul li {
6432
    margin-right: 30px;
6433
}
6434
 
6435
.bids-detail h3 {
6436
    font-size: 16px;
6437
    font-weight: 400;
6438
}
6439
 
6440
.bids-detail {
6441
    background-color: #fff;
6442
    padding: 20px;
6443
    margin-bottom: 25px;
6444
    box-shadow: 0px 2px #e4e4e4;
6445
}
6446
 
6447
.dropdown-menu.show {
6448
    display: contents;
6449
}
6450
 
6451
.postpaid:checked:after {
6452
    content: "\f17b";
6453
    font: normal normal normal 16px/1 "LineAwesome";
6454
    font-weight: 600;
6455
    border: 1px solid #fff;
6456
    color: #ffffff;
6457
    text-align: center;
6458
    font-size: 12px;
6459
    width: 100%;
6460
    height: 100%;
6461
    background: #e44d3a;
6462
    display: block;
6463
    border-radius: 50%;
6464
    padding-top: 3px;
6465
}
6466
 
6467
.postpaid:focus {
6468
    border: 1px solid #fff;
6469
    width: 25px;
6470
    height: 25px;
6471
}
6472
 
6473
.postpaid {
6474
    content: "";
6475
    width: 20px;
6476
    height: 20px;
6477
    border-radius: 50%;
6478
    border: 1px solid #5e5e5e;
6479
    outline: 0;
6480
    margin-right: 5px;
6481
}
6482
 
6483
.job-status-bar {
6484
    border-top: 1px solid #e5e5e5;
6485
}
6486
 
6487
/* .main-ws-sec .job-status-bar {} */
6488
 
6489
.main-ws-sec .btm-line {
6490
    padding-bottom: 20px !important;
6491
    border-bottom: 1px solid #e5e5e5 !important;
6492
    margin-bottom: 20px;
6493
}
6494
 
6495
.job-status-bar hr {
6496
    margin: 0 -40px;
6497
}
6498
 
6499
.reply-area {
6500
    padding-left: 55px;
6501
}
6502
 
6503
.reply-rply1 {
6504
    margin: 24px 0;
6505
}
6506
 
6507
.reply-area p {
6508
    padding-bottom: 10px;
6509
}
6510
 
6511
.reply-area span {
6512
    cursor: pointer;
6513
}
6514
 
6515
.reply-area span:hover {
6516
    color: #e44d3a;
6517
}
6518
 
6519
.reply-area i {
6520
    font-size: 16px;
6521
    font-weight: 600;
6522
    padding-right: 8px;
6523
}
6524
 
6525
.comment-area .la-plus-circle {
6526
    display: block;
6527
    text-align: center;
6528
    font-size: 40px;
6529
    color: #b2b2b2;
6530
}
6531
 
6532
.reply-area span {
6533
    padding-top: 5px;
6534
    color: #b2b2b2;
6535
}
6536
 
6537
.comt span {
6538
    font-size: 16px;
6539
    color: #666666;
6540
}
6541
 
6542
.comt i {
6543
    padding-right: 8px;
6544
}
6545
 
6546
.postcomment .form-control {
6547
    width: 112%;
6548
    margin-left: -50px;
6549
    background-color: #efefef;
6550
    border-radius: 3px;
6551
}
6552
 
6553
.postcomment a {
6554
    background-color: #e44d3a;
6555
    color: #fff;
6556
    padding: 9px 25px 8px 25px;
6557
    line-height: 37px;
6558
    border-radius: 3px;
6559
}
6560
 
6561
.postcomment {
6562
    padding-top: 30px;
6563
}
6564
 
6565
.widget-about button:focus {
6566
    box-shadow: none;
6567
}
6568
 
6569
.widget-about button:hover {
6570
    background-color: #e44d3a;
6571
}
6572
 
6573
.widget-about button {
6574
    background-color: #e44d3a;
6575
    border: none;
6576
    padding: 12px 0;
6577
    width: 100%;
6578
}
6579
 
6580
.widget-about p {
6581
    background-color: #e44d3a;
6582
    color: #fff;
6583
    padding: 10px 0;
6584
}
6585
 
6586
.widget-projectid {
6587
    padding: 15px;
6588
}
6589
 
6590
.widget-projectid h3 {
6591
    padding-bottom: 7px;
6592
    font-size: 14px;
6593
    font-weight: 600;
6594
}
6595
 
6596
.sd-title h4 {
6597
    margin-bottom: 5px;
6598
    font-size: 16px;
6599
    font-weight: 600;
6600
    line-height: 24px;
6601
}
6602
 
6603
.paymethd p {
6604
    color: #e44d3a;
6605
}
6606
 
6607
.copylink p {
6608
    background-color: #efefef;
6609
    padding: 7px 0 8px 10px;
6610
}
6611
 
6612
.copylink a {
6613
    background-color: #e44d3a;
6614
    color: #fff;
6615
    padding: 10px 15px 10px 15px;
6616
    border-radius: 4px;
6617
}
6618
 
6619
.copylink span {
6620
    padding: 30px 0 20px;
6621
}
6622
 
6623
.copylink i {
6624
    float: unset;
6625
    position: unset;
6626
}
6627
 
6628
.copylink .la-facebook {
6629
    background-color: #3b5998;
6630
    color: #fff;
6631
}
6632
 
6633
.copylink .la-twitter {
6634
    color: #1da1f2;
6635
}
6636
 
6637
.copylink .la-pinterest-p {
6638
    background-color: #fff;
6639
    color: #c11628;
6640
    border-radius: 50%;
6641
}
6642
 
6643
.copylink img {
6644
    padding-right: 10px;
6645
}
6646
 
6647
.freelancerbiding {
6648
    background-color: #fff;
6649
    padding-top: 20px;
6650
}
6651
 
6652
.freelancerbiding h3 {
6653
    font-size: 18px;
6654
    font-weight: 400;
6655
}
6656
 
6657
.repcent {
6658
    text-align: left;
6659
}
6660
 
6661
.bidrit {
6662
    float: right;
6663
}
6664
 
6665
.repcent i {
6666
    padding-left: 5px;
6667
}
6668
 
6669
.star {
6670
    display: inline-flex;
6671
    padding: 5px 0;
6672
}
6673
 
6674
.star li i {
6675
    color: #bfd337;
6676
}
6677
 
6678
.repcent span {
6679
    color: #51a5fb;
6680
}
6681
 
6682
.repcent p {
6683
    padding-left: 7px;
6684
}
6685
 
6686
.noreview ul li i {
6687
    color: #b2b2b2;
6688
}
6689
 
6690
.paymethd .star li i {
6691
    position: unset;
6692
    font-size: 14px;
6693
}
6694
 
6695
.paymethd .star a {
6696
    color: #51a5fb;
6697
    padding-left: 12px;
6698
}
6699
 
6700
.notice {
6701
    background-color: #ddf3ff;
6702
    padding: 15px;
6703
}
6704
 
6705
.notice span {
6706
    font-weight: 500;
6707
    padding-right: 5px;
6708
}
6709
 
6710
.input-group-prepend {
6711
    background-color: #f3f3f3;
6712
    color: #bfbfbf;
6713
    text-align: center;
6714
    line-height: 3;
6715
    border: 1px solid #e5e5e5;
6716
}
6717
 
6718
.input-group-text {
6719
    color: #666666 !important;
6720
    background-color: #f5f5f5 !important;
6721
    border: 0px !important;
6722
    border-radius: 3px !important;
6723
}
6724
 
6725
.rewivew ul li {
6726
    margin-right: 5px !important;
6727
}
6728
 
6729
.security hr {
6730
    margin-right: -15px;
6731
    margin-left: -15px;
6732
}
6733
 
6734
.privacy .la-check {
6735
    float: left;
6736
    font-size: 12px;
6737
    margin: 5px 5px 0 0;
6738
    padding: 3px;
6739
    background-color: #e44d3a;
6740
    color: #fff;
6741
    border-radius: 50%;
6742
}
6743
 
6744
ul#myTab {
6745
    border-bottom: 1px solid #e5e5e5;
6746
}
6747
 
6748
.nav-tabs .nav-link {
6749
    border: none;
6750
}
6751
 
6752
.noborder {
6753
    border-bottom: none;
6754
}
6755
 
6756
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
6757
 
6758
.mangebid li {
6759
    padding-left: 0;
6760
    padding-right: 20px;
6761
    padding-top: 10px;
6762
}
6763
 
6764
.bk-links.bklink li {
6765
    padding-right: 0;
6766
}
6767
 
6768
.bidsbtn {
6769
    position: relative;
6770
}
6771
 
6772
.biddersinfo li {
6773
    padding-left: 0;
6774
    padding-right: 20px;
6775
}
6776
 
6777
#review {
6778
    background-color: #fff;
6779
    margin-bottom: 40px;
6780
}
6781
 
6782
.starreview {
6783
    padding-left: 20px;
6784
}
6785
 
6786
.replytext {
6787
    padding-bottom: 20px;
6788
}
6789
 
6790
.starrevi {
6791
    padding-left: 20px;
6792
}
6793
 
6794
.apply-jobbox {
6795
    text-align: center;
6796
}
6797
 
6798
.apply-jobbox form input {
6799
    width: 100%;
6800
    margin-top: 20px;
6801
    padding: 10px;
6802
    color: #222;
6803
    border: 1px solid #e5e5e5;
6804
    border-radius: 3px;
6805
    font-size: 14px;
6806
}
6807
 
6808
.apply-jobbox h3 {
6809
    margin: 20px 0;
6810
}
6811
 
6812
.select-files {
6813
    border: 1px solid #e5e5e5;
6814
    margin-top: 20px;
6815
    padding: 30px;
6816
    background: #efefef;
6817
}
6818
 
6819
.select-files button {
6820
    margin-bottom: 20px;
6821
    background-color: transparent;
6822
    border: 1px solid #e5e5e5;
6823
    padding: 10px 15px 10px 15px;
6824
    border-radius: 5px;
6825
    font-weight: 600;
6826
}
6827
 
6828
.select-files button:hover {
6829
    background-color: #e44d3a;
6830
    color: #fff;
6831
}
6832
 
6833
.my-dropdown-menu {
6834
    position: absolute;
6835
    z-index: 1000;
6836
    display: none;
6837
    padding: 0 0;
6838
    margin: 0;
6839
    right: 0;
6840
    top: 35px;
6841
    min-width: fit-content;
6842
    font-size: 0.9375rem;
6843
    color: #676a79;
6844
    text-align: left;
6845
    list-style: none;
6846
    background-color: #fff;
6847
    border: 1px solid rgba(0, 0, 0, 0.06);
6848
    border-radius: 0.4rem;
6849
}
6850
 
6851
.my-dropdown-menu.show {
6852
    display: block;
6853
}
6854
 
6855
.mapouter iframe {
6856
    width: 100%;
6857
    height: 400px;
6858
}
6859
 
6860
.mapouter {
6861
    position: relative;
6862
    text-align: right;
6863
    height: 500px;
6864
    width: 100%;
6865
}
6866
 
6867
.gmap_canvas {
6868
    overflow: hidden;
6869
    background: none !important;
6870
}
6871
 
6872
.video-iframe {
6873
    width: 100%;
6874
    height: 400px;
6875
}
6876
 
6877
.bids-time {
6878
    float: right;
6879
}
6880
 
6881
.saved-post {
6882
    padding: 0;
6883
}
6884
 
6885
.saved-post p {
6886
    padding-bottom: 20px;
6887
}
6888
 
6889
.saved-info li {
6890
    padding-right: 25px;
6891
    padding-left: 0;
6892
}
6893
 
6894
.saved-btn {
6895
    padding: 0;
6896
    margin-bottom: -12px;
6897
}
6898
 
6899
.applied-post {
6900
    padding: 0;
6901
}
6902
 
6903
.post-bid {
6904
    padding: 0 !important;
6905
}
6906
 
6907
.bidsbtn {
6908
    padding-top: 0 !important;
6909
}
6910
 
6911
.active-bids {
6912
    padding: 0;
6913
}
6914
 
6915
.activ-bidinfo li {
6916
    padding-top: 10px;
6917
    padding-left: 0;
6918
    padding-right: 25px;
6919
}
6920
 
6921
.activebtn {
6922
    padding-left: 0;
6923
}
6924
 
6925
.p-all {
6926
    padding: 0px;
6927
    float: left;
6928
    width: 100%;
6929
    position: relative;
6930
}
6931
 
6932
.small-text-children p,
6933
.small-text-children span {
6934
    font-size: .8rem;
6935
}
6936
 
6937
.search-item-selected {
6938
    padding: 2%;
6939
    background: #F0F0F0;
6940
    border-radius: 6px;
6941
    font-weight: bold;
6942
}
6943
 
6944
.row .sc-dkzDqf {
6945
    margin: 0 auto;
6946
}
6947
 
6948
.checkbox input[type=checkbox],
6949
input[type=radio] {
6950
    margin-top: 5px !important;
6951
}
6952
 
6953
.wizard {
6954
    display: flex;
6955
    margin-top: 10px;
6956
}
6957
 
6958
.wizard li {
6959
    width: 50%;
6960
    display: inline-block;
6961
}
6962
 
6963
.btn-secondary:disabled,
6964
.btn-primary:disabled {
6965
    cursor: no-drop;
6966
}
6967
 
6968
.previous {
6969
    text-align: left;
6970
}
6971
 
6972
.next {
6973
    text-align: right;
6974
}
6975
 
6976
.ratin-range {
6977
    display: block;
6978
}
6979
 
6980
.ratin-range li {
6981
    display: inline-block;
6982
    width: 6%;
6983
}
6984
 
6985
.ratin-range li .option {
6986
    margin-top: 2px !important;
6987
}
6988
 
6989
.mb10 {
6990
    margin-bottom: 3vw;
6991
}
6992
 
6993
.opt-h6 {
6994
    font-weight: 600 !important;
6995
    color: #000 !important;
6996
}
6997
 
6998
 
6999
div.form-check>input.form-check-input {
7000
    margin-left: 2px;
7001
 
7002
}
7003
 
7004
div.form-check>label.form-check-label {
7005
    margin-left: 20px;
7006
 
7007
}