Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 289 | Rev 310 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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