Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 58 | Ir a la última revisión | | Ultima modificación | Ver Log |

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