Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 331 | Rev 359 | 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;
4329
}
4330
 
1 www 4331
.company-up-info ul {
4332
  /* float: left; */
4333
  width: 100%;
4334
}
311 geraldo 4335
 
1 www 4336
.company-up-info ul li {
4337
  display: inline-block;
4338
  margin-right: 6px;
4339
}
311 geraldo 4340
 
1 www 4341
.company-up-info ul li a {
4342
  display: inline-block;
4343
  padding: 0 12px;
4344
  color: #fff;
4345
  height: 35px;
4346
  line-height: 35px;
4347
}
311 geraldo 4348
 
1 www 4349
.company-up-info ul li a i {
4350
  font-size: 24px;
4351
  position: relative;
4352
  top: 3px;
4353
}
311 geraldo 4354
 
1 www 4355
.follow {
4356
  background-color: #53d690;
4357
}
311 geraldo 4358
 
1 www 4359
.message-us {
4360
  background-color: #e44d3a;
4361
}
311 geraldo 4362
 
1 www 4363
.hire-us {
4364
  background-color: #51a5fb;
4365
}
311 geraldo 4366
 
1 www 4367
.company_profile_info .cancelButton {
4368
  display: inline-block;
4369
  color: #000000;
4370
  font-size: 16px;
4371
  font-weight: 500;
4372
  margin: 18px 0;
4373
}
4374
 
4375
/* ============= search-sec ============= */
4376
 
4377
.search-sec {
4378
  float: left;
4379
  width: 100%;
4380
  margin: 30px 0 0 0;
4381
}
311 geraldo 4382
 
1 www 4383
.search-box {
4384
  float: left;
4385
  width: 100%;
4386
  padding: 0 15px;
4387
}
311 geraldo 4388
 
1 www 4389
.search-box form {
4390
  float: left;
4391
  width: 100%;
4392
  position: relative;
4393
}
311 geraldo 4394
 
1 www 4395
.search-box form input {
4396
  width: 100%;
4397
  height: 40px;
4398
  background-color: #fff;
4399
  padding: 0 15px;
4400
  color: #b2b2b2;
4401
  font-size: 14px;
4402
  border: none;
4403
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4404
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4405
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4406
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4407
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4408
}
311 geraldo 4409
 
1 www 4410
.search-box form button {
4411
  position: absolute;
4412
  top: 0;
4413
  right: 0;
4414
  background-color: #e44d3a;
4415
  color: #ffffff;
4416
  font-size: 16px;
4417
  font-weight: 500;
4418
  height: 100%;
4419
  padding: 0 28px;
4420
  border: 0;
4421
  cursor: pointer;
4422
  -webkit-border-radius: 0 4px 4px 0;
4423
  -moz-border-radius: 0 4px 4px 0;
4424
  -ms-border-radius: 0 4px 4px 0;
4425
  -o-border-radius: 0 4px 4px 0;
4426
  border-radius: 0 4px 4px 0;
4427
}
4428
 
4429
/* =============== filter-secs ============== */
4430
 
4431
.filter-secs {
4432
  float: left;
4433
  width: 100%;
4434
  /* background-color: #fff; */
4435
  box-shadow: 0px 2px #e4e4e4;
4436
  border: 1px solid #e5e5e5;
4437
}
311 geraldo 4438
 
1 www 4439
.filter-heading {
4440
  float: left;
4441
  width: 100%;
4442
  padding: 15px 20px;
4443
  border-bottom: 1px solid #e5e5e5;
4444
  margin-bottom: 15px;
4445
}
311 geraldo 4446
 
1 www 4447
.filter-heading h3 {
4448
  float: left;
4449
  color: #e44d3a;
4450
  font-size: 18px;
4451
  font-weight: 600;
4452
}
311 geraldo 4453
 
1 www 4454
.filter-heading a {
4455
  float: right;
4456
  color: #686868;
4457
  font-size: 14px;
4458
  margin-top: 4px;
4459
}
311 geraldo 4460
 
1 www 4461
.filter-ttl {
4462
  float: left;
4463
  width: 100%;
4464
  border-bottom: 1px solid #e5e5e5;
4465
  padding: 0 0 16px 0;
4466
  margin-bottom: 10px;
4467
}
311 geraldo 4468
 
1 www 4469
.filter--tt2 {
4470
  margin-bottom: 0px !important;
4471
}
311 geraldo 4472
 
1 www 4473
.top--1 {
4474
  margin-top: 20px;
4475
}
311 geraldo 4476
 
1 www 4477
.filter--tt2 .dropdown .dropdown-menu a {
4478
  float: none;
4479
  color: #666666 !important;
4480
  margin-bottom: 12px !important;
4481
}
311 geraldo 4482
 
1 www 4483
.filter--tt2 .dropdown .dropdown-menu a:hover {
4484
  color: #e44d3a !important;
4485
  background: none !important;
4486
}
311 geraldo 4487
 
1 www 4488
.filter--tt2 .dropdown .dropdown-menu a:focus {
4489
  color: #e44d3a !important;
4490
  background: none !important;
4491
}
311 geraldo 4492
 
1 www 4493
.filter--tt2 a {
4494
  float: left !important;
4495
  padding: 0 0 0 15px !important;
4496
  font-size: 16px !important;
4497
  color: #000000 !important;
4498
  font-weight: 500 !important;
4499
}
311 geraldo 4500
 
1 www 4501
.filter-ttl h3 {
4502
  float: left;
4503
  padding: 0;
4504
  font-size: 16px;
4505
  color: #000000;
4506
  font-weight: 400;
4507
}
311 geraldo 4508
 
1 www 4509
.filter-ttl a {
4510
  float: right;
4511
  font-size: 14px;
4512
  color: #666666;
4513
}
311 geraldo 4514
 
1 www 4515
.filter-ttl .dropdown a {
4516
  float: none;
4517
  color: #666666;
4518
}
311 geraldo 4519
 
1 www 4520
.filter-dd {
4521
  float: left;
4522
  width: 100%;
4523
  margin-bottom: 15px;
4524
}
311 geraldo 4525
 
1 www 4526
.filter-dd form {
4527
  float: left;
4528
  width: 100%;
4529
  position: relative;
4530
}
311 geraldo 4531
 
1 www 4532
.filter-dd form input,
4533
.filter-dd form select {
4534
  width: 100%;
4535
  height: 30px;
4536
  background-color: #f2f2f2;
4537
  padding: 0 10px;
4538
  color: #b2b2b2;
4539
  font-size: 12px;
4540
  font-weight: 600;
4541
  border: 0;
4542
  border: 1px solid #e5e5e5;
4543
}
311 geraldo 4544
 
1 www 4545
.job-tp i {
4546
  color: #666666;
4547
  position: absolute;
4548
  top: 9px;
4549
  right: 15px;
4550
  font-size: 14px;
4551
}
311 geraldo 4552
 
1 www 4553
.avail-checks {
4554
  float: left;
4555
  width: 100%;
4556
  margin-top: 7px;
4557
}
311 geraldo 4558
 
1 www 4559
.avail-checks li {
4560
  float: left;
4561
  width: 100%;
4562
  margin-bottom: 10px;
4563
}
311 geraldo 4564
 
1 www 4565
.avail-checks li:last-child {
4566
  margin-bottom: 0;
4567
}
311 geraldo 4568
 
1 www 4569
.avail-checks li input[type="radio"] {
4570
  display: none;
4571
}
311 geraldo 4572
 
1 www 4573
.avail-checks li label {
4574
  float: left;
4575
}
311 geraldo 4576
 
4577
.avail-checks li input[type="radio"]+label span {
1 www 4578
  display: inline-block;
4579
  width: 15px;
4580
  height: 15px;
4581
  position: relative;
4582
  margin-top: 3px;
4583
  border: 1px solid #d2d2d2;
4584
  -webkit-border-radius: 100px;
4585
  -moz-border-radius: 100px;
4586
  -ms-border-radius: 100px;
4587
  -o-border-radius: 100px;
4588
  border-radius: 100px;
4589
}
311 geraldo 4590
 
4591
.avail-checks li input[type="radio"]+label span:before {
1 www 4592
  content: "";
4593
  opacity: 0;
4594
  visibility: hidden;
4595
  position: absolute;
4596
  width: 7px;
4597
  height: 7px;
4598
  -webkit-border-radius: 100px;
4599
  -moz-border-radius: 100px;
4600
  -ms-border-radius: 100px;
4601
  -o-border-radius: 100px;
4602
  border-radius: 100px;
4603
  background-color: #e44d3a;
4604
  top: 3px;
4605
  left: 3px;
4606
}
311 geraldo 4607
 
4608
.avail-checks li input[type="radio"]:checked+label span:before {
1 www 4609
  opacity: 1;
4610
  visibility: visible;
4611
}
311 geraldo 4612
 
1 www 4613
.avail-checks li small {
4614
  color: #909090;
4615
  font-size: 14px;
4616
  padding-left: 10px;
4617
  font-weight: 500;
4618
}
4619
 
4620
/* =========== Range Slider ========== */
4621
 
4622
.rg-slider {
4623
  float: left;
4624
  width: 100%;
4625
}
311 geraldo 4626
 
1 www 4627
.slider-container {
4628
  width: 100% !important;
4629
  padding-top: 50px;
4630
  position: relative;
4631
}
311 geraldo 4632
 
1 www 4633
.theme-green .back-bar {
4634
  height: 5px;
4635
  border: 1px solid #e5e5e5;
4636
  -webkit-border-radius: 30px;
4637
  -moz-border-radius: 30px;
4638
  -ms-border-radius: 30px;
4639
  -o-border-radius: 30px;
4640
  border-radius: 30px;
4641
}
311 geraldo 4642
 
1 www 4643
.theme-green .back-bar .pointer {
4644
  width: 17px;
4645
  height: 17px;
4646
  -webkit-border-radius: 100px;
4647
  -moz-border-radius: 100px;
4648
  -ms-border-radius: 100px;
4649
  -o-border-radius: 100px;
4650
  border-radius: 100px;
4651
  background-color: #e44d3a;
4652
  border: 2px solid #e3e3e3;
4653
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4654
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4655
  -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4656
  -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4657
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4658
}
311 geraldo 4659
 
1 www 4660
.theme-green .back-bar .pointer {
4661
  top: -7px;
4662
}
311 geraldo 4663
 
1 www 4664
.slider-container .back-bar .pointer-label {
4665
  top: -50px;
4666
  height: 26px;
4667
  background-color: #e5e5e5;
4668
  -webkit-border-radius: 30px;
4669
  -moz-border-radius: 30px;
4670
  -ms-border-radius: 30px;
4671
  -o-border-radius: 30px;
4672
  border-radius: 30px;
4673
  line-height: 26px;
4674
  width: 50px;
4675
}
311 geraldo 4676
 
1 www 4677
.pointer-label.low {
4678
  left: 0 !important;
4679
}
311 geraldo 4680
 
1 www 4681
.pointer-label.high {
4682
  left: 70px !important;
4683
}
311 geraldo 4684
 
1 www 4685
.pointer-label.low:before {
4686
  content: "";
4687
  position: absolute;
4688
  top: 13px;
4689
  right: -14px;
4690
  width: 8px;
4691
  height: 1px;
4692
  background-color: #e5e5e5;
4693
}
311 geraldo 4694
 
1 www 4695
.rg-limit {
4696
  float: left;
4697
  width: 100%;
4698
  margin-top: 16px;
4699
}
311 geraldo 4700
 
1 www 4701
.rg-limit h4 {
4702
  color: #686868;
4703
  font-size: 15px;
4704
  font-weight: 600;
4705
  float: left;
4706
}
311 geraldo 4707
 
1 www 4708
.rg-limit h4:last-child {
4709
  float: right;
4710
}
4711
 
4712
/* ============== chatbox-list ============== */
4713
 
4714
.chatbox-list {
4715
  position: fixed;
4716
  bottom: 0;
4717
  right: 0;
4718
}
311 geraldo 4719
 
1 www 4720
.chatbox {
4721
  display: inline-block;
4722
  margin-right: 13px;
4723
  position: relative;
4724
}
311 geraldo 4725
 
1 www 4726
.chat-mg {
4727
  display: inline-block;
4728
  position: relative;
4729
}
311 geraldo 4730
 
1 www 4731
.chat-mg img {
4732
  width: 70px;
4733
  height: 70px;
4734
  -webkit-border-radius: 100px;
4735
  -moz-border-radius: 100px;
4736
  -ms-border-radius: 100px;
4737
  -o-border-radius: 100px;
4738
  border-radius: 100px;
4739
}
311 geraldo 4740
 
1 www 4741
.chat-mg span {
4742
  position: absolute;
4743
  top: -5px;
4744
  right: 10px;
4745
  width: 20px;
4746
  height: 20px;
4747
  background-color: #e44d3a;
4748
  text-align: center;
4749
  font-size: 12px;
4750
  color: #fff;
4751
  line-height: 20px;
4752
  -webkit-border-radius: 100px;
4753
  -moz-border-radius: 100px;
4754
  -ms-border-radius: 100px;
4755
  -o-border-radius: 100px;
4756
  border-radius: 100px;
4757
}
311 geraldo 4758
 
1 www 4759
.chat-mg.bx img {
4760
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4761
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4762
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4763
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4764
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4765
}
311 geraldo 4766
 
1 www 4767
.conversation-box {
4768
  position: absolute;
4769
  bottom: 132%;
4770
  right: 100%;
4771
  width: 350px;
4772
  background-color: #fff;
4773
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4774
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4775
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4776
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4777
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4778
  opacity: 0;
4779
  visibility: hidden;
4780
  z-index: 0;
4781
}
311 geraldo 4782
 
1 www 4783
.conversation-box.active {
4784
  opacity: 1;
4785
  visibility: visible;
4786
  z-index: 9999;
4787
}
311 geraldo 4788
 
1 www 4789
.conversation-box:before {
4790
  content: "";
4791
  position: absolute;
4792
  bottom: -7px;
4793
  right: 26px;
4794
  border-top: 15px solid #fff;
4795
  border-right: 15px solid transparent;
4796
  -webkit-transform: rotate(225deg);
4797
  -moz-transform: rotate(225deg);
4798
  -ms-transform: rotate(225deg);
4799
  -o-transform: rotate(225deg);
4800
  transform: rotate(225deg);
4801
}
311 geraldo 4802
 
