Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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