Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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