1 www 4803
.con-title {
4804
  float: left;
4805
  width: 100%;
4806
  background-color: #e44d3a;
4807
  padding: 15px 25px;
4808
  -webkit-border-radius: 10px 10px 0 0;
4809
  -moz-border-radius: 10px 10px 0 0;
4810
  -ms-border-radius: 10px 10px 0 0;
4811
  -o-border-radius: 10px 10px 0 0;
4812
  border-radius: 10px 10px 0 0;
4813
}
311 geraldo 4814
 
1 www 4815
.con-title h3 {
4816
  float: left;
4817
  color: #ffffff;
4818
  font-size: 16px;
4819
  font-weight: 600;
4820
}
311 geraldo 4821
 
4822
.con-title>a {
1 www 4823
  float: right;
4824
  color: #fff;
4825
  font-size: 20px;
4826
}
311 geraldo 4827
 
1 www 4828
.chat-list {
4829
  float: left;
4830
  width: 100%;
4831
  min-height: 390px;
4832
}
311 geraldo 4833
 
1 www 4834
.conv-list {
4835
  float: left;
4836
  width: 100%;
4837
  display: table;
4838
  padding: 20px 25px;
4839
  position: relative;
4840
}
311 geraldo 4841
 
1 www 4842
.conv-list:hover,
4843
.conv-list.active {
4844
  background-color: #efefef;
4845
}
311 geraldo 4846
 
1 www 4847
.msg-numbers {
4848
  position: absolute;
4849
  bottom: 18px;
4850
  right: 25px;
4851
  width: 25px;
4852
  height: 25px;
4853
  background-color: #e77667;
4854
  text-align: center;
4855
  line-height: 25px;
4856
  color: #fff;
4857
  font-size: 13px;
4858
  -webkit-border-radius: 100px;
4859
  -moz-border-radius: 100px;
4860
  -ms-border-radius: 100px;
4861
  -o-border-radius: 100px;
4862
  border-radius: 100px;
4863
}
311 geraldo 4864
 
1 www 4865
.usrr-pic {
4866
  display: table-cell;
4867
  position: relative;
4868
}
311 geraldo 4869
 
1 www 4870
.active-status {
4871
  width: 9px;
4872
  height: 9px;
4873
  border: 2px solid #ecf5fb;
4874
  -webkit-border-radius: 100px;
4875
  -moz-border-radius: 100px;
4876
  -ms-border-radius: 100px;
4877
  -o-border-radius: 100px;
4878
  border-radius: 100px;
4879
  position: absolute;
4880
  top: -3px;
4881
  right: 0;
4882
}
311 geraldo 4883
 
1 www 4884
.activee {
4885
  background-color: #e44d3a;
4886
}
311 geraldo 4887
 
1 www 4888
.usy-info {
4889
  display: table-cell;
4890
  vertical-align: top;
4891
  width: 100%;
4892
  padding-left: 15px;
4893
}
311 geraldo 4894
 
1 www 4895
.usy-info h3 {
4896
  color: #000000;
4897
  font-size: 18px;
4898
  font-weight: 600;
4899
  margin-bottom: 5px;
4900
}
311 geraldo 4901
 
1 www 4902
.usy-info span {
4903
  color: #686868;
4904
  font-size: 16px;
4905
  float: left;
4906
}
311 geraldo 4907
 
1 www 4908
.usy-info span img {
4909
  padding-left: 5px;
4910
  float: right;
4911
}
311 geraldo 4912
 
1 www 4913
.ct-time {
4914
  position: absolute;
4915
  top: 20px;
4916
  right: 25px;
4917
}
311 geraldo 4918
 
1 www 4919
.ct-time span {
4920
  color: #b2b2b2;
4921
  font-size: 14px;
4922
}
4923
 
4924
.st-icons {
4925
  float: right;
4926
  margin-top: 7px;
4927
}
311 geraldo 4928
 
1 www 4929
.st-icons a {
4930
  color: #fff;
4931
  font-size: 20px;
4932
  margin-right: 5px;
4933
}
311 geraldo 4934
 
1 www 4935
.chat-hist {
4936
  float: left;
4937
  width: 100%;
4938
  background-color: #fff;
4939
  height: 280px;
4940
}
311 geraldo 4941
 
1 www 4942
.chat-msg {
4943
  float: left;
4944
  width: 100%;
4945
  padding-right: 25px;
4946
  margin-bottom: 15px;
4947
}
311 geraldo 4948
 
1 www 4949
.chat-msg p {
4950
  color: #ffffff;
4951
  font-size: 14px;
4952
  background-color: #e44d3a;
4953
  line-height: 18px;
4954
  -webkit-border-radius: 15px;
4955
  -moz-border-radius: 15px;
4956
  -ms-border-radius: 15px;
4957
  -o-border-radius: 15px;
4958
  border-radius: 15px;
4959
  padding: 10px 15px;
4960
  width: 80%;
4961
  float: right;
4962
  margin-bottom: 10px;
4963
}
311 geraldo 4964
 
1 www 4965
.mg-3 {
4966
  margin-bottom: 3px;
4967
}
311 geraldo 4968
 
1 www 4969
.chat-msg span {
4970
  float: right;
4971
  color: #b1b1b1;
4972
  width: 100%;
4973
  font-size: 9px;
4974
  text-align: right;
4975
}
311 geraldo 4976
 
1 www 4977
.status-info {
4978
  width: 8px;
4979
  height: 8px;
4980
  background-color: #fff;
4981
  -webkit-border-radius: 100px;
4982
  -moz-border-radius: 100px;
4983
  -ms-border-radius: 100px;
4984
  -o-border-radius: 100px;
4985
  border-radius: 100px;
4986
  display: inline-block;
4987
  margin-left: 7px;
4988
}
311 geraldo 4989
 
1 www 4990
.chat-user-info h3 {
4991
  margin-top: 7px;
4992
  margin-left: 10px;
4993
}
311 geraldo 4994
 
1 www 4995
.date-nd {
4996
  float: left;
4997
  width: 100%;
4998
  text-align: center;
4999
  margin-bottom: 20px;
5000
  position: relative;
5001
}
311 geraldo 5002
 
1 www 5003
.date-nd:before,
5004
.date-nd:after {
5005
  content: "";
5006
  position: absolute;
5007
  top: 10px;
5008
  left: 15px;
5009
  width: 92px;
5010
  height: 1px;
5011
  background-color: #e5e5e5;
5012
}
311 geraldo 5013
 
1 www 5014
.date-nd:after {
5015
  left: auto;
5016
  right: 15px;
5017
}
311 geraldo 5018
 
1 www 5019
.date-nd span {
5020
  color: #b1b1b1;
5021
  font-size: 12px;
5022
  text-align: center;
5023
}
311 geraldo 5024
 
1 www 5025
.chat-msg.st2 p {
5026
  background-color: #efefef;
5027
  color: #686868;
5028
  float: left;
5029
  width: 55%;
5030
}
311 geraldo 5031
 
1 www 5032
.chat-msg.st2 {
5033
  padding-left: 25px;
5034
}
311 geraldo 5035
 
1 www 5036
.chat-msg.st2 span {
5037
  float: left;
5038
  text-align: left;
5039
}
5040
 
5041
/* =========== typing-msg =========== */
5042
 
5043
.typing-msg {
5044
  float: left;
5045
  width: 100%;
5046
  border-top: 1px solid #e6e6e6;
5047
  padding-top: 15px;
5048
}
311 geraldo 5049
 
1 www 5050
.typing-msg form {
5051
  float: left;
5052
  width: 100%;
5053
  position: relative;
5054
}
311 geraldo 5055
 
1 www 5056
.typing-msg form textarea {
5057
  width: 100%;
5058
  height: 30px;
5059
  background-color: #fff;
5060
  padding: 0 20px;
5061
  color: #b2b2b2;
5062
  font-size: 16px;
5063
  border: 0;
5064
  resize: none;
5065
}
311 geraldo 5066
 
1 www 5067
.typing-msg form button {
5068
  color: #e44d3a;
5069
  font-size: 18px;
5070
  font-weight: 600;
5071
  position: absolute;
5072
  top: 2px;
5073
  right: 20px;
5074
  background: none;
5075
  border: 0;
5076
  cursor: pointer;
5077
}
311 geraldo 5078
 
1 www 5079
.ft-options {
5080
  float: left;
5081
  width: 100%;
5082
  padding: 0 20px 8px 20px;
5083
}
311 geraldo 5084
 
1 www 5085
.ft-options li {
5086
  display: inline-block;
5087
  margin-right: 15px;
5088
}
311 geraldo 5089
 
1 www 5090
.ft-options li a {
5091
  color: #b2b2b2;
5092
  font-size: 24px;
5093
  display: inline-block;
5094
}
5095
 
5096
.mCSB_scrollTools {
5097
  right: -5px;
5098
}
311 geraldo 5099
 
1 www 5100
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5101
  background-color: #cccccc;
5102
  width: 5px;
5103
}
311 geraldo 5104
 
1 www 5105
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5106
  opacity: 0;
5107
}
5108
 
5109
/* ============ Menu Btn =============*/
5110
 
5111
.menu-btn {
5112
  float: right;
5113
  display: none;
5114
}
311 geraldo 5115
 
1 www 5116
.menu-btn a {
5117
  font-size: 24px;
5118
  color: #fff;
5119
  display: inline-block;
5120
  padding-top: 16px;
5121
  padding-left: 20px;
5122
}
5123
 
5124
/* ============= account-tabs-setting ============ */
5125
 
5126
/* .profile-account-setting {
5127
} */
5128
.account-tabs-setting {
5129
  float: left;
5130
  width: 100%;
5131
  padding: 70px 0;
5132
}
311 geraldo 5133
 
1 www 5134
.acc-leftbar {
5135
  float: left;
5136
  width: 100%;
5137
  background-color: #fff;
5138
  border-left: 1px solid #e5e5e5;
5139
  border-bottom: 1px solid #e5e5e5;
5140
  border-right: 1px solid #e5e5e5;
5141
}
311 geraldo 5142
 
5143
.acc-leftbar .nav-tabs>a {
1 www 5144
  float: left;
5145
  width: 100%;
5146
  background: none;
5147
  padding: 18px 20px;
5148
  border-bottom: 1px solid #e5e5e5;
5149
  border-left: 0;
5150
  border-right: 0;
5151
  color: #000000;
5152
  font-size: 16px;
5153
  font-weight: 500;
5154
  -webkit-border-radius: 0;
5155
  -moz-border-radius: 0;
5156
  -ms-border-radius: 0;
5157
  -o-border-radius: 0;
5158
  border-radius: 0;
5159
  border-top: 0;
5160
}
311 geraldo 5161
 
1 www 5162
.nav-tabs {
5163
  border-bottom: 0;
5164
}
311 geraldo 5165
 
5166
.acc-leftbar .nav-tabs>a:last-child {
1 www 5167
  border-bottom: 0;
5168
}
311 geraldo 5169
 
5170
.acc-leftbar .nav-tabs>a i {
1 www 5171
  padding-right: 15px;
5172
  font-size: 20px;
5173
  position: relative;
5174
  top: 2px;
5175
  font-weight: 700;
5176
  width: 40px;
5177
}
311 geraldo 5178
 
1 www 5179
.nav-tabs .nav-item.show .nav-link,
5180
.nav-tabs .nav-link.active {
5181
  background-color: inherit;
5182
  color: #e44d3a;
5183
  border-color: inherit;
5184
}
5185
 
5186
/* ============= acc-setting ============ */
5187
 
5188
.acc-setting {
5189
  float: left;
5190
  width: 100%;
5191
  background-color: #fff;
5192
  border-left: 1px solid #e5e5e5;
5193
  border-bottom: 1px solid #e5e5e5;
5194
  border-right: 1px solid #e5e5e5;
5195
  -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5196
  -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5197
  -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5198
  -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5199
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5200
}
311 geraldo 5201
 
1 www 5202
.acc-setting form {
5203
  float: left;
5204
  width: 100%;
5205
}
311 geraldo 5206
 
5207
.acc-setting>h3 {
1 www 5208
  width: 100%;
5209
  color: #000000;
5210
  font-weight: 600;
5211
  font-size: 18px;
5212
  text-transform: capitalize;
5213
  border-bottom: 1px solid #e5e5e5;
5214
  padding: 17px 20px;
5215
}
311 geraldo 5216
 
1 www 5217
.notbar {
5218
  float: left;
5219
  width: 100%;
5220
  border-bottom: 1px solid #e5e5e5;
5221
  padding: 20px;
5222
  position: relative;
5223
}
311 geraldo 5224
 
1 www 5225
.notbar h4 {
5226
  color: #000000;
5227
  font-size: 16px;
5228
  font-weight: 600;
5229
  margin-bottom: 5px;
5230
}
311 geraldo 5231
 
1 www 5232
.notbar p {
5233
  color: #686868;
5234
  font-size: 14px;
5235
  line-height: 24px;
5236
  width: 75%;
5237
}
311 geraldo 5238
 
1 www 5239
.toggle-btn {
5240
  position: absolute;
5241
  top: 35px;
5242
  right: 20px;
5243
}
311 geraldo 5244
 
1 www 5245
.save-stngs {
5246
  float: left;
5247
  width: 100%;
5248
  padding: 30px 20px 50px 20px;
5249
}
311 geraldo 5250
 
1 www 5251
.save-stngs.pd2 {
5252
  padding: 25px 20px 42px 20px;
5253
}
311 geraldo 5254
 
1 www 5255
.save-stngs.pd3 {
5256
  padding: 25px 20px 25px 20px;
5257
}
311 geraldo 5258
 
1 www 5259
.save-stngs ul li {
5260
  display: inline-block;
5261
  margin-right: 17px;
5262
}
311 geraldo 5263
 
