Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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