Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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