1 www 5264
.save-stngs ul li button {
5265
  display: inline-block;
5266
  color: #000000;
5267
  font-size: 16px;
5268
  border: 1px solid #e5e5e5;
5269
  height: 40px;
5270
  line-height: 40px;
5271
  padding: 0 22px;
5272
  font-weight: 600;
5273
  background: none;
5274
  cursor: pointer;
5275
}
311 geraldo 5276
 
1 www 5277
.save-stngs ul li button:hover {
5278
  background-color: #e44d3a;
5279
  color: #fff;
5280
  border-color: transparent;
5281
}
5282
 
5283
/* =============== Password Update ============ */
5284
 
5285
.cp-field {
5286
  float: left;
5287
  width: 100%;
5288
  margin-top: 29.4px;
5289
  padding: 0 20px;
5290
}
311 geraldo 5291
 
1 www 5292
.cp-field h5 {
5293
  color: #000000;
5294
  font-size: 16px;
5295
  font-weight: 600;
5296
  float: left;
5297
  width: 100%;
5298
  margin-bottom: 10px;
5299
}
311 geraldo 5300
 
1 www 5301
.cp-field h5 a {
5302
  color: #000;
5303
}
311 geraldo 5304
 
1 www 5305
.cpp-fiel {
5306
  float: left;
5307
  width: 100%;
5308
  position: relative;
5309
}
311 geraldo 5310
 
1 www 5311
.cp-field input {
5312
  height: 40px;
5313
  padding: 0 40px;
5314
}
311 geraldo 5315
 
1 www 5316
.cp-field input,
5317
.cp-field textarea {
5318
  width: 100%;
5319
  border: 1px solid #e5e5e5;
5320
}
311 geraldo 5321
 
1 www 5322
.cp-field textarea {
5323
  padding: 20px;
5324
  height: 115px;
5325
}
311 geraldo 5326
 
1 www 5327
.cpp-fiel i {
5328
  position: absolute;
5329
  top: 12px;
5330
  left: 15px;
5331
  color: #b2b2b2;
5332
  font-size: 16px;
5333
}
311 geraldo 5334
 
5335
.cp-field>p {
1 www 5336
  /* float: left;
5337
  width: 100%;
5338
  color: #686868;
5339
  font-size: 14px;
5340
  line-height: 24px;
5341
  margin-top: 5px; */
5342
}
311 geraldo 5343
 
1 www 5344
/* =============== notifications-list ============= */
5345
 
5346
.notifications-list {
5347
  float: left;
5348
  width: 100%;
5349
}
311 geraldo 5350
 
1 www 5351
.notfication-details {
5352
  float: left;
5353
  width: 100%;
5354
  padding: 20px;
5355
  border-bottom: 1px solid #e5e5e5;
5356
}
311 geraldo 5357
 
1 www 5358
.notfication-details:last-child {
5359
  border-bottom: 0;
5360
}
311 geraldo 5361
 
1 www 5362
.noty-user-img {
5363
  float: left;
5364
  width: 35px;
5365
}
311 geraldo 5366
 
1 www 5367
.noty-user-img img {
5368
  width: 100%;
5369
}
311 geraldo 5370
 
1 www 5371
.notification-info {
5372
  float: left;
5373
  width: auto;
5374
  padding-left: 10px;
5375
}
311 geraldo 5376
 
1 www 5377
.notification-info h3 {
5378
  color: #686868;
5379
  font-size: 14px;
5380
  font-weight: 500;
5381
  border: 0;
5382
  padding: 0;
5383
  margin-bottom: 6px;
5384
}
311 geraldo 5385
 
1 www 5386
.notification-info h3 a {
5387
  color: #000000;
5388
  font-size: 16px;
5389
  font-weight: 600;
5390
  display: inline-block;
5391
}
311 geraldo 5392
 
5393
.notification-info>span {
1 www 5394
  display: inline-block;
5395
  color: #b2b2b2;
5396
  font-size: 12px;
5397
  font-weight: 600;
5398
}
5399
 
5400
/* ============== requests-list ============== */
5401
 
5402
.requests-list {
5403
  float: left;
5404
  width: 100%;
5405
  padding-bottom: 0;
5406
}
311 geraldo 5407
 
1 www 5408
.request-details {
5409
  float: left;
5410
  width: 100%;
5411
  padding: 20px;
5412
  border-bottom: 1px solid #e5e5e5;
5413
}
311 geraldo 5414
 
1 www 5415
.request-details:last-child {
5416
  border-bottom: 0;
5417
}
311 geraldo 5418
 
1 www 5419
.request-info {
5420
  float: left;
5421
  padding-left: 10px;
5422
}
311 geraldo 5423
 
1 www 5424
.request-info h3 {
5425
  color: #000000;
5426
  font-size: 14px;
5427
  font-weight: 600;
5428
  padding: 0;
5429
  border: 0;
5430
  margin-bottom: 3px;
5431
}
311 geraldo 5432
 
1 www 5433
.request-info span {
5434
  color: #686868;
5435
  font-size: 12px;
5436
  display: inline-block;
5437
}
311 geraldo 5438
 
1 www 5439
.accept-feat {
5440
  float: right;
5441
}
311 geraldo 5442
 
1 www 5443
.accept-feat ul li {
5444
  display: inline-block;
5445
}
311 geraldo 5446
 
1 www 5447
.accept-feat ul li button {
5448
  cursor: pointer;
5449
}
311 geraldo 5450
 
1 www 5451
.accept-req {
5452
  color: #ffffff;
5453
  font-size: 16px;
5454
  background-color: #51a5fb;
5455
  height: 30px;
5456
  padding: 0 20px;
5457
  font-weight: 600;
5458
  border: 0;
5459
  border: 1px solid #51a5fb;
5460
}
311 geraldo 5461
 
1 www 5462
.close-req {
5463
  height: 30px;
5464
  width: 30px;
5465
  text-align: center;
5466
  line-height: 30px;
5467
  border: 1px solid #e5e5e5;
5468
  background: inherit;
5469
  color: #b2b2b2;
5470
  margin-left: 7px;
5471
}
311 geraldo 5472
 
1 www 5473
.close-req i {
5474
  font-weight: 600;
5475
}
5476
 
5477
/* ============= Profile Sattus =========== */
5478
 
5479
.profile-bx-details {
5480
  float: left;
5481
  width: 100%;
5482
  padding: 30px 7px 30px 7px;
5483
}
311 geraldo 5484
 
1 www 5485
.profile-bx-details .row .col-lg-3 {
5486
  padding: 0 7px;
5487
}
311 geraldo 5488
 
1 www 5489
.profile-bx-info {
5490
  float: left;
5491
  width: 100%;
5492
  background-color: #f2f2f2;
5493
  padding: 20px;
5494
  border: 1px solid #e5e5e5;
5495
}
311 geraldo 5496
 
1 www 5497
.pro-bx {
5498
  float: left;
5499
  width: 100%;
5500
  border-bottom: 1px solid #e5e5e5;
5501
  padding-bottom: 10px;
5502
}
311 geraldo 5503
 
1 www 5504
.bx-info {
5505
  float: left;
5506
  margin-top: 7px;
5507
  padding-left: 10px;
5508
}
311 geraldo 5509
 
1 www 5510
.bx-info h3 {
5511
  color: #e44d3a;
5512
  font-size: 20px;
5513
  font-weight: 600;
5514
  margin-bottom: 5px;
5515
}
311 geraldo 5516
 
1 www 5517
.bx-info h5 {
5518
  color: #000000;
5519
  font-size: 14px;
5520
  font-weight: 600;
5521
  margin: 0;
5522
  padding: 0;
5523
  border: 0;
5524
}
311 geraldo 5525
 
1 www 5526
.pd-left-20 {
5527
  padding-left: 20px;
5528
  padding-right: 0;
5529
}
311 geraldo 5530
 
1 www 5531
.pd-left-15 {
5532
  padding-left: 15px;
5533
  padding-right: 0;
5534
}
311 geraldo 5535
 
1 www 5536
.pd-left-right {
5537
  padding-left: 15px;
5538
  padding-right: 20px;
5539
}
311 geraldo 5540
 
5541
.profile-bx-info>p {
1 www 5542
  float: left;
5543
  width: 100%;
5544
  font-size: 14px;
5545
  line-height: 20px;
5546
  padding-top: 5px;
5547
}
5548
 
5549
/* =========== pro-work-status ========= */
5550
 
5551
.pro-work-status {
5552
  float: left;
5553
  width: 100%;
5554
  padding: 0 15px;
5555
}
311 geraldo 5556
 
1 www 5557
.pro-work-status h4 {
5558
  color: #000000;
5559
  font-size: 18px;
5560
  font-weight: 600;
5561
  margin-bottom: 50px;
5562
}
5563
 
5564
/* ============== messages-page ============== */
5565
 
5566
.messages-page {
5567
  padding: 60px 0;
5568
}
311 geraldo 5569
 
1 www 5570
.messages-sec {
5571
  float: left;
5572
  width: 100%;
5573
}
311 geraldo 5574
 
1 www 5575
.msgs-list {
5576
  float: left;
5577
  width: 100%;
5578
  background-color: #fff;
5579
  border-left: 1px solid #e4e4e4;
5580
  border-bottom: 1px solid #e4e4e4;
5581
  border-right: 1px solid #e4e4e4;
5582
}
311 geraldo 5583
 
1 www 5584
.msg-title {
5585
  float: left;
5586
  width: 100%;
5587
  padding: 36px 20px;
5588
}
311 geraldo 5589
 
5590
.msg-title>h3 {
1 www 5591
  color: #000000;
5592
  font-size: 18px;
5593
  font-weight: 600;
5594
  float: left;
5595
}
311 geraldo 5596
 
5597
.msg-title>ul {
1 www 5598
  float: right;
5599
  position: relative;
5600
  top: 1px;
5601
}
311 geraldo 5602
 
1 www 5603
.msg-title ul li {
5604
  display: inline-block;
5605
  margin-right: 15px;
5606
}
311 geraldo 5607
 
1 www 5608
.msg-title ul li:last-child {
5609
  margin-right: 0;
5610
}
311 geraldo 5611
 
1 www 5612
.msg-title ul li a {
5613
  color: #b2b2b2;
5614
  font-size: 18px;
5615
}
311 geraldo 5616
 
1 www 5617
.messages-list {
5618
  float: left;
5619
  width: 100%;
5620
}
311 geraldo 5621
 
1 www 5622
.messages-list ul {
5623
  float: left;
5624
  width: 100%;
5625
}
311 geraldo 5626
 
1 www 5627
.messages-list ul li {
5628
  float: left;
5629
  width: 100%;
5630
  padding: 20px;
5631
  border-bottom: 1px solid #eeeeee;
5632
  cursor: pointer;
5633
}
311 geraldo 5634
 
1 www 5635
.messages-list ul li.active {
5636
  background-color: #efefef;
5637
}
311 geraldo 5638
 
1 www 5639
.usr-msg-details {
5640
  float: left;
5641
  position: relative;
5642
  width: 100%;
5643
}
311 geraldo 5644
 
1 www 5645
.usr-ms-img {
5646
  float: left;
5647
  width: 50px;
5648
  position: relative;
5649
}
311 geraldo 5650
 
1 www 5651
.msg-status {
5652
  -webkit-border-radius: 100px;
5653
  -moz-border-radius: 100px;
5654
  -ms-border-radius: 100px;
5655
  -o-border-radius: 100px;
5656
  border-radius: 100px;
5657
  background-color: #e44d3a;
5658
  position: absolute;
5659
  top: -3px;
5660
  right: 0;
5661
  width: 6px;
5662
  height: 6px;
5663
}
311 geraldo 5664
 
1 www 5665
.messages-list ul li.active .msg-status {
5666
  border: 2px solid #ecf5fb;
5667
  height: 10px;
5668
  width: 10px;
5669
}
311 geraldo 5670
 
1 www 5671
.msg-notifc {
5672
  position: absolute;
5673
  bottom: 0;
5674
  right: 0;
5675
  width: 25px;
5676
  height: 25px;
5677
  -webkit-border-radius: 100px;
5678
  -moz-border-radius: 100px;
5679
  -ms-border-radius: 100px;
5680
  -o-border-radius: 100px;
5681
  border-radius: 100px;
5682
  background-color: #e77667;
5683
  text-align: center;
5684
  line-height: 25px;
5685
  font-size: 13px;
5686
  color: #fff;
5687
}
311 geraldo 5688
 
1 www 5689
.usr-ms-img img {
5690
  width: 100%;
5691
  -webkit-border-radius: 100px;
5692
  -moz-border-radius: 100px;
5693
  -ms-border-radius: 100px;
5694
  -o-border-radius: 100px;
5695
  border-radius: 100px;
5696
}
311 geraldo 5697
 
1 www 5698
.usr-mg-info {
5699
  float: left;
5700
  padding-left: 13px;
5701
  margin-top: 4px;
5702
}
311 geraldo 5703
 
1 www 5704
.usr-mg-info h3 {
5705
  color: #000000;
5706
  font-size: 18px;
5707
  font-weight: 600;
5708
}
311 geraldo 5709
 
1 www 5710
.usr-mg-info p {
5711
  color: #686868;
5712
  font-size: 16px;
5713
}
311 geraldo 5714
 
1 www 5715
.usr-mg-info p img {
5716
  float: right;
5717
  position: relative;
5718
  top: 5px;
5719
  padding-left: 5px;
5720
}
311 geraldo 5721
 
1 www 5722
.posted_time {
5723
  position: absolute;
5724
  top: 2px;
5725
  right: 0;
5726
  color: #b2b2b2;
5727
  font-size: 14px;
5728
}
5729
 
5730
/* =============== main-message-box ============= */
5731
 
5732
.main-conversation-box {
5733
  float: left;
5734
  width: 100%;
5735
  background-color: #fff;
5736
  position: relative;
5737
  border-right: 1px solid #e4e4e4;
5738
  border-bottom: 1px solid #e4e4e4;
5739
}
311 geraldo 5740
 
1 www 5741
.message-bar-head {
5742
  float: left;
5743
  width: 100%;
5744
  background-color: rgba(255, 255, 255, 0.95);
5745
  padding: 20px;
5746
  border-bottom: 1px solid #eaeaea;
5747
  position: absolute;
5748
  top: 0;
5749
  left: 0;
5750
  z-index: 11;
5751
}
311 geraldo 5752
 
