Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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