Proyectos de Subversion LeadersLinked - Backend

Rev

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