1 www 5753
.message-bar-head .usr-msg-details {
5754
  float: left;
5755
  width: auto;
5756
}
311 geraldo 5757
 
5758
.message-bar-head>a {
1 www 5759
  float: right;
5760
  color: #b2b2b2;
5761
  font-size: 20px;
5762
  padding-top: 15px;
5763
}
311 geraldo 5764
 
1 www 5765
.main-message-box {
5766
  float: left;
5767
  width: 100%;
5768
  position: relative;
5769
  margin-bottom: 15.5px;
5770
}
311 geraldo 5771
 
1 www 5772
.messg-usr-img {
5773
  position: absolute;
5774
  bottom: 25px;
5775
  left: 20px;
5776
  width: 50px;
5777
}
311 geraldo 5778
 
1 www 5779
.messg-usr-img img {
5780
  width: 100%;
5781
  -webkit-border-radius: 100px;
5782
  -moz-border-radius: 100px;
5783
  -ms-border-radius: 100px;
5784
  -o-border-radius: 100px;
5785
  border-radius: 100px;
5786
}
311 geraldo 5787
 
1 www 5788
.message-dt {
5789
  float: left;
5790
  width: auto;
5791
  padding-left: 85px;
5792
}
311 geraldo 5793
 
1 www 5794
.main-message-box.ta-right {
5795
  float: right;
5796
}
311 geraldo 5797
 
1 www 5798
.main-message-box.ta-right .messg-usr-img {
5799
  left: auto;
5800
  right: 20px;
5801
  bottom: 25px;
5802
}
311 geraldo 5803
 
1 www 5804
.main-message-box.ta-right .message-dt {
5805
  padding-left: 0;
5806
  padding-right: 85px;
5807
}
311 geraldo 5808
 
5809
.main-message-box.ta-right .message-dt>span {
1 www 5810
  float: right;
5811
  width: auto;
5812
}
311 geraldo 5813
 
1 www 5814
.message-inner-dt {
5815
  float: left;
5816
  -webkit-border-radius: 15px;
5817
  -moz-border-radius: 15px;
5818
  -ms-border-radius: 15px;
5819
  -o-border-radius: 15px;
5820
  border-radius: 15px;
5821
  width: 100%;
5822
}
311 geraldo 5823
 
1 www 5824
.img-bx {
5825
  background-color: #efefef;
5826
  padding: 20px;
5827
}
311 geraldo 5828
 
5829
.message-inner-dt>img {
1 www 5830
  display: inline-block;
5831
  width: auto;
5832
  margin-right: 5px;
5833
}
311 geraldo 5834
 
5835
.message-dt>span {
1 www 5836
  color: #b2b2b2;
5837
  font-size: 14px;
5838
  float: left;
5839
  width: 100%;
5840
  margin-top: 7px;
5841
}
311 geraldo 5842
 
5843
.message-inner-dt>p {
1 www 5844
  float: right;
5845
  width: 60%;
5846
  background-color: #e44d3a;
5847
  font-size: 14px;
5848
  line-height: 22px;
5849
  padding: 10px 35px 10px 35px;
5850
  color: #fff;
5851
  -webkit-border-radius: 15px;
5852
  -moz-border-radius: 15px;
5853
  -ms-border-radius: 15px;
5854
  -o-border-radius: 15px;
5855
  border-radius: 15px;
5856
}
311 geraldo 5857
 
5858
.message-dt.st3 .message-inner-dt>p {
1 www 5859
  background-color: #efefef;
5860
  color: #686868;
5861
  width: auto;
5862
  padding: 10px 15px;
5863
  float: left;
5864
}
311 geraldo 5865
 
5866
.message-dt.st3 .message-inner-dt>p img {
1 www 5867
  float: right;
5868
  position: relative;
5869
  top: 3px;
5870
  padding-left: 5px;
5871
}
311 geraldo 5872
 
1 www 5873
.main-message-box.st3 .messg-usr-img {
5874
  bottom: 13px;
5875
}
311 geraldo 5876
 
1 www 5877
.messages-line {
5878
  float: left;
5879
  width: 100%;
5880
  height: 604px;
5881
}
5882
 
5883
/* ============== message-send-area ============ */
5884
 
5885
.message-send-area {
5886
  float: left;
5887
  width: 100%;
5888
  background-color: #f3f5f7;
5889
  padding: 25px 20px 15px 20px;
5890
  border: 1px solid #eeeeee;
5891
}
311 geraldo 5892
 
1 www 5893
.message-send-area form {
5894
  float: left;
5895
  width: 100%;
5896
}
311 geraldo 5897
 
1 www 5898
.mf-field {
5899
  float: left;
5900
  width: 100%;
5901
}
311 geraldo 5902
 
1 www 5903
.mf-field input {
5904
  float: left;
5905
  width: 80%;
5906
  background-color: #fff;
5907
  color: #b2b2b2;
5908
  font-size: 16px;
5909
  padding: 0 15px;
5910
  border: 1px solid #e6e6e6;
5911
  height: 45px;
5912
}
311 geraldo 5913
 
1 www 5914
.mf-field button {
5915
  float: left;
5916
  width: 17%;
5917
  background-color: #e44d3a;
5918
  height: 45px;
5919
  text-align: center;
5920
  color: #fff;
5921
  font-weight: 600;
5922
  border: 0;
5923
  margin-left: 15px;
5924
  cursor: pointer;
5925
}
311 geraldo 5926
 
5927
.message-send-area form>ul {
1 www 5928
  float: left;
5929
  width: 100%;
5930
  margin-top: 15px;
5931
}
311 geraldo 5932
 
5933
.message-send-area form>ul li {
1 www 5934
  display: inline-block;
5935
  margin-right: 20px;
5936
}
311 geraldo 5937
 
5938
.message-send-area form>ul li a {
1 www 5939
  color: #b2b2b2;
5940
  font-size: 18px;
5941
}
5942
 
5943
/* ============== forum-links ============= */
5944
 
5945
.forum-sec {
5946
  background-color: #fff;
5947
}
311 geraldo 5948
 
1 www 5949
.forum-links {
5950
  float: left;
5951
  width: 100%;
5952
}
311 geraldo 5953
 
1 www 5954
.forum-links.active {
5955
  opacity: 1;
5956
  visibility: visible;
5957
  z-index: 9999;
5958
}
311 geraldo 5959
 
1 www 5960
.forum-links ul li {
5961
  display: inline-block;
5962
  padding: 20px 0;
5963
  margin-right: 45px;
5964
  border-bottom: 2px solid transparent;
5965
}
311 geraldo 5966
 
1 www 5967
.forum-links ul li.active {
5968
  border-color: #e44d3a;
5969
}
311 geraldo 5970
 
1 www 5971
.forum-links ul li.active a {
5972
  color: #e44d3a;
5973
}
311 geraldo 5974
 
1 www 5975
.forum-links ul li a {
5976
  display: inline-block;
5977
  color: #b2b2b2;
5978
  font-size: 14px;
5979
  font-weight: 600;
5980
}
311 geraldo 5981
 
1 www 5982
.forum-links-btn {
5983
  float: left;
5984
  width: 100%;
5985
  text-align: center;
5986
  display: none;
5987
  padding: 20px 0;
5988
}
311 geraldo 5989
 
1 www 5990
.forum-links-btn a {
5991
  color: #000;
5992
  font-size: 30px;
5993
  display: inline-block;
5994
}
5995
 
5996
/* ================ forum-page =============== */
5997
 
5998
.forum-page {
5999
  padding: 50px 0;
6000
}
311 geraldo 6001
 
1 www 6002
.forum-questions-sec {
6003
  float: left;
6004
  width: 100%;
6005
}
311 geraldo 6006
 
1 www 6007
.forum-questions {
6008
  float: left;
6009
  width: 100%;
6010
  background-color: #fff;
6011
}
311 geraldo 6012
 
1 www 6013
.usr-question {
6014
  float: left;
6015
  width: 100%;
6016
  position: relative;
6017
  padding: 25px;
6018
  border-bottom: 1px solid #e5e5e5;
6019
}
311 geraldo 6020
 
1 www 6021
.usr_img {
6022
  float: left;
6023
  width: 60px;
6024
}
311 geraldo 6025
 
1 www 6026
.usr_img img {
6027
  width: 100%;
6028
  -webkit-border-radius: 100px;
6029
  -moz-border-radius: 100px;
6030
  -ms-border-radius: 100px;
6031
  -o-border-radius: 100px;
6032
  border-radius: 100px;
6033
}
311 geraldo 6034
 
1 www 6035
.usr_quest {
6036
  float: left;
6037
  width: 90%;
6038
  padding-left: 15px;
6039
}
311 geraldo 6040
 
6041
.usr_quest>h3 {
1 www 6042
  color: #000000;
6043
  font-size: 17px;
6044
  font-weight: 600;
6045
  margin-bottom: 20px;
6046
}
311 geraldo 6047
 
6048
.forum-post-view .usr_quest>h3 {
1 www 6049
  margin-bottom: 10px;
6050
}
311 geraldo 6051
 
1 www 6052
.react-links {
6053
  float: left;
6054
  width: 100%;
6055
}
311 geraldo 6056
 
1 www 6057
.react-links li {
6058
  display: inline-block;
6059
  margin-right: 30px;
6060
}
311 geraldo 6061
 
1 www 6062
.react-links li a {
6063
  display: inline-block;
6064
  color: #b2b2b2;
6065
  font-size: 14px;
6066
  font-weight: 600;
6067
}
311 geraldo 6068
 
1 www 6069
.react-links li a:hover {
6070
  color: #e44d3a;
6071
}
311 geraldo 6072
 
1 www 6073
.react-links li a i {
6074
  padding-right: 7px;
6075
}
311 geraldo 6076
 
1 www 6077
.react-links li:last-child {
6078
  margin-right: 0;
6079
}
6080
 
6081
/* ============= quest-tags ============ */
6082
 
6083
.quest-tags {
6084
  float: left;
6085
  width: 100%;
6086
  margin-top: 20px;
6087
}
311 geraldo 6088
 
1 www 6089
.quest-tags li {
6090
  display: inline-block;
6091
  margin-right: 10px;
6092
}
311 geraldo 6093
 
1 www 6094
.quest-tags li a {
6095
  display: inline-block;
6096
  color: #ffffff;
6097
  background-color: #53d690;
6098
  -webkit-border-radius: 3px;
6099
  -moz-border-radius: 3px;
6100
  -ms-border-radius: 3px;
6101
  -o-border-radius: 3px;
6102
  border-radius: 3px;
6103
  padding: 7px 25px;
6104
}
311 geraldo 6105
 
1 www 6106
.quest-posted-time {
6107
  position: absolute;
6108
  bottom: 30px;
6109
  right: 20px;
6110
  color: #b2b2b2;
6111
  font-size: 14px;
6112
}
311 geraldo 6113
 
1 www 6114
.quest-posted-time i {
6115
  padding-right: 5px;
6116
}
311 geraldo 6117
 
1 www 6118
.pd-right-none {
6119
  padding-right: 0;
6120
}
311 geraldo 6121
 
1 www 6122
/* =========== navigation ============ */
6123
 
6124
.pagination {
6125
  float: left;
6126
  width: 100%;
6127
  /* background-color: #fff; */
6128
  padding: 13px 25px;
6129
}
311 geraldo 6130
 
1 www 6131
.full-pagi {
6132
  float: left;
6133
  width: 100%;
6134
  padding-right: 0;
6135
  text-align: inherit;
6136
  margin-top: 20px;
6137
}
311 geraldo 6138
 
1 www 6139
.pagination li {
6140
  padding: 0;
6141
  margin-right: 10px;
6142
}
311 geraldo 6143
 
1 www 6144
.pagination li .page-link {
6145
  /* background-color: #e5e5e5; */
6146
  color: #b2b2b2;
6147
}
311 geraldo 6148
 
1 www 6149
.pagination li .page-link.active {
6150
  background-color: #e44d3a;
6151
  color: #fff;
6152
  border-color: transparent;
6153
}
311 geraldo 6154
 
1 www 6155
.pvr {
6156
  padding: 0.5rem 30px;
6157
}
6158
 
6159
/* ============ User Widget =========== */
6160
 
6161
.title-wd {
6162
  float: left;
6163
  width: 100%;
6164
  color: #000000;
6165
  font-size: 18px;
6166
  font-weight: 600;
6167
  border-bottom: 1px solid #e5e5e5;
6168
  padding: 25px 20px;
6169
}
311 geraldo 6170
 
1 www 6171
.widget-user ul {
6172
  float: left;
6173
  width: 100%;
6174
  padding: 15px 0;
6175
}
311 geraldo 6176
 
1 www 6177
.widget-user ul li {
6178
  float: left;
6179
  width: 100%;
6180
  padding: 15px 20px;
6181
}
311 geraldo 6182
 
1 www 6183
.widget-user ul li .usr-msg-details {
6184
  float: left;
6185
  width: auto;
6186
}
311 geraldo 6187
 
1 www 6188
.widget-user ul li .usr-ms-img {
6189
  width: 35px;
6190
}
311 geraldo 6191
 
1 www 6192
.widget-user ul li .usr-mg-info h3 {
6193
  font-size: 14px;
6194
}
311 geraldo 6195
 
1 www 6196
.widget-user ul li .usr-mg-info p {
6197
  font-size: 12px;
6198
}
311 geraldo 6199
 
6200
.widget-user ul li>span {
1 www 6201
  color: #686868;
6202
  font-size: 16px;
6203
  float: right;
6204
  margin-top: 10px;
6205
}
311 geraldo 6206
 
6207
.widget-user ul li>span img {
1 www 6208
  padding-right: 5px;
6209
}
6210
 
6211
/* ============== widget-adver ============ */
6212
 
6213
.widget-adver img {
6214
  width: 100%;
6215
}
6216
 
6217
/* ============ forum-post-view ============ */
6218
 
6219
.forum-post-view {
6220
  float: left;
6221
  width: 100%;
6222
  background-color: #fff;
6223
  padding: 25px 25px 0 25px;
6224
  border-bottom: 1px solid #e5e5e5;
6225
}
311 geraldo 6226
 
1 www 6227
.forum-post-view .usr-question {
6228
  border-bottom: 0;
6229
  padding: 0;
6230
}
311 geraldo 6231
 
1 www 6232
.forum-post-view .usr_quest span {
6233
  color: #b2b2b2;
6234
  font-size: 14px;
6235
  display: inline-block;
6236
  margin-bottom: 20px;
6237
}
311 geraldo 6238
 
1 www 6239
.forum-post-view .usr_quest span i {
6240
  padding-right: 7px;
6241
}
311 geraldo 6242
 
1 www 6243
.forum-post-view .quest-tags {
6244
  margin-bottom: 30px;
6245
}
311 geraldo 6246
 
6247
.forum-post-view .usr_quest>p {
1 www 6248
  float: left;
6249
  width: 100%;
6250
  color: #686868;
6251
  font-size: 14px;
6252
  line-height: 24px;
6253
  margin-bottom: 40px;
6254
}
311 geraldo 6255
 
1 www 6256
.forum-post-view .comment-section {
6257
  padding: 0;
6258
}
311 geraldo 6259
 
6260
.forum-post-view .comment-section>h3 {
1 www 6261
  float: left;
6262
  width: 100%;
6263
  color: #000000;
6264
  font-size: 18px;
6265
  font-weight: 600;
6266
  border-bottom: 1px solid #e5e5e5;
6267
  padding-bottom: 15px;
6268
}
311 geraldo 6269
 
1 www 6270
.forum-post-view .comment-sec ul li {
6271
  border-bottom: 1px solid #e5e5e5;
6272
  padding: 23px 0;
6273
}
311 geraldo 6274
 
1 www 6275
.forum-post-view .comment span {
6276
  margin-bottom: 10px;
6277
}
311 geraldo 6278
 
1 www 6279
.forum-post-view .comment-list {
6280
  padding-bottom: 0;
6281
  margin-bottom: -4px;
6282
}
311 geraldo 6283
 
1 www 6284
.forum-post-view .comment p {
6285
  margin: 0;
6286
  margin-top: 5px;
6287
}
311 geraldo 6288
 
1 www 6289
.forum-post-view .comment h3 {
6290
  margin-bottom: 9px;
6291
}
311 geraldo 6292
 
1 www 6293
.forum-post-view .comment-sec ul li:last-child {
6294
  border-bottom: 0;
6295
}
6296
 
6297
/* =============== post-comment-box ============= */
6298
 
6299
.post-comment-box {
6300
  float: left;
6301
  width: 100%;
6302
  padding: 20px;
6303
  background-color: #fff;
6304
}
311 geraldo 6305
 
1 www 6306
.post-comment-box h3 {
6307
  float: left;
6308
  width: 100%;
6309
  color: #000000;
6310
  font-size: 18px;
6311
  font-weight: 600;
6312
  margin-bottom: 30px;
6313
}
311 geraldo 6314
 
1 www 6315
.user-poster {
6316
  float: left;
6317
  width: 100%;
6318
}
311 geraldo 6319
 
1 www 6320
.usr-post-img {
6321
  float: left;
6322
  width: 50px;
6323
  margin-right: 15px;
6324
}
311 geraldo 6325
 
1 www 6326
.usr-post-img img {
6327
  width: 100%;
6328
  -webkit-border-radius: 100px;
6329
  -moz-border-radius: 100px;
6330
  -ms-border-radius: 100px;
6331
  -o-border-radius: 100px;
6332
  border-radius: 100px;
6333
}
311 geraldo 6334
 
1 www 6335
.post_comment_sec {
6336
  float: left;
6337
  width: 90%;
6338
}
311 geraldo 6339
 
1 www 6340
.post_comment_sec form {
6341
  float: left;
6342
  width: 100%;
6343
}
311 geraldo 6344
 
1 www 6345
.post_comment_sec form textarea {
6346
  float: left;
6347
  width: 100%;
6348
  height: 130px;
6349
  border: 1px solid #dce2eb;
6350
  padding: 15px;
6351
  resize: none;
6352
}
311 geraldo 6353
 
1 www 6354
.post_comment_sec form button {
6355
  color: #ffffff;
6356
  font-size: 14px;
6357
  background-color: #e44d3a;
6358
  padding: 10px 25px;
6359
  border: 0;
6360
  font-weight: 600;
6361
  margin-top: 20px;
6362
  cursor: pointer;
6363
}
6364
 
6365
/* ======== next-prev ========*/
6366
 
6367
.next-prev {
6368
  float: left;
6369
  width: 100%;
6370
  background-color: #fff;
6371
  margin-top: 20px;
6372
  padding: 12px 25px;
6373
}
311 geraldo 6374
 
6375
.next-prev>a {
1 www 6376
  width: 90px;
6377
  height: 35px;
6378
  text-align: center;
6379
  line-height: 35px;
6380
  color: #b2b2b2;
6381
  font-size: 14px;
6382
  background-color: #e5e5e5;
6383
}
311 geraldo 6384
 
6385
.next-prev>a:hover {
1 www 6386
  color: #fff;
6387
  background-color: #e44d3a;
6388
}
311 geraldo 6389
 
1 www 6390
.fl-left {
6391
  float: left;
6392
}
311 geraldo 6393
 
1 www 6394
.fl-right {
6395
  float: right;
6396
}
6397
 
6398
/* ========== widget-feat ========= */
6399
 
6400
.widget-feat {
6401
  padding: 25px 20px;
6402
}
311 geraldo 6403
 
1 www 6404
.widget-feat ul {
6405
  float: left;
6406
  width: 100%;
6407
}
311 geraldo 6408
 
1 www 6409
.widget-feat ul li {
6410
  float: left;
6411
  width: 25%;
6412
  text-align: center;
6413
}
311 geraldo 6414
 
1 www 6415
.widget-feat ul li i {
6416
  display: block;
6417
  font-size: 18px;
6418
  margin-bottom: 9px;
6419
}
311 geraldo 6420
 
1 www 6421
.widget-feat ul li span {
6422
  display: block;
6423
  color: #686868;
6424
  font-size: 16px;
6425
  font-weight: 500;
6426
}
311 geraldo 6427
 
1 www 6428
.widget-feat ul li i.fa-heart {
6429
  color: #53d690;
6430
}
311 geraldo 6431
 
1 www 6432
.widget-feat ul li i.fa-comment {
6433
  color: #e44d3a;
6434
}
311 geraldo 6435
 
1 www 6436
.widget-feat ul li i.fa-share-alt {
6437
  color: #51a5fb;
6438
}
311 geraldo 6439
 
1 www 6440
.widget-feat ul li i.fa-eye {
6441
  color: #00b540;
6442
}
6443
 
6444
/* =============== ANIMATION LOADER =============== */
6445
 
6446
.spinner {
6447
  margin: 0 auto 0;
6448
  width: 80px;
6449
  text-align: center;
6450
  height: 80px;
6451
  border-radius: 100px;
6452
  background-color: #fff;
6453
  line-height: 80px;
6454
  border: 1px solid #e1e1e1;
6455
  cursor: pointer;
6456
}
6457
 
311 geraldo 6458
.spinner>div {
1 www 6459
  width: 15px;
6460
  height: 15px;
6461
  background-color: #b9b9b9;
6462
 
6463
  border-radius: 100%;
6464
  display: inline-block;
6465
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6466
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6467
}
6468
 
6469
.spinner .bounce1 {
6470
  -webkit-animation-delay: -0.32s;
6471
  animation-delay: -0.32s;
6472
}
6473
 
6474
.spinner .bounce2 {
6475
  -webkit-animation-delay: -0.16s;
6476
  animation-delay: -0.16s;
6477
}
6478
 
6479
@-webkit-keyframes sk-bouncedelay {
311 geraldo 6480
 
1 www 6481
  0%,
6482
  80%,
6483
  100% {
6484
    -webkit-transform: scale(0);
6485
  }
311 geraldo 6486
 
1 www 6487
  40% {
6488
    -webkit-transform: scale(1);
6489
  }
6490
}
6491
 
6492
@keyframes sk-bouncedelay {
311 geraldo 6493
 
1 www 6494
  0%,
6495
  80%,
6496
  100% {
6497
    -webkit-transform: scale(0);
6498
    transform: scale(0);
6499
  }
311 geraldo 6500
 
1 www 6501
  40% {
6502
    -webkit-transform: scale(1);
6503
    transform: scale(1);
6504
  }
6505
}
6506
 
6507
.wordpressdevlp {
6508
  background-color: #fff;
6509
}
311 geraldo 6510
 
1 www 6511
.bgclr {
6512
  background-color: #fff;
6513
  margin-bottom: 15px;
6514
}
311 geraldo 6515
 
1 www 6516
.cadidatesbtn {
6517
  position: absolute;
6518
  left: 0;
6519
  padding-top: 5px;
6520
}
311 geraldo 6521
 
1 www 6522
.cadidatesbtn button {
6523
  background-color: #e44d3a;
6524
  border: none;
6525
  margin-top: -3px;
6526
}
311 geraldo 6527
 
1 www 6528
.cadidatesbtn button:hover {
6529
  background-color: #e44d3a;
6530
}
311 geraldo 6531
 
1 www 6532
.cadidatesbtn span {
6533
  background-color: #bd2e1c;
6534
  color: #fff;
6535
  margin-right: 10px;
6536
  padding: 0.25em 0.5em;
6537
  font-weight: 600;
6538
  font-size: 12px;
6539
}
311 geraldo 6540
 
1 www 6541
.wordpressdevlp i {
6542
  color: #e86554;
6543
  font-size: 18px;
6544
  font-weight: bold;
6545
  padding-right: 5px;
6546
}
311 geraldo 6547
 
1 www 6548
.wordpressdevlp h2 {
6549
  font-size: 18px;
6550
  font-weight: 600;
6551
}
311 geraldo 6552
 
1 www 6553
.cadidatesbtn i {
6554
  color: #b2b2b2;
6555
  border: 1px solid #b2b2b2;
6556
  font-size: 14px;
6557
  text-align: center;
6558
  margin-left: 7px;
6559
  border-radius: 3px;
6560
  padding: 10px;
6561
}
311 geraldo 6562
 
1 www 6563
.cadidatesbtn i:hover {
6564
  background-color: #e44d3a;
6565
  color: #fff;
6566
  border: 1px solid #e44d3a;
6567
}
311 geraldo 6568
 
1 www 6569
.inner {
6570
  border-bottom: 2px solid #e5e5e5;
6571
  padding-bottom: 10px;
6572
}
311 geraldo 6573
 
1 www 6574
.inner li a:hover {
6575
  color: #e44d3a;
6576
  border-bottom: 2px solid #e44d3a;
6577
  padding-bottom: 9px;
6578
}
311 geraldo 6579
 
1 www 6580
.inner li a {
6581
  color: #000000;
6582
}
311 geraldo 6583
 
1 www 6584
.posttext {
6585
  position: absolute;
6586
  left: 0;
6587
}
311 geraldo 6588
 
1 www 6589
.deatile h3 {
6590
  font-size: 14px;
6591
  font-weight: bold;
6592
  padding-bottom: 5px;
6593
}
311 geraldo 6594
 
1 www 6595
.clrbtn a {
6596
  background-color: #e44d3a;
6597
  color: #fff;
6598
  padding: 5px 10px 5px 10px;
6599
  margin-right: 15px;
6600
}
311 geraldo 6601
 
1 www 6602
.transpairentbtn a {
6603
  color: #222;
6604
  border: 2px solid #f1f1f1;
6605
  padding: 5px 10px 5px 10px;
6606
}
311 geraldo 6607
 
1 www 6608
.savetext h3 {
6609
  font-size: 14px;
6610
  font-weight: bold;
6611
  padding-bottom: 5px;
6612
}
311 geraldo 6613
 
1 www 6614
.devepbtn .clrbtn {
6615
  padding: 7px 20px;
6616
}
311 geraldo 6617
 
1 www 6618
.devepbtn a {
6619
  color: #666666;
6620
  border: 1px solid #b2b2b2;
6621
  padding: 7px 10px 7px 10px;
6622
  border-radius: 3px;
6623
  margin-right: 5px;
6624
}
311 geraldo 6625
 
1 www 6626
.devepbtn a:hover i {
6627
  color: #fff;
6628
}
311 geraldo 6629
 
1 www 6630
.devepbtn a:hover {
6631
  background-color: #e44d3a;
6632
  color: #fff;
6633
}
311 geraldo 6634
 
1 www 6635
.rew-reply hr {
6636
  margin-left: -20px;
6637
  margin-right: -20px;
6638
}
311 geraldo 6639
 
1 www 6640
.rew-reply p {
6641
  padding-left: 20px;
6642
}
311 geraldo 6643
 
1 www 6644
.rew-reply ul {
6645
  padding-left: 20px;
6646
}
311 geraldo 6647
 
1 www 6648
.devepbtn {
6649
  margin-top: 30px;
6650
  padding-left: 20px;
6651
}
311 geraldo 6652
 
1 www 6653
.rep-thanks hr {
6654
  margin-right: -20px;
6655
  margin-left: -20px;
6656
}
311 geraldo 6657
 
1 www 6658
.profilecnd {
6659
  margin-bottom: 0px;
6660
}
311 geraldo 6661
 
1 www 6662
.devepbtn i {
6663
  color: #b2b2b2;
6664
  font-size: 14px;
6665
}
311 geraldo 6666
 
1 www 6667
.appliedinfo {
6668
  padding-left: 0;
6669
  padding-top: 20px !important;
6670
  padding-bottom: 10px;
6671
}
311 geraldo 6672
 
1 www 6673
.epi2 {
6674
  padding: 0;
6675
}
311 geraldo 6676
 
1 www 6677
.review a {
6678
  line-height: 16px;
6679
  font-size: 14px;
6680
  text-decoration: none;
6681
  font-weight: 500;
6682
  margin-left: 15px;
6683
}
311 geraldo 6684
 
1 www 6685
.add-pic-box {
6686
  display: inline-block;
6687
  color: #e44d3a;
6688
  font-size: 16px;
6689
  position: absolute;
6690
  top: 30px;
6691
  right: 0;
6692
  font-weight: 600;
6693
  margin-right: 0;
6694
  width: 100%;
6695
}
6696
 
6697
.add-pic-box [type="file"] {
6698
  height: 0;
6699
  overflow: hidden;
6700
  width: 0;
6701
  float: left;
6702
}
6703
 
311 geraldo 6704
.add-pic-box [type="file"]+label {
1 www 6705
  background: #fff;
6706
  border: 2px solid #e44d3a;
6707
  border-radius: 3px;
6708
  color: #e44d3a;
6709
  cursor: pointer;
6710
  /* display: inline-block; */
6711
  font-size: 15px;
6712
  font-weight: 600;
6713
  outline: none;
6714
  padding: 12px 20px;
6715
  position: relative;
6716
  transition: all 0.3s;
6717
  vertical-align: middle;
6718
  margin: 0;
6719
  float: right;
6720
  text-transform: uppercase;
6721
}
311 geraldo 6722
 
6723
.add-pic-box [type="file"]+label:hover {
1 www 6724
  background: #e44d3a;
6725
  color: #fff;
6726
}
311 geraldo 6727
 
1 www 6728
.noreview li i {
6729
  color: #b2b2b2;
6730
}
311 geraldo 6731
 
1 www 6732
.review-tb {
6733
  margin: 0 0 10px;
6734
  padding-left: 20px;
6735
}
311 geraldo 6736
 
1 www 6737
.noreview ul li i {
6738
  color: #b2b2b2;
6739
}
311 geraldo 6740
 
1 www 6741
.mngdetl {
6742
  border-bottom: none;
6743
}
311 geraldo 6744
 
1 www 6745
.post-reply {
6746
  padding-top: 0;
6747
  padding-bottom: 0;
6748
}
311 geraldo 6749
 
1 www 6750
.activebidbtn i:hover {
6751
  background-color: #e44d3a;
6752
  color: #fff;
6753
  border: none;
6754
}
311 geraldo 6755
 
1 www 6756
.reviewtitle h2 {
6757
  font-size: 17px;
6758
  font-weight: 600;
6759
}
311 geraldo 6760
 
1 www 6761
.horiline {
6762
  width: 118%;
6763
  position: relative;
6764
  left: -40px;
6765
}
311 geraldo 6766
 
1 www 6767
.tahnks {
6768
  font-weight: 500;
6769
  margin-top: 5px;
6770
}
6771
 
6772
/*about-page*/
6773
.banner span {
6774
  position: absolute;
6775
  display: flex;
6776
  background-color: #222;
6777
  width: 100%;
6778
  opacity: 0.9;
6779
  justify-content: center;
6780
  padding: 10px;
6781
  margin-top: 0;
6782
  color: #fff;
6783
}
311 geraldo 6784
 
1 www 6785
.innertitle {
6786
  margin-top: 130px;
6787
}
311 geraldo 6788
 
1 www 6789
.Company-overview {
6790
  padding-bottom: 50px;
6791
}
311 geraldo 6792
 
1 www 6793
.bennertext {
6794
  position: absolute;
6795
  left: 20%;
6796
  right: 20%;
6797
  text-align: center;
6798
}
311 geraldo 6799
 
1 www 6800
.bannerimage img {
6801
  height: 100%;
6802
}
311 geraldo 6803
 
1 www 6804
.innertitle h2 {
6805
  color: #fff;
6806
  font-size: 30px;
6807
  line-height: 32px;
6808
  font-weight: 600;
6809
  margin-bottom: 20px;
6810
}
311 geraldo 6811
 
1 www 6812
.innertitle p {
6813
  color: #fff;
6814
  font-size: 16px;
6815
}
311 geraldo 6816
 
1 www 6817
.Company-overview h2 {
6818
  padding-top: 100px;
6819
  font-size: 24px;
6820
  font-weight: 600;
6821
  padding-bottom: 12px;
6822
}
311 geraldo 6823
 
1 www 6824
.Company-overview p {
6825
  font-size: 15px;
6826
  font-weight: 500;
6827
}
311 geraldo 6828
 
1 www 6829
.Company-overview img {
6830
  float: right;
6831
  padding-top: 25px;
6832
}
311 geraldo 6833
 
1 www 6834
.blog {
6835
  text-align: center;
6836
  display: inline-block;
6837
  margin-bottom: 50px;
6838
}
311 geraldo 6839
 
1 www 6840
.blog img {
6841
  padding-bottom: 30px;
6842
}
311 geraldo 6843
 
1 www 6844
.blog h2 {
6845
  font-size: 18px;
6846
  font-weight: 600;
6847
  padding-bottom: 30px;
6848
}
311 geraldo 6849
 
1 www 6850
.blog a {
6851
  background-color: #ff4500;
6852
  color: #fff;
6853
  padding: 7px 25px 7px 25px;
6854
  border-radius: 3px;
6855
  font-size: 16px;
6856
  font-weight: 500;
6857
}
311 geraldo 6858
 
1 www 6859
.services {
6860
  padding-top: 80px;
6861
  padding-bottom: 80px;
6862
}
311 geraldo 6863
 
1 www 6864
.video {
6865
  padding-bottom: 40px;
6866
}
311 geraldo 6867
 
1 www 6868
.search-container {
6869
  text-align: center;
6870
}
6871
 
6872
.search-container input[type="text"] {
6873
  padding: 6px 15px;
6874
  margin-top: 8px;
6875
  font-size: 17px;
6876
  border: none;
6877
  height: 50px;
6878
  width: 50%;
6879
  margin-bottom: 25px;
6880
  border-top-left-radius: 3px;
6881
  border-top-right-radius: 0px;
6882
  border-bottom-left-radius: 3px;
6883
  border-bottom-right-radius: 0px;
6884
}
311 geraldo 6885
 
1 www 6886
.searchtitle {
6887
  text-align: center;
6888
}
311 geraldo 6889
 
1 www 6890
.searchtitle h2 {
6891
  color: #fff;
6892
  font-size: 30px;
6893
  font-weight: 400;
6894
  padding-bottom: 10px;
6895
}
311 geraldo 6896
 
1 www 6897
.modal-header h3 {
6898
  font-size: 18px;
6899
}
311 geraldo 6900
 
1 www 6901
.search-container button {
6902
  padding: 8px 10px;
6903
  text-align: center;
6904
  margin-top: 8px;
6905
  margin-left: -3px;
6906
  margin-right: 18px;
6907
  background: #efefef;
6908
  font-size: 17px;
6909
  border: none;
6910
  cursor: pointer;
6911
  height: 50px;
6912
  width: 6%;
6913
  border-bottom-right-radius: 3px;
6914
  border-top-right-radius: 3px;
6915
}
311 geraldo 6916
 
1 www 6917
.topsearch i {
6918
  color: #e44d3a;
6919
}
311 geraldo 6920
 
1 www 6921
.dropdown-toggle::after {
6922
  position: absolute;
6923
  right: 15px;
6924
  color: #b2b2b2;
6925
  top: 7px;
6926
}
311 geraldo 6927
 
1 www 6928
.help-paddy {
6929
  padding: 0 !important;
6930
}
311 geraldo 6931
 
1 www 6932
.paddy {
6933
  padding: 20px;
6934
  float: left;
6935
}
311 geraldo 6936
 
1 www 6937
.dropdown-menu {
6938
  position: absolute;
6939
  top: 100%;
6940
  left: 0;
6941
  z-index: 1000;
6942
  display: none;
6943
  float: left;
6944
  min-width: 10rem;
6945
  padding: 0.5rem 0;
6946
  margin: 0.125rem 0 0;
6947
  font-size: 1rem;
6948
  color: #212529;
6949
  text-align: left;
6950
  list-style: none;
6951
  background-color: #fff;
6952
  width: 100%;
6953
  background-clip: padding-box;
6954
  border: none;
6955
  border-radius: 0.25rem;
6956
}
311 geraldo 6957
 
1 www 6958
.radio-form p {
6959
  display: -webkit-inline-box;
6960
}
311 geraldo 6961
 
1 www 6962
.dropdown a {
6963
  color: #000000;
6964
  font-size: 16px;
6965
  font-weight: 400;
6966
  padding: 0 20px;
6967
}
311 geraldo 6968
 
1 www 6969
.accountnone {
6970
  border: none;
6971
}
311 geraldo 6972
 
1 www 6973
.helpforum {
6974
  background-color: #fff;
6975
  padding: 15px 0;
6976
  box-shadow: 0px 2px #c6c6c6;
6977
}
311 geraldo 6978
 
1 www 6979
.helpforum h3 {
6980
  font-size: 18px;
6981
  font-weight: 600;
6982
}
311 geraldo 6983
 
1 www 6984
.helpforum a {
6985
  background-color: #e44d3a;
6986
  color: #fff;
6987
  padding: 10px 15px 10px 15px;
6988
  line-height: 4;
6989
  border-radius: 3px;
6990
}
311 geraldo 6991
 
1 www 6992
.helpforum p {
6993
  line-height: 3;
6994
}
311 geraldo 6995
 
1 www 6996
.actionstitle h3 {
6997
  font-size: 18px;
6998
  font-weight: 400;
6999
  color: #000;
7000
  padding-top: 30px;
7001
}
311 geraldo 7002
 
1 www 7003
.actionstitle img {
7004
  padding-right: 10px;
7005
}
311 geraldo 7006
 
1 www 7007
.actionstext a {
7008
  font-size: 16px;
7009
  font-weight: 500;
7010
  color: #e44d3a;
7011
  line-height: 2;
7012
  display: block;
7013
}
311 geraldo 7014
 
1 www 7015
.helpform {
7016
  text-align: center;
7017
  padding-top: 70px;
7018
}
311 geraldo 7019
 
1 www 7020
.helpform h3 {
7021
  font-size: 18px;
7022
  font-weight: 400;
7023
  color: #e44d3a;
7024
  margin-bottom: 10px;
7025
}
311 geraldo 7026
 
1 www 7027
.helpform a {
7028
  background-color: #e44d3a;
7029
  color: #fff;
7030
  padding: 10px 15px 10px 15px;
7031
  border-radius: 3px;
7032
}
311 geraldo 7033
 
1 www 7034
.helpform p {
7035
  margin-bottom: 30px;
7036
}
311 geraldo 7037
 
1 www 7038
.helpform img {
7039
  float: unset;
7040
  padding-bottom: 10px;
7041
}
311 geraldo 7042
 
1 www 7043
.bookingsideber h3 {
7044
  color: #000;
7045
}
311 geraldo 7046
 
1 www 7047
.bookingsideber h3:active {
7048
  color: #e44d3a;
7049
}
311 geraldo 7050
 
1 www 7051
.helpforum h4 {
7052
  font-size: 16px;
7053
  font-weight: 600;
7054
}
311 geraldo 7055
 
1 www 7056
.bloktext {
7057
  padding-left: 25px;
7058
}
311 geraldo 7059
 
1 www 7060
.privacy {
7061
  background-color: #fff;
7062
  height: 850px;
7063
}
311 geraldo 7064
 
1 www 7065
.privacydropd .dropdown-toggle::after {
7066
  float: right;
7067
  vertical-align: 0.255em;
7068
}
311 geraldo 7069
 
1 www 7070
/* .checkbox {
7071
} */
7072
.form-check {
7073
  padding-left: 0;
7074
}
311 geraldo 7075
 
1 www 7076
.btns a {
7077
  color: #000;
7078
  border: 1px solid #e5e5e5;
7079
  padding: 10px 25px 10px 25px;
7080
  margin-left: 15px;
7081
  border-radius: 5px;
7082
  font-weight: 600;
7083
}
311 geraldo 7084
 
1 www 7085
.btns {
7086
  padding-top: 20px;
7087
}
311 geraldo 7088
 
1 www 7089
.btns a:hover {
7090
  background-color: #e44d3a;
7091
  color: #fff;
7092
}
311 geraldo 7093
 
1 www 7094
.privacy h3 {
7095
  font-size: 18px;
7096
  font-weight: 600;
7097
  padding-top: 18px;
7098
  margin-bottom: 10px;
7099
}
311 geraldo 7100
 
1 www 7101
.privacy p {
7102
  padding-top: 0px;
7103
  display: inline-block;
7104
}
311 geraldo 7105
 
1 www 7106
.form-group {
7107
  margin-bottom: 1rem;
7108
  padding-top: 0px;
7109
}
311 geraldo 7110
 
1 www 7111
.privacy i {
7112
  float: right;
7113
  color: #e44d3a;
7114
  font-size: 20px;
7115
  font-weight: 600;
7116
}
311 geraldo 7117
 
1 www 7118
.dropdown-menu input {
7119
  margin-right: 10px;
7120
  margin-top: 15px;
7121
}
311 geraldo 7122
 
1 www 7123
.dropdown-menu a {
7124
  padding: 10px 0 10px 40px;
7125
  margin-bottom: 10px;
7126
}
311 geraldo 7127
 
1 www 7128
.dropdown-menu form {
7129
  margin-bottom: 10px;
7130
  margin-top: 10px;
7131
}
311 geraldo 7132
 
1 www 7133
.privacydropd p {
7134
  margin-left: 20px;
7135
  margin-top: 5px;
7136
}
311 geraldo 7137
 
1 www 7138
.privabtns {
7139
  margin-top: 20px;
7140
}
311 geraldo 7141
 
1 www 7142
.privabtns {
7143
  padding-bottom: 15px;
7144
}
311 geraldo 7145
 
1 www 7146
.privabtns a {
7147
  margin-right: 15px;
7148
  padding: 8px 25px;
7149
  color: #000000;
7150
  border: 1px solid #e5e5e5;
7151
}
311 geraldo 7152
 
1 www 7153
.privabtns a:hover {
7154
  color: #fff;
7155
  background-color: #e44d3a;
7156
}
311 geraldo 7157
 
1 www 7158
.privac {
7159
  background-color: #fff;
7160
  height: 560px;
7161
  padding-top: 20px;
7162
}
311 geraldo 7163
 
1 www 7164
.privac h3 {
7165
  font-size: 18px;
7166
  font-weight: 600;
7167
}
311 geraldo 7168
 
1 www 7169
.bids-detail ul {
7170
  display: -webkit-inline-box;
7171
}
311 geraldo 7172
 
1 www 7173
.bids-detail ul li {
7174
  margin-right: 30px;
7175
}
311 geraldo 7176
 
1 www 7177
.bids-detail h3 {
7178
  font-size: 16px;
7179
  font-weight: 400;
7180
}
311 geraldo 7181
 
1 www 7182
.bids-detail {
7183
  background-color: #fff;
7184
  padding: 20px;
7185
  margin-bottom: 25px;
7186
  box-shadow: 0px 2px #e4e4e4;
7187
}
311 geraldo 7188
 
1 www 7189
.dropdown-menu.show {
7190
  display: contents;
7191
}
311 geraldo 7192
 
1 www 7193
.postpaid:checked:after {
7194
  content: "\f17b";
7195
  font: normal normal normal 16px/1 "LineAwesome";
7196
  font-weight: 600;
7197
  border: 1px solid #fff;
7198
  color: #ffffff;
7199
  text-align: center;
7200
  font-size: 12px;
7201
  width: 100%;
7202
  height: 100%;
7203
  background: #e44d3a;
7204
  display: block;
7205
  border-radius: 50%;
7206
  padding-top: 3px;
7207
}
311 geraldo 7208
 
1 www 7209
.postpaid:focus {
7210
  border: 1px solid #fff;
7211
  width: 25px;
7212
  height: 25px;
7213
}
311 geraldo 7214
 
1 www 7215
.postpaid {
7216
  -webkit-appearance: none;
7217
  content: "";
7218
  width: 20px;
7219
  height: 20px;
7220
  border-radius: 50%;
7221
  border: 1px solid #5e5e5e;
7222
  outline: 0;
7223
  margin-right: 5px;
7224
}
311 geraldo 7225
 
1 www 7226
.job-status-bar {
7227
  border-top: 1px solid #e5e5e5;
7228
}
7229
 
7230
/* .main-ws-sec .job-status-bar {
7231
} */
7232
.main-ws-sec .btm-line {
7233
  padding-bottom: 20px !important;
7234
  border-bottom: 1px solid #e5e5e5 !important;
7235
  margin-bottom: 20px;
7236
}
311 geraldo 7237
 
1 www 7238
.job-status-bar hr {
7239
  margin: 0 -40px;
7240
}
311 geraldo 7241
 
1 www 7242
.reply-area {
7243
  padding-left: 55px;
7244
}
7245
 
7246
.reply-rply1 {
7247
  margin: 24px 0;
7248
}
7249
 
7250
.reply-area p {
7251
  padding-bottom: 10px;
7252
}
311 geraldo 7253
 
1 www 7254
.reply-area span {
7255
  cursor: pointer;
7256
}
311 geraldo 7257
 
1 www 7258
.reply-area span:hover {
7259
  color: #e44d3a;
7260
}
311 geraldo 7261
 
1 www 7262
.reply-area i {
7263
  font-size: 16px;
7264
  font-weight: 600;
7265
  padding-right: 8px;
7266
}
311 geraldo 7267
 
1 www 7268
.comment-area .la-plus-circle {
7269
  display: block;
7270
  text-align: center;
7271
  font-size: 40px;
7272
  color: #b2b2b2;
7273
}
311 geraldo 7274
 
1 www 7275
.reply-area span {
7276
  padding-top: 5px;
7277
  color: #b2b2b2;
7278
}
311 geraldo 7279
 
1 www 7280
.comt span {
7281
  font-size: 16px;
7282
  color: #666666;
7283
}
311 geraldo 7284
 
1 www 7285
.comt i {
7286
  padding-right: 8px;
7287
}
311 geraldo 7288
 
1 www 7289
.postcomment .form-control {
7290
  width: 112%;
7291
  margin-left: -50px;
7292
  background-color: #efefef;
7293
  border-radius: 3px;
7294
}
311 geraldo 7295
 
1 www 7296
.postcomment a {
7297
  background-color: #e44d3a;
7298
  color: #fff;
7299
  padding: 9px 25px 8px 25px;
7300
  line-height: 37px;
7301
  border-radius: 3px;
7302
}
311 geraldo 7303
 
1 www 7304
.postcomment {
7305
  padding-top: 30px;
7306
}
311 geraldo 7307
 
1 www 7308
.widget-about button:focus {
7309
  box-shadow: none;
7310
}
311 geraldo 7311
 
1 www 7312
.widget-about button:hover {
7313
  background-color: #e44d3a;
7314
}
311 geraldo 7315
 
1 www 7316
.widget-about button {
7317
  background-color: #e44d3a;
7318
  border: none;
7319
  padding: 12px 0;
7320
  width: 100%;
7321
}
311 geraldo 7322
 
1 www 7323
.widget-about p {
7324
  background-color: #e44d3a;
7325
  color: #fff;
7326
  padding: 10px 0;
7327
}
311 geraldo 7328
 
1 www 7329
.widget-projectid {
7330
  padding: 15px;
7331
}
311 geraldo 7332
 
1 www 7333
.widget-projectid h3 {
7334
  padding-bottom: 7px;
7335
  font-size: 14px;
7336
  font-weight: 600;
7337
}
311 geraldo 7338
 
1 www 7339
.sd-title h4 {
7340
  margin-bottom: 5px;
7341
  font-size: 16px;
7342
  font-weight: 600;
7343
  line-height: 24px;
7344
}
311 geraldo 7345
 
1 www 7346
.paymethd p {
7347
  color: #e44d3a;
7348
}
311 geraldo 7349
 
1 www 7350
.copylink p {
7351
  background-color: #efefef;
7352
  padding: 7px 0 8px 10px;
7353
}
311 geraldo 7354
 
1 www 7355
.copylink a {
7356
  background-color: #e44d3a;
7357
  color: #fff;
7358
  padding: 10px 15px 10px 15px;
7359
  border-radius: 4px;
7360
}
311 geraldo 7361
 
1 www 7362
.copylink span {
7363
  padding: 30px 0 20px;
7364
}
311 geraldo 7365
 
1 www 7366
.copylink i {
7367
  float: unset;
7368
  position: unset;
7369
}
311 geraldo 7370
 
1 www 7371
.copylink .la-facebook {
7372
  background-color: #3b5998;
7373
  color: #fff;
7374
}
311 geraldo 7375
 
1 www 7376
.copylink .la-twitter {
7377
  color: #1da1f2;
7378
}
311 geraldo 7379
 
1 www 7380
.copylink .la-pinterest-p {
7381
  background-color: #fff;
7382
  color: #c11628;
7383
  border-radius: 50%;
7384
}
311 geraldo 7385
 
1 www 7386
.copylink img {
7387
  padding-right: 10px;
7388
}
311 geraldo 7389
 
1 www 7390
.freelancerbiding {
7391
  background-color: #fff;
7392
  padding-top: 20px;
7393
}
311 geraldo 7394
 
1 www 7395
.freelancerbiding h3 {
7396
  font-size: 18px;
7397
  font-weight: 400;
7398
}
311 geraldo 7399
 
1 www 7400
.repcent {
7401
  text-align: left;
7402
}
311 geraldo 7403
 
1 www 7404
.bidrit {
7405
  float: right;
7406
}
311 geraldo 7407
 
1 www 7408
.repcent i {
7409
  padding-left: 5px;
7410
}
311 geraldo 7411
 
1 www 7412
.star {
7413
  display: inline-flex;
7414
  padding: 5px 0;
7415
}
311 geraldo 7416
 
1 www 7417
.star li i {
7418
  color: #bfd337;
7419
}
311 geraldo 7420
 
1 www 7421
.repcent span {
7422
  color: #51a5fb;
7423
}
311 geraldo 7424
 
1 www 7425
.repcent p {
7426
  padding-left: 7px;
7427
}
311 geraldo 7428
 
1 www 7429
.noreview ul li i {
7430
  color: #b2b2b2;
7431
}
311 geraldo 7432
 
1 www 7433
.paymethd .star li i {
7434
  position: unset;
7435
  font-size: 14px;
7436
}
311 geraldo 7437
 
1 www 7438
.paymethd .star a {
7439
  color: #51a5fb;
7440
  padding-left: 12px;
7441
}
7442
 
7443
/* .modal-header {
7444
  background-color: #e44d3a;
7445
  display: block !important;
7446
} */
7447
.modal-body {
7448
  padding: 1rem 0;
7449
}
311 geraldo 7450
 
1 www 7451
.notice {
7452
  background-color: #ddf3ff;
7453
  padding: 15px;
7454
}
311 geraldo 7455
 
1 www 7456
.notice span {
7457
  font-weight: 500;
7458
  padding-right: 5px;
7459
}
311 geraldo 7460
 
1 www 7461
.innerbody {
7462
  padding: 15px;
7463
}
311 geraldo 7464
 
1 www 7465
.innerbody h3 {
7466
  font-size: 18px;
7467
  font-weight: 600;
7468
}
311 geraldo 7469
 
1 www 7470
.innerbody h4 {
7471
  font-weight: 600;
7472
  font-size: 14px;
7473
  margin-left: -15px;
7474
  float: left;
7475
}
311 geraldo 7476
 
1 www 7477
.delivery .input-group select {
7478
  width: 150px;
7479
  height: 50px !important;
7480
  font-size: 19px;
7481
  border: 1px solid #e5e5e5;
7482
  border-radius: 3px;
7483
}
311 geraldo 7484
 
1 www 7485
.input-group-prepend {
7486
  background-color: #f3f3f3;
7487
  color: #bfbfbf;
7488
  text-align: center;
7489
  line-height: 3;
7490
  border: 1px solid #e5e5e5;
7491
}
311 geraldo 7492
 
1 www 7493
.input-group-text {
7494
  color: #666666 !important;
7495
  background-color: #f5f5f5 !important;
7496
  border: 0px !important;
7497
  border-radius: 3px !important;
7498
}
311 geraldo 7499
 
1 www 7500
.place-bid-form {
7501
  position: relative;
7502
  left: 20px;
7503
  top: -15px;
7504
  padding-bottom: 15px;
7505
}
311 geraldo 7506
 
1 www 7507
.place-bid-form .input-group input {
7508
  width: 70px;
7509
  border: 1px solid #e5e5e5;
7510
}
311 geraldo 7511
 
1 www 7512
.paydel {
7513
  padding: 40px 0 0;
7514
}
311 geraldo 7515
 
1 www 7516
.beatcompitation {
7517
  background-color: #f3f3f3;
7518
  padding: 15px;
7519
}
311 geraldo 7520
 
1 www 7521
.beatcompitation h3 {
7522
  font-weight: 500;
7523
}
311 geraldo 7524
 
1 www 7525
.sponser i {
7526
  background-color: #e44d3a;
7527
  color: #fff;
7528
  margin-right: 5px;
7529
  padding: 2px;
7530
}
311 geraldo 7531
 
1 www 7532
.sponser h2 {
7533
  font-size: 18px;
7534
  font-weight: 600;
7535
  padding-top: 15px;
7536
  padding-bottom: 15px;
7537
}
311 geraldo 7538
 
1 www 7539
.sponser {
7540
  padding: 15px;
7541
}
311 geraldo 7542
 
1 www 7543
.modal-footer {
7544
  display: block !important;
7545
  border-top: none;
7546
  padding: 1rem 0;
7547
}
311 geraldo 7548
 
1 www 7549
.modal-footer button {
7550
  font-size: 15px;
7551
  font-weight: 500;
7552
  background-color: unset;
7553
  border: none;
7554
  padding: 10px;
7555
  border: 1px solid #d2d2d2;
7556
  border-radius: 3px;
7557
}
311 geraldo 7558
 
1 www 7559
.modal-footer button:hover {
7560
  background-color: #e44d3a;
7561
  /* color: #fff; */
7562
  /* border: 1px solid #e44d3a; */
7563
}
7564
 
7565
.place-bid-btn {
7566
  font-size: 15px;
7567
  font-weight: 500;
7568
  color: #fff !important;
7569
  background-color: #e44d3a !important;
7570
  border: none;
7571
  padding: 10px;
7572
  border: 1px solid #e44d3a;
7573
  border-radius: 3px;
7574
}
7575
 
7576
.usy-dt .reply {
7577
  margin: 3px 0 0 10px;
7578
  width: 360px;
7579
  height: 40px;
7580
  background-color: #efefef;
7581
  border: 1px solid #e5e5e5;
7582
  padding-left: 10px;
7583
  border-radius: 3px;
7584
}
311 geraldo 7585
 
1 www 7586
.replybtn {
7587
  background-color: #e44d3a;
7588
  color: #fff;
7589
  padding: 10px;
7590
  margin-left: 15px;
7591
  border-radius: 3px;
7592
}
311 geraldo 7593
 
1 www 7594
.replybtn:hover {
7595
  color: #fff;
7596
}
311 geraldo 7597
 
1 www 7598
.rewivew ul li {
7599
  margin-right: 5px !important;
7600
}
311 geraldo 7601
 
1 www 7602
.security hr {
7603
  margin-right: -15px;
7604
  margin-left: -15px;
7605
}
311 geraldo 7606
 
1 www 7607
.privacy .la-check {
7608
  float: left;
7609
  font-size: 12px;
7610
  margin: 5px 5px 0 0;
7611
  padding: 3px;
7612
  background-color: #e44d3a;
7613
  color: #fff;
7614
  border-radius: 50%;
7615
}
311 geraldo 7616
 
1 www 7617
ul#myTab {
7618
  border-bottom: 1px solid #e5e5e5;
7619
}
311 geraldo 7620
 
1 www 7621
.nav-tabs .nav-link {
7622
  border: none;
7623
}
311 geraldo 7624
 
1 www 7625
.noborder {
7626
  border-bottom: none;
7627
}
311 geraldo 7628
 
1 www 7629
.manbids {
7630
  margin-bottom: 0 !important;
7631
}
311 geraldo 7632
 
1 www 7633
.noreply {
7634
  padding-top: 30px;
7635
}
311 geraldo 7636
 
1 www 7637
#my-bids .nav-tabs {
7638
  margin-bottom: 20px;
7639
  margin-top: 7px;
7640
  padding-bottom: 0;
7641
}
311 geraldo 7642
 
1 www 7643
#my-bids ul {
7644
  margin-bottom: 15px;
7645
  margin-top: 7px;
7646
  padding-bottom: 0;
7647
}
311 geraldo 7648
 
1 www 7649
.savedjob-info p {
7650
  color: #666666;
7651
  margin-top: 5px;
7652
}
311 geraldo 7653
 
1 www 7654
#my-bids ul li a {
7655
  color: #000000;
7656
  font-size: 16px;
7657
  font-weight: 500;
7658
}
311 geraldo 7659
 
1 www 7660
#my-bids li a:hover {
7661
  color: #e44d3a;
7662
}
311 geraldo 7663
 
1 www 7664
#saved-jobs ul {
7665
  margin-bottom: 20px;
7666
}
311 geraldo 7667
 
1 www 7668
#saved-jobs ul li a {
7669
  color: #000000;
7670
  font-size: 16px;
7671
  font-weight: 500;
7672
}
311 geraldo 7673
 
1 www 7674
#saved-jobs li a:hover {
7675
  color: #e44d3a;
7676
}
311 geraldo 7677
 
1 www 7678
.wordpressdevlp h2 {
7679
  font-size: 18px;
7680
  font-weight: 600;
7681
  margin-bottom: 15px;
7682
}
311 geraldo 7683
 
1 www 7684
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7685
#saved-jobs .nav-tabs .nav-link.active {
7686
  background-color: inherit;
7687
  color: #e44d3a !important;
7688
  padding-bottom: 9px;
7689
  border-bottom: 2px solid #e44d3a !important;
7690
}
311 geraldo 7691
 
1 www 7692
#my-bids .nav-tabs .nav-item.show .nav-link,
7693
#my-bids .nav-tabs .nav-link.active {
7694
  background-color: inherit;
7695
  color: #e44d3a !important;
7696
  padding-bottom: 9px;
7697
  border-bottom: 2px solid #e44d3a !important;
7698
}
311 geraldo 7699
 
1 www 7700
.descptab li img {
7701
  float: left !important;
7702
  filter: inherit !important;
7703
}
311 geraldo 7704
 
1 www 7705
.bklink {
7706
  border-bottom: none !important;
7707
  width: unset !important;
7708
  float: right !important;
7709
}
311 geraldo 7710
 
1 www 7711
.bklik {
7712
  border-bottom: none !important;
7713
}
7714
 
7715
/*////////////////////////////////////////My css////////////////////////////////
7716
//////////////////////////////////////////////////////////////////////////////*/
7717
.savedjob-info li {
7718
  display: inline-block;
7719
  padding-left: 25px;
7720
}
311 geraldo 7721
 
1 www 7722
.savedjob-info h3 {
7723
  font-size: 14px;
7724
  font-weight: 500;
7725
}
311 geraldo 7726
 
1 www 7727
.settingjb ul li {
7728
  margin-right: 25px !important;
7729
}
311 geraldo 7730
 
1 www 7731
.mangebid li {
7732
  padding-left: 0;
7733
  padding-right: 20px;
7734
  padding-top: 10px;
7735
}
311 geraldo 7736
 
1 www 7737
.bk-links.bklink li {
7738
  padding-right: 0;
7739
}
311 geraldo 7740
 
1 www 7741
.bidsbtn {
7742
  position: relative;
7743
}
311 geraldo 7744
 
1 www 7745
.biddersinfo li {
7746
  padding-left: 0;
7747
  padding-right: 20px;
7748
}
311 geraldo 7749
 
1 www 7750
#review {
7751
  background-color: #fff;
7752
  margin-bottom: 40px;
7753
}
311 geraldo 7754
 
1 www 7755
.starreview {
7756
  padding-left: 20px;
7757
}
311 geraldo 7758
 
1 www 7759
.replytext {
7760
  padding-bottom: 20px;
7761
}
311 geraldo 7762
 
1 www 7763
.starrevi {
7764
  padding-left: 20px;
7765
}
311 geraldo 7766
 
1 www 7767
.job-dt li a {
7768
  background-color: #51a5fb;
7769
}
311 geraldo 7770
 
1 www 7771
.apply-jobbox {
7772
  text-align: center;
7773
}
311 geraldo 7774
 
1 www 7775
.apply-jobbox form input {
7776
  width: 100%;
7777
  margin-top: 20px;
7778
  padding: 10px;
7779
  color: #222;
7780
  border: 1px solid #e5e5e5;
7781
  border-radius: 3px;
7782
  font-size: 14px;
7783
}
311 geraldo 7784
 
1 www 7785
.apply-jobbox h3 {
7786
  margin: 20px 0;
7787
}
311 geraldo 7788
 
1 www 7789
.select-files {
7790
  border: 1px solid #e5e5e5;
7791
  margin-top: 20px;
7792
  padding: 30px;
7793
  background: #efefef;
7794
}
311 geraldo 7795
 
1 www 7796
.select-files button {
7797
  margin-bottom: 20px;
7798
  background-color: transparent;
7799
  border: 1px solid #e5e5e5;
7800
  padding: 10px 15px 10px 15px;
7801
  border-radius: 5px;
7802
  font-weight: 600;
7803
}
311 geraldo 7804
 
1 www 7805
.select-files button:hover {
7806
  background-color: #e44d3a;
7807
  color: #fff;
7808
}
311 geraldo 7809
 
1 www 7810
.close {
7811
  position: absolute;
7812
  right: -40px;
7813
  top: -40px;
7814
  color: #fff;
7815
  border: 1px solid !important;
7816
  border-radius: 50%;
7817
  height: 30px;
7818
  width: 30px;
7819
}
311 geraldo 7820
 
1 www 7821
.mapouter iframe {
7822
  width: 100%;
7823
  height: 400px;
7824
}
311 geraldo 7825
 
1 www 7826
.mapouter {
7827
  position: relative;
7828
  text-align: right;
7829
  height: 500px;
7830
  width: 100%;
7831
}
311 geraldo 7832
 
1 www 7833
.gmap_canvas {
7834
  overflow: hidden;
7835
  background: none !important;
7836
}
311 geraldo 7837
 
1 www 7838
.video-iframe {
7839
  width: 100%;
7840
  height: 400px;
7841
}
311 geraldo 7842
 
1 www 7843
.custom-file-input {
7844
  color: transparent;
7845
  opacity: 1;
7846
  /* margin-left: 140px; */
7847
  margin-bottom: 10px;
7848
}
311 geraldo 7849
 
1 www 7850
.custom-file-input::-webkit-file-upload-button {
7851
  visibility: hidden;
7852
}
311 geraldo 7853
 
1 www 7854
.custom-file-input::before {
7855
  content: "Select Files";
7856
  color: #fff;
7857
  display: inline-block;
7858
  border: 1px solid #e5e5e5;
7859
  border-radius: 3px;
7860
  background: #e44d3a;
7861
  font-weight: 500;
7862
  padding: 10px 15px;
7863
  outline: none;
7864
  white-space: nowrap;
7865
  -webkit-user-select: none;
7866
  cursor: pointer;
7867
}
311 geraldo 7868
 
1 www 7869
.custom-file-input:hover::before {
7870
  background-color: #e44d3a;
7871
  color: #fff;
7872
}
311 geraldo 7873
 
1 www 7874
.custom-file-input:active {
7875
  outline: 0;
7876
}
311 geraldo 7877
 
1 www 7878
.custom-file-input:active::before {
7879
  background: #e44d3a;
7880
  color: #fff;
7881
}
311 geraldo 7882
 
1 www 7883
.bids-time {
7884
  float: right;
7885
}
311 geraldo 7886
 
1 www 7887
.saved-post {
7888
  padding: 0;
7889
}
311 geraldo 7890
 
1 www 7891
.saved-post p {
7892
  padding-bottom: 20px;
7893
}
311 geraldo 7894
 
1 www 7895
.saved-info li {
7896
  padding-right: 25px;
7897
  padding-left: 0;
7898
}
311 geraldo 7899
 
1 www 7900
.saved-btn {
7901
  padding: 0;
7902
  margin-bottom: -12px;
7903
}
311 geraldo 7904
 
1 www 7905
.applied-post {
7906
  padding: 0;
7907
}
311 geraldo 7908
 
1 www 7909
.post-bid {
7910
  padding: 0 !important;
7911
}
311 geraldo 7912
 
1 www 7913
.bidsbtn {
7914
  padding-top: 0 !important;
7915
}
311 geraldo 7916
 
1 www 7917
.active-bids {
7918
  padding: 0;
7919
}
311 geraldo 7920
 
1 www 7921
.activ-bidinfo li {
7922
  padding-top: 10px;
7923
  padding-left: 0;
7924
  padding-right: 25px;
7925
}
311 geraldo 7926
 
1 www 7927
.activebtn {
7928
  padding-left: 0;
7929
}
7930
 
7931
.p-all {
7932
  padding: 0px;
7933
  float: left;
7934
  width: 100%;
7935
  position: relative;
7936
}
7937
 
7938
.toggle-btn .custom-switch .custom-control-label::before {
7939
  left: -2.25rem;
7940
  width: 70px;
7941
  pointer-events: all;
7942
  border-radius: 100px;
7943
  height: 30px;
7944
  top: -1px;
7945
  box-shadow: none;
7946
}
311 geraldo 7947
 
1 www 7948
.toggle-btn .custom-control-label::before {
7949
  position: absolute;
7950
  top: 0.25rem;
7951
  left: -1.5rem;
7952
  display: block;
7953
  width: 1rem;
7954
  height: 1rem;
7955
  pointer-events: none;
7956
  content: "";
7957
  background-color: #fff;
7958
  border: #e1e1e1 solid 2px;
7959
}
311 geraldo 7960
 
7961
.custom-control-input:checked~.custom-control-label::before {
1 www 7962
  color: #fff;
7963
  border-color: #e44d3a;
7964
  background-color: #e44d3a;
7965
  box-shadow: none;
7966
  outline: none;
7967
}
311 geraldo 7968
 
1 www 7969
.toggle-btn .custom-switch .custom-control-label::after {
7970
  top: calc(-1px + 2px);
7971
  left: calc(-36px + 2px);
7972
  width: calc(30px - 4px);
7973
  height: calc(30px - 4px);
7974
  background-color: #e1e1e1;
7975
  border-radius: 100%;
7976
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
7977
    box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
7978
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
7979
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
7980
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
7981
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
7982
    -webkit-transform 0.15s ease-in-out;
7983
}
311 geraldo 7984
 
1 www 7985
.toggle-btn .custom-control-label::after {
7986
  position: absolute;
7987
  top: 0.25rem;
7988
  left: -1.5rem;
7989
  display: block;
7990
  width: 0;
7991
  height: 0;
7992
  content: "";
7993
  background: no-repeat 50%/50% 50%;
7994
}
311 geraldo 7995
 
1 www 7996
.toggle-btn .custom-control-label {
7997
  position: initial;
7998
  margin-bottom: 0;
7999
  vertical-align: top;
8000
}
311 geraldo 8001
 
8002
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
1 www 8003
  background-color: #fff;
8004
  -webkit-transform: translateX(2.5rem);
8005
  transform: translateX(2.5rem);
8006
}
8007
 
8008
.custom-control-label {
8009
  position: relative;
8010
  margin-bottom: 0;
8011
  vertical-align: top;
8012
  line-height: 24px;
8013
  font-size: 14px;
8014
  color: #666666;
8015
}
311 geraldo 8016
 
8017
.small-text-children p,
8018
.small-text-children span {
1 www 8019
  font-size: .8rem;
8020
}
311 geraldo 8021
 
8022
.search-item-selected {
1 www 8023
  box-shadow: 2px 4px 3px rgb(0 0 0 / 15%);
8024
  padding: 2%;
8025
  border-radius: 6px;
8026
  font-weight: bold;
8027
}
311 geraldo 8028
 
8029
main {
126 steven 8030
  background-color: #fff !important;
289 geraldo 8031
}
8032
 
311 geraldo 8033
.row .sc-dkzDqf {
289 geraldo 8034
  margin: 0 auto;
310 geraldo 8035
}
8036
 
311 geraldo 8037
.test-section .title,
8038
.test-section .description {
8039
  margin-bottom: 10px;
310 geraldo 8040
}
8041
 
311 geraldo 8042
.test-section .btn-danger {
326 geraldo 8043
  margin-right: 10px;
313 geraldo 8044
}
8045
 
8046
.test-section .panel-body {
8047
  padding: 20px 0px;
8048
}
8049
 
8050
.test-section .panel {
8051
  margin-top: 20px;
325 geraldo 8052
  padding-bottom: 10px;
313 geraldo 8053
}
8054
 
8055
.test-section .panel-title>a{
314 geraldo 8056
  font-size: 1.3rem;
313 geraldo 8057
}
8058
 
8059
.test-section .np-padding{
8060
  padding: 0px;
321 geraldo 8061
}
8062
.test-section .checkbox{
8063
  display: flex;
8064
  margin: 20px 0px;
8065
}
8066
 
8067
.test-section .option{
8068
  margin-left: 10px;
8069
}
8070
 
323 geraldo 8071
.checkbox input[type=checkbox], input[type=radio]{
324 geraldo 8072
  margin-top: 5px!important;
8073
}
8074
 
8075
 
8076
.test-section .panel-heading .accordion-toggle:after {
8077
  display: inline-block;
8078
  font: normal normal normal 14px/1 FontAwesome;
8079
  font-size: inherit;
8080
  content: "\f077" ;
8081
  float: right;
8082
  color: grey;
8083
  text-rendering: auto;
8084
  -webkit-font-smoothing: antialiased;
8085
}
8086
.test-section .panel-heading .accordion-toggle.collapsed:after {
8087
  content: "\f078";
330 geraldo 8088
}
8089
 
331 geraldo 8090
.test-section h6{
330 geraldo 8091
  margin-bottom: 10px;
8092
    color: #0860bf;
1 www 8093
}