Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 1807 | Rev 2196 | 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
	color: #b2b2b2;
1137
	font-size: 14px;
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
	float: left;
2765
	width: 100%;
2766
	padding-top: 4px;
2767
}
2768
.user-tab-sec h3 {
2769
	color: #000000;
2770
    font-size: 24px;
2771
    font-weight: 600;
2772
    text-transform: capitalize;
2773
    margin-bottom: 15px;
2774
}
2775
.star-descp {
2776
	float: left;
2777
	width: 100%;
2778
	margin-bottom: 10px;
2779
}
2780
.star-descp ul li{
2781
	margin-right: 5px!important;
2782
}
2783
.star-descp > a {
2784
	float: left;
2785
	color: #51a5fb;
2786
	font-size: 18px;
2787
	font-weight: 600;
2788
	margin-left: 20px;
2789
	text-decoration: underline;
2790
}
2791
.star-descp > a:hover {
2792
	color: #51a5fb;
2793
}
2794
.star-descp span {
2795
	float: left;
2796
	color: #686868;
2797
	font-size: 18px;
2798
	font-weight: 600;
2799
	margin-right: 20px;
2800
}
2801
.star-descp > ul {
2802
	float: left;
2803
}
2804
.star-descp ul li {
2805
	display: inline-block;
2806
}
2807
.star-descp ul li i {
2808
	color: #b7ce1f;
2809
	font-size: 16px;
2810
}
2811
.tab-feed {
2812
	float: left;
2813
	width: 100%;
2814
	margin-bottom: 45px;
2815
	margin-top: 20px;
2816
}
2817
.tab-feed ul {
2818
	float: left;
2819
	width: 100%;
2820
}
2821
.tab-feed ul li {
2822
	display: inline-block;
2823
	margin-right: 35px;
2824
	text-align: center;
2825
}
2826
.savetext ul{
2827
	border-bottom: none!important;
2828
}
2829
.tab-feed.st2 ul li {
2830
	margin-right: 17px;
2831
}
2832
.tab-feed ul li:last-child {
2833
	margin-right: 0;
2834
}
2835
.tab-feed ul li.active img {
2836
	filter: grayscale(0);
2837
}
2838
.tab-feed ul li.active span {
2839
	color: #e44d3a;
2840
}
2841
.tab-feed ul li img {
2842
	float: none;
2843
	margin-bottom: 5px;
2844
	filter: grayscale(100%);
2845
}
2846
.tab-feed ul li span {
2847
	display: block;
2848
	color: #b2b2b2;
2849
	font-weight: 400;
2850
	font-size: 16px;
2851
}
2852
.tab-feed ul li:last-child {
2853
	margin-right: 0;
2854
}
2855
 
2856
 
2857
/* ================ message-btn ============= */
2858
 
2859
.message-btn {
2860
	float: right;
2861
	margin-top: 20px;
2862
	margin-bottom: 30px;
2863
}
2864
.message-btn a {
2865
	display: inline-block;
2866
	color: #ffffff;
2867
	font-size: 16px;
2868
	background-color: #e44d3a;
2869
	padding: 12px;
2870
	font-weight: 500;
2871
}
2872
.message-btn a:hover {
2873
	color: #fff;
2874
}
2875
.message-btn a i {
2876
	padding-right: 5px;
2877
}
2878
 
2879
 
2880
/* ============== widget-portfolio ============== */
2881
 
2882
.wd-heady {
2883
	float: left;
2884
	width: 100%;
2885
	padding: 20px 20px;
2886
	border-bottom: 1px solid #e5e5e5;
2887
}
2888
.wd-heady h3 {
2889
	color: #000000;
2890
	font-size: 18px;
2891
	font-weight: 600;
2892
	float: left;
2893
}
2894
.wd-heady img {
2895
	float: right;
2896
}
2897
.pf-gallery {
2898
	float: left;
2899
	width: 100%;
2900
	padding: 15px 15px;
2901
}
2902
.pf-gallery ul {
2903
	float: left;
2904
	width: 100%;
2905
}
2906
.pf-gallery ul li {
2907
	float: left;
2908
	width: 33.33%;
2909
	padding: 5px;
2910
	overflow: hidden;
2911
}
2912
.pf-gallery ul li:hover {
2913
	-webkit-transform: scale(1.2);
2914
	-moz-transform: scale(1.2);
2915
	-ms-transform: scale(1.2);
2916
	-o-transform: scale(1.2);
2917
	transform: scale(1.2);
2918
}
2919
.pf-gallery img {
2920
	width: 100%;
2921
}
2922
 
2923
.product-feed-tab {
2924
	float: left;
2925
	width: 100%;
2926
	display: none;
2927
}
2928
.product-feed-tab.current {
2929
	display: block;
2930
}
2931
 
2932
/* =============== user-profile-ov ================ */
2933
 
2934
.user-profile-ov {
2935
	float: left;
2936
	width: 100%;
2937
	background-color: #fff;
2938
	padding: 30px 20px;
2939
	border-left: 1px solid #e4e4e4;
2940
	border-bottom: 1px solid #e4e4e4;
2941
	border-right: 1px solid #e4e4e4;
2942
	margin-bottom: 20px;
2943
}
2944
.user-profile-ov h3 {
2945
	color: #000000;
2946
	font-size: 18px;
2947
	font-weight: 600;
2948
	margin-bottom: 20px;
2949
}
2950
.user-profile-ov h3 a {
2951
	color: #000000;
2952
}
2953
.user-profile-ov i {
2954
	color: #000000;
2955
	font-size: 13px;
2956
	padding-left: 5px;
2957
}
2958
.user-profile-ov h4 {
2959
	font-size: 16px;
2960
	color: #000;
2961
	font-weight: 600;
2962
	margin-bottom: 10px;
2963
}
2964
.user-profile-ov p {
2965
	color: #686868;
2966
	font-size: 14px;
2967
	line-height: 24px;
2968
}
2969
.user-profile-ov.st2 p {
2970
	margin-bottom: 23px;
2971
}
2972
.no-margin {
2973
	margin: 0 !important;
2974
}
2975
.user-profile-ov > span {
2976
	color: #686868;
2977
	font-size: 14px;
2978
	float: left;
2979
	width: 100%;
2980
	margin-bottom: 8px;
2981
	margin-top: 3px;
2982
}
2983
.user-profile-ov ul {
2984
	float: left;
2985
	width: 100%;
2986
}
2987
.user-profile-ov ul li {
2988
	display: inline-block;
2989
	margin-bottom: 10px;
2990
	padding: 0 2px;
2991
}
2992
.user-profile-ov ul li a {
2993
	display: inline-block;
2994
	color: #b2b2b2;
2995
	font-size: 14px;
2996
	font-weight: 600;
2997
	background-color: #e5e5e5;
2998
	-webkit-border-radius: 30px;
2999
	-moz-border-radius: 30px;
3000
	-ms-border-radius: 30px;
3001
	-o-border-radius: 30px;
3002
	border-radius: 30px;
3003
	padding: 10px 15px;
3004
}
3005
 
3006
 
3007
 
3008
/* ==================== portfolio-gallery-sec ==================== */
3009
 
3010
.portfolio-gallery-sec {
3011
	float: left;
3012
	width: 100%;
3013
	background-color: #fff;
3014
	padding: 30px 20px;
3015
	border-left: 1px solid #e4e4e4;
3016
	border-right: 1px solid #e4e4e4;
3017
	border-bottom: 1px solid #e4e4e4;
3018
}
3019
.portfolio-gallery-sec h3 {
3020
	font-weight: 600;
3021
	font-size: 18px;
3022
	margin-bottom: 32px;
3023
	padding-left: 5px;
3024
	float: left;
3025
}
3026
.portfolio-btn {
3027
    float: right;
3028
}
3029
.portfolio-btn a {
3030
    display: inline-block;
3031
    color: #e44d3a;
3032
    font-size: 16px;
3033
	font-weight: 600;
3034
}
3035
 
3036
.portfolio-btn a i {
3037
    margin-right: 5px;
3038
}
3039
.gallery_pf {
3040
	float: left;
3041
	width: 100%;
3042
	margin-bottom: -5px;
3043
}
3044
.gallery_pf .col-lg-4 {
3045
	padding: 5px;
3046
}
3047
.gallery_pt {
3048
	float: left;
3049
	width: 100%;
3050
	position: relative;
3051
	overflow: hidden;
3052
}
3053
.gallery_pt:hover:before {
3054
	opacity: 1;
3055
	visibility: visible;
3056
	height: 100%;
3057
}
3058
.gallery_pt:before {
3059
	content: '';
3060
	position: absolute;
3061
	top: 0;
3062
	left: 0;
3063
	width: 100%;
3064
	height: 0;
3065
	background-color: rgba(0,0,0,0.60);
3066
	opacity: 0;
3067
	visibility: hidden;
3068
}
3069
.gallery_pt img {
3070
	width: 100%;
3071
	height: 134px;
3072
	object-fit: cover;
3073
}
3074
.row {
3075
	margin: 0;
3076
}
3077
.gallery_pt > a {
3078
	position: absolute;
3079
	top: 100%;
3080
	left: 0;
3081
	float: left;
3082
	width: 100%;
3083
	text-align: center;
3084
	-webkit-transform: translateY(-50%);
3085
	-moz-transform: translateY(-50%);
3086
	-ms-transform: translateY(-50%);
3087
	-o-transform: translateY(-50%);
3088
	transform: translateY(-50%);
3089
	opacity: 0;
3090
	visibility: hidden;
3091
}
3092
.gallery_pt:hover > a {
3093
	opacity: 1;
3094
	visibility: visible;
3095
	top: 50%;
3096
}
3097
.gallery_pt > a img {
3098
	float: none;
3099
	width: auto;
3100
	height: auto;
3101
}
3102
 
3103
 
3104
 
3105
/* ============== overview-box ============= */
3106
 
3107
.overview-box {
3108
	width: 570px;
3109
	position: fixed;
3110
	top: 50%;
3111
	left: 50%;
3112
	-webkit-transform: translateX(-50%) translateY(-50%);
3113
	-moz-transform: translateX(-50%) translateY(-50%);
3114
	-ms-transform: translateX(-50%) translateY(-50%);
3115
	-o-transform: translateX(-50%) translateY(-50%);
3116
	transform: translateX(-50%) translateY(-50%);
3117
	opacity: 0;
3118
	visibility: hidden;
3119
	z-index: 0;
3120
}
3121
.close-box {
3122
	position: absolute;
3123
	top: -20px;
3124
	right: -20px;
3125
	color: #fff;
3126
	font-size: 14px;
3127
	text-align: center;
3128
	width: 22px;
3129
	height: 22px;
3130
	line-height: 22px;
3131
	border: 1px solid #fff;
3132
	-webkit-border-radius: 100px;
3133
	-moz-border-radius: 100px;
3134
	-ms-border-radius: 100px;
3135
	-o-border-radius: 100px;
3136
	border-radius: 100px;
3137
	font-weight: 600;
3138
}
3139
.close-box:hover {
3140
	color: #fff;
3141
}
3142
.overview-box.open {
3143
	opacity: 1;
3144
	visibility: visible;
3145
	z-index: 99999;
3146
}
3147
.overview-edit {
3148
	float: left;
3149
	width: 100%;
3150
	background-color: #fff;
3151
	padding: 30px 20px;
3152
}
3153
.overview-edit h3 {
3154
	color: #000000;
3155
	font-size: 18px;
3156
	font-weight: 600;
3157
	float: left;
3158
	width: 100%;
3159
	margin-bottom: 25px;
3160
}
3161
.overview-edit span {
3162
	color: #b2b2b2;
3163
	font-size: 12px;
3164
	float: right;
3165
	margin-bottom: 5px;
3166
}
3167
.overview-edit form {
3168
	float: left;
3169
	width: 100%;
3170
}
3171
.overview-edit form input {
3172
	height: 40px;
3173
	padding-left: 15px;
3174
	margin-bottom: 20px;
3175
}
3176
.overview-edit form textarea,
3177
.overview-edit form input,
3178
.overview-edit form select {
3179
	width: 100%;
3180
	border: 1px solid #e5e5e5;
3181
	resize: none;
3182
	color: #b2b2b2;
3183
	font-size: 14px;
3184
}
3185
.overview-edit form select {
3186
	line-height: 40px;
3187
	padding-left: 40px;
3188
	margin-bottom: 20px;
3189
}
3190
.overview-edit form textarea {
3191
	height: 160px;
3192
	margin-bottom: 30px;
3193
	padding: 15px;
3194
}
3195
.save {
3196
	background-color: #e44d3a;
3197
	color: #fff;
3198
	border-color: transparent;
3199
}
3200
.save-add {
3201
	background-color: #fff;
3202
	padding: 13px 13px !important;
3203
}
3204
.overview-edit button {
3205
	float: left;
3206
	border: 1px solid #e5e5e5;
3207
	font-weight: 600;
3208
	font-size: 16px;
3209
	padding: 13px 34px;
3210
	margin-right: 20px;
3211
	outline: none;
3212
	cursor: pointer;
3213
}
3214
.cancel {
3215
	background-color: #fff;
3216
	color: #000;
3217
}
3218
.datepicky {
3219
	float: left;
3220
	width: 100%;
3221
}
3222
.no-left-pd {
3223
	padding: 0;
3224
}
3225
.no-righ-pd {
3226
	padding-right: 0;
3227
}
3228
.datefm {
3229
	float: left;
3230
	width: 100%;
3231
	position: relative;
3232
}
3233
.datefm i {
3234
	position: absolute;
3235
	top: 11px;
3236
	right: 15px;
3237
	font-size: 18px;
3238
	color: #b2b2b2;
3239
}
3240
 
3241
#location-box .datefm i {
3242
	right: auto;
3243
	left: 15px;
3244
}
3245
#location-box .datefm input {
3246
	padding-left: 40px;
3247
}
3248
 
3249
 
3250
#skills-box ul {
3251
	float: left;
3252
	width: 100%;
3253
	margin-bottom: 20px;
3254
}
3255
#skills-box ul li {
3256
	display: inline-block;
3257
	margin-right: 10px;
3258
	position: relative;
3259
}
3260
.skl-name {
3261
	display: inline-block;
3262
	color: #b2b2b2;
3263
	font-size: 14px;
3264
	font-weight: 500;
3265
	background-color: #e5e5e5;
3266
	-webkit-border-radius: 30px;
3267
	-moz-border-radius: 30px;
3268
	-ms-border-radius: 30px;
3269
	-o-border-radius: 30px;
3270
	border-radius: 30px;
3271
	text-transform: uppercase;
3272
	padding: 10px 30px 10px 12px;
3273
	position: relative;
3274
}
3275
.close-skl {
3276
	position: absolute;
3277
	top: 10px;
3278
	right: 10px;
3279
	color: #b2b2b2;
3280
	font-size: 14px;
3281
}
3282
 
3283
.file-submit {
3284
	border: 1px solid #e5e5e5;
3285
    position: relative;
3286
    padding: 0px;
3287
    height: 40px;
3288
	margin-bottom: 20px;
3289
    border-radius: 3px;
3290
}
3291
 
3292
.file-submit [type="file"] {
3293
    height: 40px;
3294
    overflow: hidden;
3295
    width: 100%;
3296
    float: left;
3297
    position: absolute;
3298
    padding: 10px 4px 0px 12px;
3299
    font-size: 14px;
3300
    opacity: 0;
3301
	display: none;
3302
}
3303
 
3304
.file-submit [type="file"] + label {
3305
    background: #e44d3a;
3306
    border: none;
3307
    float: left;
3308
    border-top-right-radius: 0px;
3309
    border-bottom-right-radius: 0px;
3310
    border-top-left-radius: 3px;
3311
    border-bottom-left-radius: 3px;
3312
    color: #fff;
3313
    cursor: pointer;
3314
    display: inline-block;
3315
    font-size: 14px;
3316
    font-weight: 500;
3317
    outline: none;
3318
    padding: 12px 15px;
3319
    position: relative;
3320
    transition: all 0.3s;
3321
    vertical-align: middle;
3322
    margin: 0;
3323
}
3324
 
3325
.file-submit.nomg {
3326
	border: 0;
3327
	margin-bottom: 20px;
3328
}
3329
.file-submit.nomg input {margin-bottom: 0;padding-top: 0;}
3330
 
3331
.daty {
3332
	float: left;
3333
	width: 100%;
3334
	position: relative;
3335
}
3336
.daty > i {
3337
	position: absolute;
3338
	top: 10px;
3339
	right: 15px;
3340
	color: #b2b2b2;
3341
	font-size: 20px;
3342
}
3343
a:hover {
3344
	color: initial;
3345
}
3346
 
3347
.pf-img {
3348
	float: left;
3349
	width: 100%;
3350
	background-color: #f2f2f2;
3351
	padding: 15px;
3352
	margin-bottom: 20px;
3353
}
3354
 
3355
 
3356
/* ================= billing-method ============== */
3357
 
3358
.billing-method {
3359
	float: left;
3360
	width: 100%;
3361
	background-color: #fff;
3362
	border-left: 1px solid #e4e4e4;
3363
	border-right: 1px solid #e4e4e4;
3364
	border-bottom: 1px solid #e4e4e4;
3365
	margin-bottom: 20px;
3366
}
3367
.billing-method ul {
3368
	float: left;
3369
	width: 100%;
3370
}
3371
.billing-method ul li {
3372
	float: left;
3373
	width: 100%;
3374
	border-bottom: 1px solid #e5e5e5;
3375
	padding: 25px 20px;
3376
}
3377
.billing-method ul li h3 {
3378
	color: #000000;
3379
	font-size: 18px;
3380
	font-weight: 600;
3381
	float: left;
3382
}
3383
.billing-method ul li a,
3384
.billing-method ul li span {
3385
	float: right;
3386
	color: #000000;
3387
	font-size: 13px;
3388
	text-transform: capitalize;
3389
	font-weight: 600;
3390
	margin-top: 3px;
3391
}
3392
.billing-method ul li i {
3393
	font-size: 13px;
3394
	color: #e44d3a;
3395
}
3396
.lt-sec {
3397
	float: left;
3398
	width: 100%;
3399
	text-align: center;
3400
	padding: 30px 0;
3401
}
3402
.lt-sec img {
3403
	float: none;
3404
	margin-bottom: 15px;
3405
}
3406
.lt-sec h4 {
3407
	color: #686868;
3408
	font-size: 18px;
3409
	font-weight: 600;
3410
	margin-bottom: 25px;
3411
}
3412
.lt-sec > a {
3413
	display: inline-block;
3414
	color: #ffffff;
3415
	font-size: 16px;
3416
	background-color: #e44d3a;
3417
	padding: 10px 25px;
3418
}
3419
 
3420
 
3421
/* ============== add-billing-method ============== */
3422
 
3423
.add-billing-method {
3424
	float: left;
3425
	width: 100%;
3426
	background-color: #fff;
3427
	border-left: 1px solid #e4e4e4;
3428
	border-right: 1px solid #e4e4e4;
3429
	border-bottom: 1px solid #e4e4e4;
3430
}
3431
.add-billing-method h3 {
3432
	color: #000000;
3433
	font-size: 18px;
3434
	font-weight: 600;
3435
	padding: 20px 20px;
3436
	border-bottom: 1px solid #e5e5e5;
3437
}
3438
.add-billing-method > h4 {
3439
	color: #686868;
3440
	font-size: 13px;
3441
	font-weight: 500;
3442
	padding: 20px 20px;
3443
	border-bottom: 1px solid #e5e5e5;
3444
	float: left;
3445
	width: 100%;
3446
}
3447
.add-billing-method img {
3448
	margin-right: 10px;
3449
}
3450
.add-billing-method span {
3451
	margin-top: 4px;
3452
	float: left;
3453
}
3454
 
3455
/* ============= payment_methods ============ */
3456
 
3457
.payment_methods {
3458
	float: left;
3459
	width: 100%;
3460
}
3461
.payment_methods > h4 {
3462
	color: #000000;
3463
	font-size: 16px;
3464
	font-weight: 600;
3465
	position: relative;
3466
	padding: 25px 20px 25px 45px;
3467
	float: left;
3468
	width: 100%;
3469
}
3470
.rowwy {
3471
	float: left;
3472
	width:100%;
3473
}
3474
.pd-left-none {
3475
	padding-left: 0;
3476
}
3477
.pd-right-none {
3478
	padding-right: 0;
3479
}
3480
.payment_methods h4:before {
3481
	content: '';
3482
	position: absolute;
3483
	top: 50%;
3484
	-webkit-transform: translateY(-50%);
3485
	-moz-transform: translateY(-50%);
3486
	-ms-transform: translateY(-50%);
3487
	-o-transform: translateY(-50%);
3488
	transform: translateY(-50%);
3489
	left: 20px;
3490
	width: 15px;
3491
	height: 15px;
3492
	border: 1px solid #e6e6e6;
3493
	-webkit-border-radius: 100px;
3494
	-moz-border-radius: 100px;
3495
	-ms-border-radius: 100px;
3496
	-o-border-radius: 100px;
3497
	border-radius: 100px;
3498
}
3499
.payment_methods h4:after {
3500
	content: '';
3501
	position: absolute;
3502
	top: 50%;
3503
	-webkit-transform: translateY(-50%);
3504
	-moz-transform: translateY(-50%);
3505
	-ms-transform: translateY(-50%);
3506
	-o-transform: translateY(-50%);
3507
	transform: translateY(-50%);
3508
	left: 24px;
3509
	width: 7px;
3510
	height: 7px;
3511
	background-color: #e44d3a;
3512
	-webkit-border-radius: 100px;
3513
	-moz-border-radius: 100px;
3514
	-ms-border-radius: 100px;
3515
	-o-border-radius: 100px;
3516
	border-radius: 100px;
3517
}
3518
 
3519
.payment_methods form {
3520
	float: left;
3521
	width: 100%;
3522
	padding-bottom: 30px;
3523
	border-bottom: 1px solid #e5e5e5;
3524
}
3525
.payment_methods form button {
3526
	color: #ffffff;
3527
	font-size: 16px;
3528
	background-color: #e44d3a;
3529
	padding: 10px 15px;
3530
	border: 0;
3531
	cursor: pointer;
3532
}
3533
.payment_methods form input {
3534
	width: 100%;
3535
	height: 40px;
3536
	border: 1px solid #e5e5e5;
3537
	padding: 0 12px;
3538
}
3539
.cc-head {
3540
	float: left;
3541
	width: 100%;
3542
	margin-bottom: 10px;
3543
}
3544
.cc-head h5 {
3545
	float: left;
3546
	color: #000000;
3547
	font-size: 16px;
3548
	font-weight: 600;
3549
	margin-top: 4px;
3550
}
3551
.cc-head h5 i {
3552
	color: #b2b2b2;
3553
	font-size: 14px;
3554
}
3555
.cc-head ul {
3556
	float: right;
3557
}
3558
.cc-head ul li {
3559
	display: inline-block;
3560
}
3561
.inpt-field {
3562
	float: left;
3563
	width: 100%;
3564
	position: relative;
3565
	margin-bottom: 20px;
3566
}
3567
.no-pdd {
3568
	padding: 0;
3569
}
3570
.inpt-field.pd-moree input {padding-left: 40px !important;}
3571
.inpt-field i {
3572
	color: #b2b2b2;
3573
	font-size: 18px;
3574
	position: absolute;
3575
	top: 50%;
3576
	left: 15px;
3577
	-webkit-transform: translateY(-50%);
3578
	-moz-transform: translateY(-50%);
3579
	-ms-transform: translateY(-50%);
3580
	-o-transform: translateY(-50%);
3581
	transform: translateY(-50%);
3582
}
3583
 
3584
 
3585
/* ============== companies-info ============== */
3586
 
3587
.companies-info {
3588
	padding: 60px 0;
3589
}
3590
.company-title {
3591
	float: left;
3592
	width: 100%;
3593
	margin-bottom: 20px;
3594
	padding: 0 15px;
3595
}
3596
.company-title h3 {
3597
	color: #000000;
3598
	font-size: 20px;
3599
	font-weight: 600;
3600
	background-color: #fff;
3601
	padding: 10px 15px;
3602
}
3603
 
3604
.companies-list {
3605
	float: left;
3606
	width: 100%;
3607
	margin-bottom: -30px;
3608
}
3609
.company_profile_info {
3610
	float: left;
3611
	width: 100%;
3612
	background-color: #fff;
3613
	text-align: center;
3614
	border-left: 1px solid #e4e4e4;
3615
	border-right: 1px solid #e4e4e4;
3616
	border-bottom: 1px solid #e4e4e4;
3617
	margin-bottom: 30px;
3618
}
3619
.company-up-info {
3620
	float: left;
3621
	width: 100%;
3622
	padding: 30px 0;
3623
	border-bottom: 1px solid #e5e5e5;
3624
}
3625
.company-up-info img {
3626
	float: none;
3627
	margin-bottom: 10px;
3628
	-webkit-border-radius: 100px;
3629
	-moz-border-radius: 100px;
3630
	-ms-border-radius: 100px;
3631
	-o-border-radius: 100px;
3632
	border-radius: 100px;
3633
	height: 90px;
3634
	object-fit: cover;
3635
}
3636
.company-up-info h3 {
3637
	color: #000000;
3638
	font-size: 18px;
3639
	font-weight: 600;
3640
	margin-bottom: 10px;
3641
}
3642
.company-up-info h4 {
3643
	color: #686868;
3644
	font-size: 14px;
3645
	font-weight: 500;
3646
	margin-bottom: 21px;
3647
}
3648
.company-up-info ul {
3649
	float: left;
3650
	width: 100%;
3651
}
3652
.company-up-info ul li {
3653
	display: inline-block;
3654
	margin-right: 6px;
3655
}
3656
.company-up-info ul li a {
3657
	display: inline-block;
3658
	padding: 0 12px;
3659
	color: #fff;
3660
	height: 35px;
3661
	line-height: 35px;
3662
}
3663
.company-up-info ul li a i {
3664
	font-size: 24px;
3665
	position: relative;
3666
	top: 3px;
3667
}
3668
.follow {
3669
	background-color: #53d690;
3670
}
3671
.hire-us {
3672
	background-color: #51a5fb;
3673
}
3674
.company_profile_info > a {
3675
	display: inline-block;
3676
	color: #000000;
3677
	font-size: 16px;
3678
	font-weight: 500;
3679
	padding: 18px 0;
3680
}
3681
 
3682
 
3683
/* ============= search-sec ============= */
3684
 
3685
.search-sec {
3686
	float: left;
3687
	width: 100%;
3688
	margin: 30px 0 0 0;
3689
}
3690
.search-box {
3691
	float: left;
3692
	width: 100%;
3693
	padding: 0 15px;
3694
}
3695
.search-box form {
3696
	float: left;
3697
	width: 100%;
3698
	position: relative;
3699
}
3700
.search-box form input {
3701
	width: 100%;
3702
	height: 40px;
3703
	padding: 0 15px;
1808 steven 3704
	background: var(--background-light-gray);
1807 steven 3705
    color: var(--gray);
3706
    font-size: 14px;
1808 steven 3707
    border: solid 1px var(--border-light-gray);
1 www 3708
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
3709
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
3710
	-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
3711
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
3712
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
3713
}
1803 steven 3714
.search-box form button {
3715
	position: absolute;
3716
	top: 0;
3717
	right: 0;
1804 steven 3718
	border: solid 1px var(--border-light-gray);
1806 steven 3719
	color: var(--gray);
1803 steven 3720
	font-size: 16px;
3721
	font-weight: 500;
3722
	height: 100%;
3723
	padding: 0 28px;
3724
	cursor: pointer;
3725
	-webkit-border-radius: 0 4px 4px 0;
3726
	-moz-border-radius: 0 4px 4px 0;
3727
	-ms-border-radius: 0 4px 4px 0;
3728
	-o-border-radius: 0 4px 4px 0;
3729
	border-radius: 0 4px 4px 0;
3730
}
1 www 3731
 
3732
 
3733
 
3734
/* =============== filter-secs ============== */
3735
 
3736
.filter-secs {
3737
	float: left;
3738
	width: 100%;
3739
	background-color: #fff;
3740
	box-shadow: 0px 2px #e4e4e4;
3741
    border: 1px solid #e5e5e5;
3742
}
3743
.filter-heading {
3744
	float: left;
3745
	width: 100%;
3746
	padding: 15px 20px;
3747
	border-bottom: 1px solid #e5e5e5;
3748
	margin-bottom: 15px;
3749
}
3750
.filter-heading h3 {
3751
	float: left;
3752
	color: #e44d3a;
3753
	font-size: 18px;
3754
	font-weight: 600;
3755
}
3756
.filter-heading a {
3757
	float: right;
3758
	color: #686868;
3759
	font-size: 14px;
3760
	margin-top: 4px;
3761
}
3762
.filter-ttl {
3763
	float: left;
3764
	width: 100%;
3765
	border-bottom: 1px solid  #e5e5e5;
3766
	padding: 0 0 16px 0;
3767
	margin-bottom: 10px;
3768
}
3769
.filter--tt2 {
3770
	margin-bottom: 0px !important;
3771
}
3772
.top--1 {
3773
	margin-top: 20px;
3774
}
3775
.filter--tt2 .dropdown .dropdown-menu a {
3776
    float: none;
3777
    color: #666666 !important;
3778
	margin-bottom: 12px !important;
3779
}
3780
.filter--tt2 .dropdown .dropdown-menu a:hover {
3781
    color: #e44d3a !important;
3782
	background: none !important;
3783
}
3784
.filter--tt2 .dropdown .dropdown-menu a:focus {
3785
    color: #e44d3a !important;
3786
	background: none !important;
3787
}
3788
.filter--tt2  a {
3789
	float: left !important;
3790
	padding: 0 0 0 15px !important;
3791
	font-size: 16px !important;
3792
	color: #000000 !important;
3793
	font-weight: 500 !important;
3794
}
3795
.filter-ttl h3 {
3796
	float: left;
3797
	padding: 0;
3798
	font-size: 16px;
3799
	color: #000000;
3800
	font-weight: 400;
3801
}
3802
.filter-ttl a {
3803
	float: right;
3804
	font-size: 14px;
3805
	color: #666666;
3806
}
3807
.filter-ttl .dropdown a {
3808
	float: none;
3809
	color: #666666;
3810
}
3811
.filter-dd {
3812
	float: left;
3813
	width: 100%;
3814
	margin-bottom: 15px;
3815
}
3816
.filter-dd form {
3817
	float: left;
3818
	width: 100%;
3819
	position: relative;
3820
}
3821
.filter-dd form input,
3822
.filter-dd form select {
3823
	width: 100%;
3824
	height: 30px;
3825
	background-color: #f2f2f2;
3826
	padding: 0 10px;
3827
	color: #b2b2b2;
3828
	font-size: 12px;
3829
	font-weight: 600;
3830
	border: 0;
3831
	border: 1px solid #e5e5e5;
3832
}
3833
.job-tp i {
3834
	color: #666666;
3835
    position: absolute;
3836
    top: 9px;
3837
    right: 15px;
3838
    font-size: 14px;
3839
}
3840
.avail-checks {
3841
	float: left;
3842
	width: 100%;
3843
	margin-top: 7px;
3844
}
3845
.avail-checks li {
3846
	float: left;
3847
	width: 100%;
3848
	margin-bottom: 10px;
3849
}
3850
.avail-checks li:last-child {
3851
	margin-bottom: 0;
3852
}
3853
.avail-checks li input[type="radio"] {
3854
	display: none;
3855
}
3856
.avail-checks li label {
3857
	float: left;
3858
}
3859
.avail-checks li input[type="radio"] + label span {
3860
	display: inline-block;
3861
	width: 15px;
3862
	height: 15px;
3863
	position: relative;
3864
	margin-top: 3px;
3865
	border: 1px solid #d2d2d2;
3866
	-webkit-border-radius: 100px;
3867
	-moz-border-radius: 100px;
3868
	-ms-border-radius: 100px;
3869
	-o-border-radius: 100px;
3870
	border-radius: 100px;
3871
}
3872
.avail-checks li input[type="radio"] + label span:before {
3873
	content: '';
3874
	opacity: 0;
3875
	visibility: hidden;
3876
	position: absolute;
3877
	width: 7px;
3878
	height: 7px;
3879
	-webkit-border-radius: 100px;
3880
	-moz-border-radius: 100px;
3881
	-ms-border-radius: 100px;
3882
	-o-border-radius: 100px;
3883
	border-radius: 100px;
3884
	background-color: #e44d3a;
3885
	top: 3px;
3886
	left: 3px;
3887
}
3888
.avail-checks li input[type="radio"]:checked + label span:before {
3889
	opacity: 1;
3890
	visibility: visible;
3891
}
3892
.avail-checks li small {
3893
	color: #909090;
3894
	font-size: 14px;
3895
	padding-left: 10px;
3896
	font-weight: 500;
3897
}
3898
 
3899
 
3900
/* =========== Range Slider ========== */
3901
 
3902
.rg-slider {
3903
	float: left;
3904
	width: 100%;
3905
}
3906
.slider-container {
3907
	width: 100% !important;
3908
	padding-top: 50px;
3909
	position: relative;
3910
}
3911
.theme-green .back-bar {
3912
	height: 5px;
3913
	border: 1px solid #e5e5e5;
3914
	-webkit-border-radius: 30px;
3915
	-moz-border-radius: 30px;
3916
	-ms-border-radius: 30px;
3917
	-o-border-radius: 30px;
3918
	border-radius: 30px;
3919
}
3920
.theme-green .back-bar .pointer {
3921
	width: 17px;
3922
	height: 17px;
3923
	-webkit-border-radius: 100px;
3924
	-moz-border-radius: 100px;
3925
	-ms-border-radius: 100px;
3926
	-o-border-radius: 100px;
3927
	border-radius: 100px;
3928
	background-color: #e44d3a;
3929
	border: 2px solid #e3e3e3;
3930
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
3931
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
3932
	-ms-box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
3933
	-o-box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
3934
	box-shadow: 1px 2px 3px rgba(0,0,0,0.43);
3935
}
3936
.theme-green .back-bar .pointer {
3937
	top: -7px;
3938
}
3939
.slider-container .back-bar .pointer-label {
3940
	top: -50px;
3941
	height: 26px;
3942
	background-color: #e5e5e5;
3943
	-webkit-border-radius: 30px;
3944
	-moz-border-radius: 30px;
3945
	-ms-border-radius: 30px;
3946
	-o-border-radius: 30px;
3947
	border-radius: 30px;
3948
	line-height: 26px;
3949
	width: 50px;
3950
}
3951
.pointer-label.low {
3952
	left: 0 !important;
3953
}
3954
.pointer-label.high {
3955
	left: 70px !important;
3956
}
3957
.pointer-label.low:before {
3958
	content: '';
3959
	position: absolute;
3960
	top: 13px;
3961
	right: -14px;
3962
	width: 8px;
3963
	height: 1px;
3964
	background-color: #e5e5e5;
3965
}
3966
.rg-limit {
3967
	float: left;
3968
	width: 100%;
3969
	margin-top: 16px;
3970
}
3971
.rg-limit h4 {
3972
	color: #686868;
3973
	font-size: 15px;
3974
	font-weight: 600;
3975
	float: left;
3976
}
3977
.rg-limit h4:last-child {
3978
	float: right;
3979
}
3980
 
3981
 
3982
 
3983
/* ============== chatbox-list ============== */
3984
 
3985
.chatbox-list {
3986
	position: fixed;
3987
	bottom: 0;
3988
	right: 0;
3989
}
3990
.chatbox {
3991
	display: inline-block;
3992
	margin-right: 13px;
3993
	position: relative;
3994
}
3995
.chat-mg {
3996
	display: inline-block;
3997
	position: relative;
3998
}
3999
.chat-mg img {
4000
	width: 70px;
4001
	height: 70px;
4002
	-webkit-border-radius: 100px;
4003
	-moz-border-radius: 100px;
4004
	-ms-border-radius: 100px;
4005
	-o-border-radius: 100px;
4006
	border-radius: 100px;
4007
}
4008
.chat-mg span {
4009
	position: absolute;
4010
	top: -5px;
4011
	right: 10px;
4012
	width: 20px;
4013
	height: 20px;
4014
	background-color: #e44d3a;
4015
	text-align: center;
4016
	font-size: 12px;
4017
	color: #fff;
4018
	line-height: 20px;
4019
	-webkit-border-radius: 100px;
4020
	-moz-border-radius: 100px;
4021
	-ms-border-radius: 100px;
4022
	-o-border-radius: 100px;
4023
	border-radius: 100px;
4024
}
4025
.chat-mg.bx img {
4026
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.30);
4027
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.30);
4028
	-ms-box-shadow: 0 0 15px rgba(0,0,0,0.30);
4029
	-o-box-shadow: 0 0 15px rgba(0,0,0,0.30);
4030
	box-shadow: 0 0 15px rgba(0,0,0,0.30);
4031
}
4032
.conversation-box {
4033
	position: absolute;
4034
	bottom: 132%;
4035
	right: 100%;
4036
	width: 350px;
4037
	background-color: #fff;
4038
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.17);
4039
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.17);
4040
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.17);
4041
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.17);
4042
	box-shadow: 0 0 10px rgba(0,0,0,0.17);
4043
	opacity: 0;
4044
	visibility: hidden;
4045
	z-index: 0;
4046
}
4047
.conversation-box.active {
4048
	opacity: 1;
4049
	visibility: visible;
4050
	z-index: 9999;
4051
}
4052
.conversation-box:before {
4053
    content: '';
4054
    position: absolute;
4055
    bottom: -7px;
4056
    right: 26px;
4057
    border-top: 15px solid #fff;
4058
    border-right: 15px solid transparent;
4059
    -webkit-transform: rotate(225deg);
4060
    -moz-transform: rotate(225deg);
4061
    -ms-transform: rotate(225deg);
4062
    -o-transform: rotate(225deg);
4063
    transform: rotate(225deg);
4064
}
4065
.con-title {
4066
	float: left;
4067
	width: 100%;
4068
	background-color: #e44d3a;
4069
	padding: 15px 25px;
4070
	-webkit-border-radius: 10px 10px 0 0;
4071
	-moz-border-radius: 10px 10px 0 0;
4072
	-ms-border-radius: 10px 10px 0 0;
4073
	-o-border-radius: 10px 10px 0 0;
4074
	border-radius: 10px 10px 0 0;
4075
}
4076
.con-title h3 {
4077
	float: left;
4078
	color: #ffffff;
4079
	font-size: 16px;
4080
	font-weight: 600;
4081
}
4082
.con-title >a {
4083
	float: right;
4084
	color: #fff;
4085
	font-size:20px;
4086
}
4087
.chat-list {
4088
	float: left;
4089
	width: 100%;
4090
	min-height: 390px;
4091
}
4092
.conv-list {
4093
	float: left;
4094
	width: 100%;
4095
	display: table;
4096
	padding: 20px 25px;
4097
	position: relative;
4098
}
4099
.conv-list:hover,
4100
.conv-list.active {
4101
	background-color: #efefef;
4102
}
4103
.msg-numbers {
4104
	position: absolute;
4105
	bottom: 18px;
4106
	right: 25px;
4107
	width: 25px;
4108
	height: 25px;
4109
	background-color: #e77667;
4110
	text-align: center;
4111
	line-height: 25px;
4112
	color: #fff;
4113
	font-size: 13px;
4114
	-webkit-border-radius: 100px;
4115
	-moz-border-radius: 100px;
4116
	-ms-border-radius: 100px;
4117
	-o-border-radius: 100px;
4118
	border-radius: 100px;
4119
}
4120
.usrr-pic {
4121
	display: table-cell;
4122
	position: relative;
4123
}
4124
.active-status {
4125
	width: 9px;
4126
	height: 9px;
4127
	border:2px solid #ecf5fb;
4128
	-webkit-border-radius: 100px;
4129
	-moz-border-radius: 100px;
4130
	-ms-border-radius: 100px;
4131
	-o-border-radius: 100px;
4132
	border-radius: 100px;
4133
	position: absolute;
4134
	top: -3px;
4135
	right: 0;
4136
}
4137
.activee {
4138
	background-color: #e44d3a;
4139
}
4140
.usy-info {
4141
	display: table-cell;
4142
	vertical-align: top;
4143
	width: 100%;
4144
	padding-left: 15px;
4145
}
4146
.usy-info h3 {
4147
	color: #000000;
4148
	font-size: 18px;
4149
	font-weight: 600;
4150
	margin-bottom: 5px;
4151
}
4152
.usy-info span {
4153
	color: #686868;
4154
	font-size: 16px;
4155
	float: left;
4156
}
4157
.usy-info span img {
4158
	padding-left: 5px;
4159
	float: right;
4160
}
4161
.ct-time {
4162
	position: absolute;
4163
	top: 20px;
4164
	right: 25px;
4165
}
4166
.ct-time span {
4167
	color: #b2b2b2;
4168
	font-size: 14px;
4169
}
4170
 
4171
.st-icons {
4172
	float: right;
4173
	margin-top: 7px;
4174
}
4175
.st-icons a {
4176
	color: #fff;
4177
	font-size: 20px;
4178
	margin-right: 5px;
4179
}
4180
.chat-hist {
4181
	float: left;
4182
	width: 100%;
4183
	background-color: #fff;
4184
	height: 280px;
4185
}
4186
.chat-msg {
4187
	float: left;
4188
	width: 100%;
4189
	padding-right: 25px;
4190
	margin-bottom: 15px;
4191
}
4192
.chat-msg p {
4193
	color: #ffffff;
4194
	font-size: 14px;
4195
	background-color: #e44d3a;
4196
	line-height: 18px;
4197
	-webkit-border-radius: 15px;
4198
	-moz-border-radius: 15px;
4199
	-ms-border-radius: 15px;
4200
	-o-border-radius: 15px;
4201
	border-radius: 15px;
4202
	padding: 10px 15px;
4203
	width: 80%;
4204
	float: right;
4205
	margin-bottom: 10px;
4206
}
4207
.mg-3 {
4208
	margin-bottom: 3px;
4209
}
4210
.chat-msg span {
4211
	float: right;
4212
	color: #b1b1b1;
4213
	width: 100%;
4214
	font-size: 9px;
4215
	text-align: right;
4216
}
4217
.status-info {
4218
	width: 8px;
4219
	height: 8px;
4220
	background-color: #fff;
4221
	-webkit-border-radius: 100px;
4222
	-moz-border-radius: 100px;
4223
	-ms-border-radius: 100px;
4224
	-o-border-radius: 100px;
4225
	border-radius: 100px;
4226
	display: inline-block;
4227
	margin-left: 7px;
4228
}
4229
.chat-user-info h3 {
4230
	margin-top: 7px;
4231
	margin-left: 10px;
4232
}
4233
.date-nd {
4234
	float: left;
4235
	width: 100%;
4236
	text-align: center;
4237
	margin-bottom: 20px;
4238
	position: relative;
4239
}
4240
.date-nd:before,
4241
.date-nd:after {
4242
	content: '';
4243
	position: absolute;
4244
	top: 10px;
4245
	left: 15px;
4246
	width: 92px;
4247
	height: 1px;
4248
	background-color: #e5e5e5;
4249
}
4250
.date-nd:after {
4251
	left: auto;
4252
	right: 15px;
4253
}
4254
.date-nd span {
4255
	color: #b1b1b1;
4256
	font-size: 12px;
4257
	text-align: center;
4258
}
4259
.chat-msg.st2 p {
4260
	background-color: #efefef;
4261
	color: #686868;
4262
	float: left;
4263
	width: 55%;
4264
}
4265
.chat-msg.st2 {
4266
	padding-left: 25px;
4267
}
4268
.chat-msg.st2 span {
4269
	float: left;
4270
	text-align: left;
4271
}
4272
 
4273
/* =========== typing-msg =========== */
4274
 
4275
.typing-msg {
4276
	float: left;
4277
	width: 100%;
4278
	border-top: 1px solid #e6e6e6;
4279
	padding-top: 15px;
4280
}
4281
.typing-msg form {
4282
	float: left;
4283
	width: 100%;
4284
	position: relative;
4285
}
4286
.typing-msg form textarea {
4287
	width: 100%;
4288
	height: 30px;
4289
	background-color: #fff;
4290
	padding: 0 20px;
4291
	color: #b2b2b2;
4292
	font-size: 16px;
4293
	border: 0;
4294
	resize: none;
4295
}
4296
.typing-msg form button {
4297
	color: #e44d3a;
4298
	font-size: 18px;
4299
	font-weight: 600;
4300
	position: absolute;
4301
	top: 2px;
4302
	right: 20px;
4303
	background: none;
4304
	border: 0;
4305
	cursor: pointer;
4306
}
4307
.ft-options {
4308
	float: left;
4309
	width: 100%;
4310
	padding: 0 20px 8px 20px;
4311
}
4312
.ft-options li {
4313
	display: inline-block;
4314
	margin-right: 15px;
4315
}
4316
.ft-options li a {
4317
	color: #b2b2b2;
4318
	font-size: 24px;
4319
	display: inline-block;
4320
}
4321
 
4322
.mCSB_scrollTools {
4323
	right: -5px;
4324
}
4325
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
4326
	background-color: #cccccc;
4327
	width: 5px;
4328
}
4329
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
4330
	opacity: 0;
4331
}
4332
 
4333
 
4334
 
4335
/* ============ Menu Btn =============*/
4336
 
4337
.menu-btn {
4338
	float: right;
4339
	display: none;
4340
}
4341
.menu-btn a {
4342
	font-size: 24px;
4343
	color: #fff;
4344
	display: inline-block;
4345
	padding-top: 16px;
4346
	padding-left: 20px;
4347
}
4348
 
4349
 
4350
 
4351
 
4352
/* ============= account-tabs-setting ============ */
4353
 
4354
.profile-account-setting {
4355
}
4356
.account-tabs-setting {
4357
	float: left;
4358
	width: 100%;
4359
	padding: 70px 0;
4360
}
4361
.acc-leftbar {
4362
	float: left;
4363
	width: 100%;
4364
	background-color: #fff;
4365
	border-left: 1px solid #e5e5e5;
4366
	border-bottom: 1px solid #e5e5e5;
4367
	border-right: 1px solid #e5e5e5;
4368
}
4369
.acc-leftbar .nav-tabs > a {
4370
	float: left;
4371
	width: 100%;
4372
	background: none;
4373
	padding: 18px 20px;
4374
	border-bottom: 1px solid #e5e5e5;
4375
	border-left: 0;
4376
	border-right: 0;
4377
	color: #000000;
4378
	font-size: 16px;
4379
	font-weight: 500;
4380
	-webkit-border-radius: 0;
4381
	-moz-border-radius: 0;
4382
	-ms-border-radius: 0;
4383
	-o-border-radius: 0;
4384
	border-radius: 0;
4385
	border-top: 0;
4386
}
4387
.nav-tabs {
4388
	border-bottom: 0;
4389
}
4390
.acc-leftbar .nav-tabs > a:last-child {
4391
	border-bottom: 0;
4392
}
4393
.acc-leftbar .nav-tabs > a i {
4394
	padding-right: 15px;
4395
	font-size: 20px;
4396
	position: relative;
4397
	top: 2px;
4398
	font-weight: 700;
4399
	width: 40px;
4400
}
4401
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
4402
	background-color: inherit;
4403
	color: #e44d3a;
4404
	border-color: inherit;
4405
}
4406
 
4407
 
4408
/* ============= acc-setting ============ */
4409
 
4410
.acc-setting {
4411
	float: left;
4412
	width: 100%;
4413
	background-color: #fff;
4414
	border-left: 1px solid #e5e5e5;
4415
	border-bottom: 1px solid #e5e5e5;
4416
	border-right: 1px solid #e5e5e5;
4417
	-webkit-box-shadow: 1px 0 4px rgba(0,0,0,0.24);
4418
	-moz-box-shadow: 1px 0 4px rgba(0,0,0,0.24);
4419
	-ms-box-shadow: 1px 0 4px rgba(0,0,0,0.24);
4420
	-o-box-shadow: 1px 0 4px rgba(0,0,0,0.24);
4421
	box-shadow: 1px 0 4px rgba(0,0,0,0.24);
4422
}
4423
.acc-setting form {
4424
	float: left;
4425
	width: 100%;
4426
}
4427
.acc-setting > h3 {
4428
	float: left;
4429
	width: 100%;
4430
	color: #000000;
4431
	font-weight: 600;
4432
	font-size: 18px;
4433
	text-transform: capitalize;
4434
	border-bottom: 1px solid #e5e5e5;
4435
	padding: 17px 20px;
4436
}
4437
.notbar {
4438
	float: left;
4439
	width: 100%;
4440
	border-bottom: 1px solid #e5e5e5;
4441
	padding: 20px;
4442
	position: relative;
4443
}
4444
.notbar h4 {
4445
	color: #000000;
4446
	font-size: 16px;
4447
	font-weight: 600;
4448
	margin-bottom: 5px;
4449
}
4450
.notbar p {
4451
	color: #686868;
4452
	font-size: 14px;
4453
	line-height: 24px;
4454
	width: 75%;
4455
}
4456
.toggle-btn {
4457
	position: absolute;
4458
	top: 35px;
4459
	right: 20px	;
4460
}
4461
.save-stngs {
4462
	float: left;
4463
	width: 100%;
4464
	padding: 30px 20px 50px 20px;
4465
}
4466
.save-stngs.pd2 {
4467
	padding: 25px 20px 42px 20px;
4468
}
4469
.save-stngs.pd3 {
4470
	padding: 25px 20px 25px 20px;
4471
}
4472
.save-stngs ul li {
4473
	display: inline-block;
4474
	margin-right: 17px;
4475
}
4476
.save-stngs ul li button {
4477
	display: inline-block;
4478
	color: #000000;
4479
	font-size: 16px;
4480
	border: 1px solid #e5e5e5;
4481
	height: 40px;
4482
	line-height: 40px;
4483
	padding: 0 22px;
4484
	font-weight: 600;
4485
	background: none;
4486
	cursor: pointer;
4487
}
4488
.save-stngs ul li button:hover {
4489
	background-color: #e44d3a;
4490
	color: #fff;
4491
	border-color: transparent;
4492
}
4493
 
4494
/* =============== Password Update ============ */
4495
 
4496
.cp-field {
4497
	float: left;
4498
	width: 100%;
4499
	margin-top: 29.4px;
4500
	padding: 0 20px;
4501
}
4502
.cp-field h5 {
4503
	color: #000000;
4504
	font-size: 16px;
4505
	font-weight: 600;
4506
	float: left;
4507
	width: 100%;
4508
	margin-bottom: 10px;
4509
}
4510
.cp-field h5 a {
4511
	color: #000;
4512
}
4513
.cpp-fiel {
4514
	float: left;
4515
	width: 100%;
4516
	position: relative;
4517
}
4518
.cp-field input {
4519
	height: 40px;
4520
	padding: 0 40px;
4521
}
4522
.cp-field input,
4523
.cp-field textarea {
4524
	width: 100%;
4525
	border: 1px solid #e5e5e5;
4526
}
4527
.cp-field textarea {
4528
	padding: 20px;
4529
	height: 115px;
4530
}
4531
.cpp-fiel i {
4532
	position: absolute;
4533
	top: 12px;
4534
	left: 15px;
4535
	color: #b2b2b2;
4536
	font-size: 16px;
4537
}
4538
.cp-field > p {
4539
	float: left;
4540
	width: 100%;
4541
	color: #686868;
4542
	font-size: 14px;
4543
	line-height: 24px;
4544
	margin-top: 5px;
4545
}
4546
/* =============== notifications-list ============= */
4547
 
4548
.notifications-list {
4549
	float: left;
4550
	width: 100%;
4551
}
4552
.notfication-details {
4553
	float: left;
4554
	width: 100%;
4555
	padding: 20px;
4556
	border-bottom: 1px solid #e5e5e5;
4557
}
4558
.notfication-details:last-child {
4559
	border-bottom: 0;
4560
}
4561
.noty-user-img {
4562
	float: left;
4563
	width: 35px;
4564
}
4565
.noty-user-img img {
4566
	width: 100%;
4567
}
4568
.notification-info {
4569
	float: left;
4570
	width: auto;
4571
	padding-left: 10px;
4572
}
4573
.notification-info h3 {
4574
	color: #686868;
4575
	font-size: 14px;
4576
	font-weight: 500;
4577
	border: 0;
4578
	padding: 0;
4579
	margin-bottom: 6px;
4580
}
4581
.notification-info h3 a {
4582
	color: #000000;
4583
	font-size: 16px;
4584
	font-weight: 600;
4585
	display: inline-block;
4586
}
4587
.notification-info > span {
4588
	display: inline-block;
4589
	color: #b2b2b2;
4590
	font-size: 12px;
4591
	font-weight: 600;
4592
}
4593
 
4594
 
4595
/* ============== requests-list ============== */
4596
 
4597
.requests-list {
4598
	float: left;
4599
	width: 100%;
4600
	padding-bottom: 0;
4601
}
4602
.request-details {
4603
	float: left;
4604
	width: 100%;
4605
	padding: 20px;
4606
	border-bottom: 1px solid #e5e5e5;
4607
}
4608
.request-details:last-child {
4609
	border-bottom: 0;
4610
}
4611
.request-info {
4612
	float: left;
4613
	padding-left: 10px;
4614
}
4615
.request-info h3 {
4616
	color: #000000;
4617
	font-size: 14px;
4618
	font-weight: 600;
4619
	padding: 0;
4620
	border: 0;
4621
	margin-bottom: 3px;
4622
}
4623
.request-info span {
4624
	color: #686868;
4625
	font-size: 12px;
4626
	display: inline-block;
4627
}
4628
.accept-feat {
4629
	float: right;
4630
}
4631
.accept-feat ul li {
4632
	display: inline-block;
4633
}
4634
.accept-feat ul li button {
4635
	cursor: pointer;
4636
}
4637
.accept-req {
4638
	color: #ffffff;
4639
	font-size: 16px;
4640
	background-color: #51a5fb;
4641
	height: 30px;
4642
	padding: 0 20px;
4643
	font-weight: 600;
4644
	border: 0;
4645
	border: 1px solid #51a5fb;
4646
}
4647
.close-req {
4648
	height: 30px;
4649
	width: 30px;
4650
	text-align: center;
4651
	line-height: 30px;
4652
	border: 1px solid #e5e5e5;
4653
	background: inherit;
4654
	color: #b2b2b2;
4655
	margin-left: 7px;
4656
}
4657
.close-req i {
4658
	font-weight: 600;
4659
}
4660
 
4661
 
4662
/* ============= Profile Sattus =========== */
4663
 
4664
.profile-bx-details {
4665
	float: left;
4666
	width: 100%;
4667
	padding: 30px 7px 30px 7px;
4668
}
4669
.profile-bx-details .row .col-lg-3 {
4670
	padding: 0 7px;
4671
}
4672
.profile-bx-info {
4673
	float: left;
4674
	width: 100%;
4675
	background-color: #f2f2f2;
4676
	padding: 20px;
4677
	border: 1px solid #e5e5e5;
4678
}
4679
.pro-bx {
4680
	float: left;
4681
	width: 100%;
4682
	border-bottom: 1px solid #e5e5e5;
4683
	padding-bottom: 10px;
4684
}
4685
.bx-info {
4686
	float: left;
4687
	margin-top: 7px;
4688
	padding-left: 10px;
4689
}
4690
.bx-info h3 {
4691
	color: #e44d3a;
4692
	font-size: 20px;
4693
	font-weight: 600;
4694
	margin-bottom: 5px;
4695
}
4696
.bx-info h5 {
4697
	color: #000000;
4698
	font-size: 14px;
4699
	font-weight: 600;
4700
	margin: 0;
4701
	padding: 0;
4702
	border: 0;
4703
}
4704
.pd-left-20 {
4705
	padding-left: 20px;
4706
	padding-right: 0;
4707
}
4708
.pd-left-15 {
4709
	padding-left: 15px;
4710
	padding-right: 0;
4711
}
4712
.pd-left-right {
4713
	padding-left: 15px;
4714
	padding-right: 20px;
4715
}
4716
.profile-bx-info > p {
4717
	 float: left;
4718
    width: 100%;
4719
    font-size: 14px;
4720
    line-height: 20px;
4721
    padding-top: 5px;
4722
}
4723
 
4724
 
4725
/* =========== pro-work-status ========= */
4726
 
4727
.pro-work-status {
4728
	float: left;
4729
	width: 100%;
4730
	padding: 0 15px;
4731
}
4732
.pro-work-status h4 {
4733
	color: #000000;
4734
	font-size: 18px;
4735
	font-weight: 600;
4736
	margin-bottom: 50px;
4737
}
4738
 
4739
 
4740
/* ============== messages-page ============== */
4741
 
4742
.messages-page {
4743
	padding: 60px 0;
4744
}
4745
.messages-sec {
4746
	float: left;
4747
	width: 100%;
4748
}
4749
.msgs-list {
4750
	float: left;
4751
	width: 100%;
4752
	background-color: #fff;
4753
	border-left: 1px solid #e4e4e4;
4754
	border-bottom: 1px solid #e4e4e4;
4755
	border-right: 1px solid #e4e4e4;
4756
}
4757
.msg-title {
4758
	float: left;
4759
	width: 100%;
4760
	padding: 36px 20px;
4761
}
4762
.msg-title > h3 {
4763
	color: #000000;
4764
	font-size: 18px;
4765
	font-weight: 600;
4766
	float: left;
4767
}
4768
.msg-title > ul {
4769
	float: right;
4770
	position: relative;
4771
	top: 1px;
4772
}
4773
.msg-title ul li {
4774
	display: inline-block;
4775
	margin-right: 15px;
4776
}
4777
.msg-title ul li:last-child {
4778
	margin-right: 0;
4779
}
4780
.msg-title ul li a {
4781
	color: #b2b2b2;
4782
	font-size: 18px;
4783
}
4784
.messages-list {
4785
	float: left;
4786
	width: 100%;
4787
}
4788
.messages-list ul {
4789
	float: left;
4790
	width: 100%;
4791
}
4792
.messages-list ul li {
4793
	float: left;
4794
	width: 100%;
4795
	padding: 20px;
4796
	border-bottom: 1px solid #eeeeee;
4797
	cursor: pointer;
4798
}
4799
.messages-list ul li.active {
4800
	background-color: #efefef;
4801
}
4802
.usr-msg-details {
4803
	float: left;
4804
	position: relative;
4805
	width: 100%;
4806
}
4807
.usr-ms-img {
4808
	float: left;
4809
	width: 50px;
4810
	position: relative;
4811
}
4812
.msg-status {
4813
	-webkit-border-radius: 100px;
4814
	-moz-border-radius: 100px;
4815
	-ms-border-radius: 100px;
4816
	-o-border-radius: 100px;
4817
	border-radius: 100px;
4818
	background-color: #e44d3a;
4819
	position: absolute;
4820
	top: -3px;
4821
	right: 0;
4822
	width: 6px;
4823
	height: 6px;
4824
}
4825
.messages-list ul li.active .msg-status {
4826
	border: 2px solid #ecf5fb;
4827
	height: 10px;
4828
	width: 10px;
4829
}
4830
.msg-notifc {
4831
	position: absolute;
4832
	bottom: 0;
4833
	right: 0;
4834
	width: 25px;
4835
	height: 25px;
4836
	-webkit-border-radius: 100px;
4837
	-moz-border-radius: 100px;
4838
	-ms-border-radius: 100px;
4839
	-o-border-radius: 100px;
4840
	border-radius: 100px;
4841
	background-color: #e77667;
4842
	text-align: center;
4843
	line-height: 25px;
4844
	font-size: 13px;
4845
	color: #fff;
4846
}
4847
.usr-ms-img img {
4848
	width: 100%;
4849
	-webkit-border-radius: 100px;
4850
	-moz-border-radius: 100px;
4851
	-ms-border-radius: 100px;
4852
	-o-border-radius: 100px;
4853
	border-radius: 100px;
4854
}
4855
.usr-mg-info {
4856
	float: left;
4857
	padding-left: 13px;
4858
	margin-top: 4px;
4859
}
4860
.usr-mg-info h3 {
4861
	color: #000000;
4862
	font-size: 18px;
4863
	font-weight: 600;
4864
}
4865
.usr-mg-info p {
4866
	color: #686868;
4867
	font-size: 16px;
4868
}
4869
.usr-mg-info p img {
4870
	float: right;
4871
	position: relative;
4872
	top: 5px;
4873
	padding-left: 5px;
4874
}
4875
.posted_time {
4876
	position: absolute;
4877
	top: 2px;
4878
	right: 0;
4879
	color: #b2b2b2;
4880
	font-size: 14px;
4881
}
4882
 
4883
 
783 stevensc 4884
/* =============== main-message-box ============= */
1 www 4885
 
783 stevensc 4886
.main-conversation-box {
4887
	float: left;
4888
	width: 100%;
4889
	background-color: #fff;
4890
	position: relative;
1 www 4891
	border-right: 1px solid #e4e4e4;
4892
	border-bottom: 1px solid #e4e4e4;
4893
}
4894
.message-bar-head {
4895
	float: left;
783 stevensc 4896
	width: 100%;
782 stevensc 4897
	background-color: rgba(255,255,255,0.95);
1 www 4898
	padding: 20px;
4899
	border-bottom: 1px solid #eaeaea;
783 stevensc 4900
	position: absolute;
1 www 4901
	top: 0;
4902
	left: 0;
4903
	z-index: 11;
4904
}
4905
.message-bar-head .usr-msg-details {
4906
	float: left;
4907
	width: auto;
4908
}
4909
.message-bar-head > a {
4910
	float: right;
4911
	color: #b2b2b2;
4912
	font-size: 20px;
4913
	padding-top: 15px;
4914
}
783 stevensc 4915
.main-message-box {
4916
	float: left;
4917
	width: 100%;
4918
	position: relative;
4919
	margin-bottom: 15.5px;
4920
}
4921
.messg-usr-img {
4922
	position: absolute;
4923
	bottom: 25px;
4924
	left: 20px;
1 www 4925
	width: 50px;
4926
}
783 stevensc 4927
.messg-usr-img img {
1 www 4928
	width: 100%;
4929
	-webkit-border-radius: 100px;
4930
	-moz-border-radius: 100px;
4931
	-ms-border-radius: 100px;
4932
	-o-border-radius: 100px;
4933
	border-radius: 100px;
4934
}
4935
.message-dt {
783 stevensc 4936
	float: left;
1 www 4937
	width: auto;
783 stevensc 4938
	padding-left: 85px;
1 www 4939
}
783 stevensc 4940
.main-message-box.ta-right {
4941
	float: right;
1 www 4942
}
783 stevensc 4943
.main-message-box.ta-right .messg-usr-img {
4944
	left: auto;
4945
	right: 20px;
4946
	bottom: 25px;
1 www 4947
}
783 stevensc 4948
.main-message-box.ta-right .message-dt {
4949
	padding-left: 0;
4950
	padding-right: 85px;
1 www 4951
}
783 stevensc 4952
.main-message-box.ta-right .message-dt > span {
1 www 4953
	float: right;
4954
	width: auto;
4955
}
4956
.message-inner-dt {
4957
	float: left;
4958
	-webkit-border-radius: 15px;
4959
	-moz-border-radius: 15px;
4960
	-ms-border-radius: 15px;
4961
	-o-border-radius: 15px;
4962
	border-radius: 15px;
4963
	width: 100%;
4964
}
4965
.img-bx {
4966
	background-color: #efefef;
4967
	padding: 20px;
4968
}
4969
.message-inner-dt > img {
4970
	display: inline-block;
4971
	width: auto;
4972
	margin-right: 5px;
4973
}
4974
.message-dt > span {
4975
	color: #b2b2b2;
4976
	font-size: 14px;
4977
	float: left;
4978
	width: 100%;
4979
	margin-top: 7px;
4980
}
4981
.message-inner-dt > p {
4982
	float: right;
4983
	width: 60%;
4984
	background-color: #e44d3a;
4985
	font-size: 14px;
4986
	line-height: 22px;
4987
	padding: 10px 35px 10px 35px;
4988
	color: #fff;
4989
	-webkit-border-radius: 15px;
4990
	-moz-border-radius: 15px;
4991
	-ms-border-radius: 15px;
4992
	-o-border-radius: 15px;
4993
	border-radius: 15px;
4994
}
4995
.message-dt.st3 .message-inner-dt > p {
4996
	background-color: #efefef;
4997
	color: #686868;
4998
	width: auto;
4999
	padding: 10px 15px;
5000
	float: left;
5001
}
5002
.message-dt.st3 .message-inner-dt > p img {
5003
	float: right;
5004
	position: relative;
5005
	top: 3px;
5006
	padding-left: 5px;
5007
}
783 stevensc 5008
.main-message-box.st3 .messg-usr-img {
1 www 5009
	bottom: 13px;
5010
}
5011
.messages-line {
5012
	float: left;
5013
	width: 100%;
5014
	height: 604px;
5015
}
5016
 
5017
/* ============== message-send-area ============ */
5018
 
5019
.message-send-area {
5020
	float: left;
5021
	width: 100%;
5022
	background-color: #f3f5f7;
5023
	padding: 25px 20px 15px 20px;
5024
	border: 1px solid #eeeeee;
5025
}
5026
.message-send-area form {
5027
	float: left;
5028
	width: 100%;
5029
}
5030
.mf-field {
5031
	float: left;
5032
	width: 100%;
5033
}
5034
.mf-field input {
5035
	float: left;
5036
	width: 80%;
5037
	background-color: #fff;
5038
	color: #b2b2b2;
5039
	font-size: 16px;
5040
	padding: 0 15px;
5041
	border: 1px solid #e6e6e6;
5042
	height: 45px;
5043
}
5044
.mf-field button {
5045
	float: left;
5046
	width: 17%;
5047
	background-color: #e44d3a;
5048
	height: 45px;
5049
	text-align: center;
5050
	color: #fff;
5051
	font-weight: 600;
5052
	border: 0;
5053
	margin-left: 15px;
5054
	cursor: pointer;
5055
}
5056
.message-send-area form > ul {
5057
	float: left;
5058
	width: 100%;
5059
	margin-top: 15px;
5060
}
5061
.message-send-area form > ul li {
5062
	display: inline-block;
5063
	margin-right: 20px;
5064
}
5065
.message-send-area form > ul li a {
5066
	color: #b2b2b2;
5067
	font-size: 18px;
5068
}
5069
 
5070
 
5071
/* ============== forum-links ============= */
5072
 
5073
.forum-sec {
5074
	background-color: #fff;
5075
}
5076
.forum-links {
5077
	float: left;
5078
	width: 100%;
5079
}
5080
.forum-links.active {
5081
	opacity: 1;
5082
	visibility: visible;
5083
	z-index: 9999;
5084
}
5085
.forum-links ul li {
5086
	display: inline-block;
5087
	padding: 20px 0;
5088
	margin-right: 45px;
5089
	border-bottom: 2px solid transparent;
5090
}
5091
.forum-links ul li.active {
5092
	border-color:#e44d3a;
5093
}
5094
.forum-links ul li.active a {
5095
	color: #e44d3a;
5096
}
5097
.forum-links ul li a {
5098
	display: inline-block;
5099
	color: #b2b2b2;
5100
	font-size: 14px;
5101
	font-weight: 600;
5102
}
5103
.forum-links-btn {
5104
	float: left;
5105
	width: 100%;
5106
	text-align: center;
5107
	display: none;
5108
	padding: 20px 0;
5109
}
5110
.forum-links-btn a {
5111
	color: #000;
5112
	font-size: 30px;
5113
	display: inline-block;
5114
}
5115
 
5116
/* ================ forum-page =============== */
5117
 
5118
.forum-page {
5119
	padding: 50px 0;
5120
}
5121
.forum-questions-sec {
5122
	float: left;
5123
	width: 100%;
5124
}
5125
.forum-questions {
5126
	float: left;
5127
	width: 100%;
5128
	background-color: #fff;
5129
}
5130
.usr-question {
5131
	float: left;
5132
	width: 100%;
5133
	position: relative;
5134
	padding: 25px;
5135
	border-bottom: 1px solid #e5e5e5;
5136
}
5137
.usr_img {
5138
	float: left;
5139
	width: 60px;
5140
}
5141
.usr_img img {
5142
	width: 100%;
5143
	-webkit-border-radius: 100px;
5144
	-moz-border-radius: 100px;
5145
	-ms-border-radius: 100px;
5146
	-o-border-radius: 100px;
5147
	border-radius: 100px;
5148
}
5149
.usr_quest {
5150
	float: left;
5151
	width: 90%;
5152
	padding-left: 15px;
5153
}
5154
.usr_quest > h3 {
5155
	color: #000000;
5156
	font-size: 17px;
5157
	font-weight: 600;
5158
	margin-bottom: 20px;
5159
}
5160
.forum-post-view .usr_quest > h3 {
5161
	margin-bottom: 10px;
5162
}
5163
.react-links {
5164
	float: left;
5165
	width: 100%;
5166
}
5167
.react-links li {
5168
	display: inline-block;
5169
	margin-right: 30px;
5170
}
5171
.react-links li a {
5172
	display: inline-block;
5173
	color: #b2b2b2;
5174
	font-size: 14px;
5175
	font-weight: 600;
5176
}
5177
.react-links li a:hover {
5178
	color: #e44d3a;
5179
}
5180
.react-links li a i {
5181
	padding-right: 7px;
5182
}
5183
.react-links li:last-child {
5184
	margin-right: 0;
5185
}
5186
 
5187
/* ============= quest-tags ============ */
5188
 
5189
.quest-tags {
5190
	float: left;
5191
	width: 100%;
5192
	margin-top: 20px;
5193
}
5194
.quest-tags li {
5195
	display: inline-block;
5196
	margin-right: 10px;
5197
}
5198
.quest-tags li a {
5199
	display: inline-block;
5200
	color: #ffffff;
5201
	background-color: #53d690;
5202
	-webkit-border-radius: 3px;
5203
	-moz-border-radius: 3px;
5204
	-ms-border-radius: 3px;
5205
	-o-border-radius: 3px;
5206
	border-radius: 3px;
5207
	padding: 7px 25px;
5208
}
5209
.quest-posted-time {
5210
	position: absolute;
5211
	bottom: 30px;
5212
	right: 20px;
5213
	color: #b2b2b2;
5214
	font-size: 14px;
5215
}
5216
.quest-posted-time i {
5217
	padding-right: 5px;
5218
}
5219
.pd-right-none {
5220
	padding-right: 0;
5221
}
5222
/* =========== navigation ============ */
5223
 
5224
.pagination {
5225
	float: left;
5226
	width: 100%;
5227
	background-color: #fff;
5228
	padding: 13px 25px;
5229
}
5230
.full-pagi {
5231
	float: left;
5232
	width: 100%;
5233
	padding-right: 0;
5234
	text-align: inherit;
5235
	margin-top: 20px;
5236
}
5237
.pagination li {
5238
	padding: 0;
5239
	margin-right: 10px;
5240
}
5241
.pagination li .page-link {
5242
	background-color: #e5e5e5;
5243
	color: #b2b2b2;
5244
}
5245
.pagination li .page-link.active {
5246
	background-color: #e44d3a;
5247
	color: #fff;
5248
	border-color: transparent;
5249
}
5250
.pvr {
5251
	padding: .5rem 30px;
5252
}
5253
 
5254
 
5255
/* ============ User Widget =========== */
5256
 
5257
.title-wd {
5258
	float: left;
5259
	width: 100%;
5260
	color: #000000;
5261
	font-size: 18px;
5262
	font-weight: 600;
5263
	border-bottom: 1px solid #e5e5e5;
5264
	padding: 25px 20px;
5265
}
5266
.widget-user ul {
5267
	float: left;
5268
	width: 100%;
5269
	padding: 15px 0;
5270
}
5271
.widget-user ul li {
5272
	float: left;
5273
	width: 100%;
5274
	padding: 15px 20px;
5275
}
5276
.widget-user ul li .usr-msg-details {
5277
	float: left;
5278
	width: auto;
5279
}
5280
.widget-user ul li .usr-ms-img {
5281
	width: 35px;
5282
}
5283
.widget-user ul li .usr-mg-info h3 {
5284
	font-size: 14px;
5285
}
5286
.widget-user ul li .usr-mg-info p {
5287
	font-size: 12px;
5288
}
5289
.widget-user ul li > span {
5290
	color: #686868;
5291
	font-size: 16px;
5292
	float: right;
5293
	margin-top: 10px;
5294
}
5295
.widget-user ul li > span img {
5296
	padding-right: 5px;
5297
}
5298
 
5299
 
5300
/* ============== widget-adver ============ */
5301
 
5302
.widget-adver img {
5303
	width: 100%;
5304
}
5305
 
5306
 
5307
/* ============ forum-post-view ============ */
5308
 
5309
.forum-post-view {
5310
	float: left;
5311
	width: 100%;
5312
	background-color: #fff;
5313
	padding: 25px 25px 0 25px;
5314
	border-bottom: 1px solid #e5e5e5;
5315
}
5316
.forum-post-view .usr-question {
5317
	border-bottom: 0;
5318
	padding: 0;
5319
}
5320
.forum-post-view .usr_quest span {
5321
	color: #b2b2b2;
5322
	font-size: 14px;
5323
	display: inline-block;
5324
	margin-bottom: 20px;
5325
}
5326
.forum-post-view .usr_quest span i {
5327
	padding-right: 7px;
5328
}
5329
.forum-post-view .quest-tags {
5330
	margin-bottom: 30px;
5331
}
5332
.forum-post-view .usr_quest > p {
5333
	float: left;
5334
	width: 100%;
5335
	color: #686868;
5336
	font-size: 14px;
5337
	line-height: 24px;
5338
	margin-bottom: 40px;
5339
}
5340
.forum-post-view .comment-section {
5341
	padding: 0;
5342
}
5343
.forum-post-view .comment-section > h3 {
5344
	float: left;
5345
	width: 100%;
5346
	color: #000000;
5347
	font-size: 18px;
5348
	font-weight: 600;
5349
	border-bottom: 1px solid #e5e5e5;
5350
	padding-bottom: 15px;
5351
}
5352
.forum-post-view .comment-sec ul li {
5353
	border-bottom: 1px solid #e5e5e5;
5354
	padding: 23px 0;
5355
}
5356
.forum-post-view .comment span {
5357
	margin-bottom: 10px;
5358
}
5359
.forum-post-view .comment-list {
5360
	padding-bottom: 0;
5361
	margin-bottom: -4px;
5362
}
5363
.forum-post-view .comment p {
5364
	margin: 0;
5365
	margin-top: 5px;
5366
}
5367
.forum-post-view .comment h3 {
5368
	margin-bottom: 9px;
5369
}
5370
.forum-post-view .comment-sec ul li:last-child {
5371
	border-bottom: 0;
5372
}
5373
 
5374
 
5375
/* =============== post-comment-box ============= */
5376
 
5377
.post-comment-box {
5378
	float: left;
5379
	width: 100%;
5380
	padding: 20px;
5381
	background-color: #fff;
5382
}
5383
.post-comment-box h3 {
5384
	float: left;
5385
	width: 100%;
5386
	color: #000000;
5387
	font-size: 18px;
5388
	font-weight: 600;
5389
	margin-bottom: 30px;
5390
}
5391
.user-poster {
5392
	float: left;
5393
	width: 100%;
5394
}
5395
.usr-post-img {
5396
	float: left;
5397
	width: 50px;
5398
	margin-right: 15px;
5399
}
5400
.usr-post-img img {
5401
	width: 100%;
5402
	-webkit-border-radius: 100px;
5403
	-moz-border-radius: 100px;
5404
	-ms-border-radius: 100px;
5405
	-o-border-radius: 100px;
5406
	border-radius: 100px;
5407
}
5408
.post_comment_sec {
5409
	float: left;
5410
	width: 90%;
5411
}
5412
.post_comment_sec form {
5413
	float: left;
5414
	width: 100%;
5415
}
5416
.post_comment_sec form textarea {
5417
	float: left;
5418
	width: 100%;
5419
	height: 130px;
5420
	border: 1px solid #dce2eb;
5421
	padding: 15px;
5422
	resize: none;
5423
}
5424
.post_comment_sec form button {
5425
	color: #ffffff;
5426
	font-size: 14px;
5427
	background-color: #e44d3a;
5428
	padding: 10px 25px;
5429
	border: 0;
5430
	font-weight: 600;
5431
	margin-top: 20px;
5432
	cursor: pointer;
5433
}
5434
 
5435
 
5436
/* ======== next-prev ========*/
5437
 
5438
.next-prev {
5439
	float: left;
5440
	width: 100%;
5441
	background-color: #fff;
5442
	margin-top: 20px;
5443
	padding: 12px 25px;
5444
}
5445
.next-prev > a {
5446
	width: 90px;
5447
	height: 35px;
5448
	text-align: center;
5449
	line-height: 35px;
5450
	color: #b2b2b2;
5451
	font-size: 14px;
5452
	background-color: #e5e5e5;
5453
}
5454
.next-prev > a:hover {
5455
	color: #fff;
5456
	background-color: #e44d3a;
5457
}
5458
.fl-left {
5459
	float: left;
5460
}
5461
.fl-right {
5462
	float: right;
5463
}
5464
 
5465
 
5466
/* ========== widget-feat ========= */
5467
 
5468
.widget-feat {
5469
	padding: 25px 20px;
5470
}
5471
.widget-feat ul {
5472
	float: left;
5473
	width: 100%;
5474
}
5475
.widget-feat ul li {
5476
	float: left;
5477
	width: 25%;
5478
	text-align: center;
5479
}
5480
.widget-feat ul li i {
5481
	display: block;
5482
	font-size: 18px;
5483
	margin-bottom: 9px;
5484
}
5485
.widget-feat ul li span {
5486
	display: block;
5487
	color: #686868;
5488
	font-size: 16px;
5489
	font-weight: 500;
5490
}
5491
.widget-feat ul li i.fa-heart {
5492
	color: #53d690;
5493
}
5494
.widget-feat ul li i.fa-comment {
5495
	color: #e44d3a;
5496
}
5497
.widget-feat ul li i.fa-share-alt {
5498
	color: #51a5fb;
5499
}
5500
.widget-feat ul li i.fa-eye {
5501
	color: #00b540;
5502
}
5503
 
5504
/* =============== ANIMATION LOADER =============== */
5505
 
5506
 
5507
.spinner {
5508
    margin: 0 auto 0;
5509
    width: 80px;
5510
    text-align: center;
5511
    height: 80px;
5512
    border-radius: 100px;
5513
    background-color: #fff;
5514
    line-height: 80px;
5515
    border:1px solid #e1e1e1;
5516
    cursor: pointer;
5517
}
5518
 
5519
.spinner > div {
5520
  width: 15px;
5521
  height: 15px;
5522
  background-color: #b9b9b9;
5523
 
5524
  border-radius: 100%;
5525
  display: inline-block;
5526
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
5527
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
5528
}
5529
 
5530
.spinner .bounce1 {
5531
  -webkit-animation-delay: -0.32s;
5532
  animation-delay: -0.32s;
5533
}
5534
 
5535
.spinner .bounce2 {
5536
  -webkit-animation-delay: -0.16s;
5537
  animation-delay: -0.16s;
5538
}
5539
 
5540
@-webkit-keyframes sk-bouncedelay {
5541
  0%, 80%, 100% { -webkit-transform: scale(0) }
5542
  40% { -webkit-transform: scale(1.0) }
5543
}
5544
 
5545
@keyframes sk-bouncedelay {
5546
  0%, 80%, 100% {
5547
    -webkit-transform: scale(0);
5548
    transform: scale(0);
5549
  } 40% {
5550
    -webkit-transform: scale(1.0);
5551
    transform: scale(1.0);
5552
  }
5553
}
5554
 
5555
 
5556
 
5557
.wordpressdevlp{
5558
	background-color: #fff;
5559
}
5560
.bgclr{
5561
	background-color: #fff;
5562
	margin-bottom: 15px;
5563
}
5564
.cadidatesbtn{
5565
	position: absolute;
5566
	left: 0;
5567
	padding-top: 5px;
5568
}
5569
.cadidatesbtn button{
5570
	background-color: #e44d3a;
5571
	border:none;
5572
	margin-top: -3px;
5573
}
5574
.cadidatesbtn button:hover{
5575
	background-color: #e44d3a;
5576
}
5577
.cadidatesbtn span{
5578
	background-color: #bd2e1c;
5579
    color: #fff;
5580
    margin-right: 10px;
5581
    padding: .25em .5em;
5582
    font-weight: 600;
5583
    font-size: 12px;
5584
}
5585
.wordpressdevlp i{
5586
	color: #e86554;
5587
	font-size: 18px;
5588
	font-weight: bold;
5589
	padding-right: 5px;
5590
}
5591
.wordpressdevlp h2{
5592
	font-size: 18px;
5593
	font-weight: 600;
5594
}
5595
.cadidatesbtn i{
5596
	color: #b2b2b2;
5597
    border: 1px solid #b2b2b2;
5598
    font-size: 14px;
5599
    text-align: center;
5600
    margin-left: 7px;
5601
    border-radius: 3px;
5602
    padding: 10px;
5603
}
5604
.cadidatesbtn i:hover{
5605
	background-color: #e44d3a;
5606
	color: #fff;
5607
	border:1px solid #e44d3a;
5608
}
5609
.inner{
5610
	border-bottom: 2px solid #e5e5e5;
5611
	padding-bottom: 10px;
5612
}
5613
.inner li a:hover{
5614
	color: #e44d3a;
5615
	border-bottom: 2px solid #e44d3a;
5616
	padding-bottom: 9px;
5617
}
5618
.inner li a{
5619
	color: #000000;
5620
}
5621
.posttext{
5622
	position: absolute;
5623
	left: 0;
5624
}
5625
.deatile h3{
5626
	font-size: 14px;
5627
	font-weight: bold;
5628
	padding-bottom: 5px;
5629
}
5630
.clrbtn a{
5631
	background-color: #e44d3a;
5632
    color: #fff;
5633
    padding: 5px 10px 5px 10px;
5634
    margin-right: 15px;
5635
}
5636
.transpairentbtn a{
5637
	color: #222;
5638
	border:2px solid #f1f1f1;
5639
	padding: 5px 10px 5px 10px;
5640
}
5641
.savetext h3{
5642
	font-size: 14px;
5643
	font-weight: bold;
5644
	padding-bottom: 5px;
5645
}
5646
.devepbtn .clrbtn{
5647
	padding: 7px 20px;
5648
}
5649
.devepbtn a{
5650
	color: #666666;
5651
    border: 1px solid #b2b2b2;
5652
    padding: 7px 10px 7px 10px;
5653
    border-radius: 3px;
5654
    margin-right: 5px;
5655
}
5656
.devepbtn a:hover i{
5657
	color: #fff;
5658
}
5659
.devepbtn a:hover{
5660
	background-color: #e44d3a;
5661
	color: #fff;
5662
}
5663
.rew-reply hr{
5664
	margin-left: -20px;
5665
	margin-right: -20px;
5666
}
5667
.rew-reply p{
5668
	padding-left: 20px;
5669
}
5670
.rew-reply ul{
5671
	padding-left: 20px;
5672
}
5673
.devepbtn{
5674
	margin-top: 30px;
5675
	padding-left: 20px;
5676
}
5677
.rep-thanks hr{
5678
	margin-right: -20px;
5679
	margin-left: -20px;
5680
}
5681
.profilecnd{
5682
	margin-bottom: 0px;
5683
}
5684
.devepbtn i{
5685
	color: #b2b2b2;
5686
	font-size: 14px;
5687
}
5688
.appliedinfo{
5689
	padding-left: 0;
5690
	padding-top:20px!important;
5691
	padding-bottom: 10px;
5692
}
5693
.epi2{
5694
	padding: 0;
5695
}
5696
.review a{
5697
	line-height: 16px;
5698
    font-size: 14px;
5699
    text-decoration: none;
5700
    font-weight: 500;
5701
    margin-left: 15px;
5702
 
5703
}
5704
.add-pic-box {
5705
    display: inline-block;
5706
    color: #e44d3a;
5707
    font-size: 16px;
5708
    position: absolute;
5709
    top: 30px;
5710
    right: 0;
5711
    font-weight: 600;
5712
    margin-right: 0;
5713
	width: 100%;
5714
}
5715
 
5716
.add-pic-box [type="file"] {
5717
	height: 0;
5718
	overflow: hidden;
5719
	width: 0;
5720
	float: left;
5721
}
5722
 
5723
.add-pic-box [type="file"] + label {
5724
	background: #fff;
5725
	border: 2px solid #e44d3a;
5726
	border-radius: 3px;
5727
	color: #e44d3a;
5728
	cursor: pointer;
5729
	display: inline-block;
5730
	font-size:15px;
5731
	font-weight: 600;
5732
	outline: none;
5733
	padding: 12px 20px;
5734
	position: relative;
5735
	transition: all 0.3s;
5736
	vertical-align: middle;
5737
	margin: 0;
5738
	float: right;
5739
	text-transform: uppercase;
5740
}
5741
.add-pic-box [type="file"] + label:hover {
5742
	background: #e44d3a;
5743
	color: #fff;
5744
}
5745
.noreview li i{
5746
	color: #b2b2b2;
5747
}
5748
.review-tb{
5749
	margin:0 0 10px;
5750
	padding-left: 20px;
5751
}
5752
.noreview ul li i{
5753
	color: #b2b2b2;
5754
}
5755
.mngdetl{
5756
	border-bottom: none;
5757
}
5758
.post-reply{
5759
	padding-top: 0;
5760
	padding-bottom:0;
5761
}
5762
.activebidbtn i:hover{
5763
	background-color: #e44d3a;
5764
	color: #fff;
5765
	border:none;
5766
}
5767
.reviewtitle h2{
5768
	font-size: 17px;
5769
	font-weight: 600;
5770
}
5771
.horiline{
5772
	    width: 118%;
5773
    position: relative;
5774
    left: -40px;
5775
}
5776
.tahnks{
5777
	font-weight: 500;
5778
    margin-top: 5px;
5779
}
5780
 
5781
/*about-page*/
5782
.banner span {
5783
	position: absolute;
5784
    display: flex;
5785
    background-color: #222;
5786
    width: 100%;
5787
    opacity: 0.9;
5788
    justify-content: center;
5789
    padding: 10px;
5790
    margin-top: 0;
5791
    color: #fff;
5792
}
5793
.innertitle{
5794
	margin-top: 130px;
5795
}
5796
.Company-overview{
5797
	padding-bottom: 50px;
5798
}
5799
.bennertext{
5800
	position: absolute;
5801
	left: 20%;
5802
	right: 20%;
5803
	text-align: center;
5804
}
5805
.bannerimage img{
5806
	height: 100%;
5807
}
5808
.innertitle h2{
5809
	color: #fff;
5810
    font-size: 30px;
5811
    line-height: 32px;
5812
    font-weight: 600;
5813
	margin-bottom: 20px;
5814
}
5815
.innertitle p {
5816
	color:#fff;
5817
	font-size: 16px;
5818
}
5819
.Company-overview h2{
5820
	padding-top: 100px;
5821
	font-size: 24px;
5822
	font-weight: 600;
5823
	padding-bottom: 12px;
5824
}
5825
.Company-overview p {
5826
	font-size: 15px;
5827
	font-weight: 500;
5828
}
5829
.Company-overview img{
5830
	float: right;
5831
	padding-top: 25px;
5832
}
5833
.blog{
5834
	text-align: center;
5835
	display: inline-block;
5836
	margin-bottom: 50px;
5837
}
5838
.blog img{
5839
	padding-bottom: 30px;
5840
}
5841
.blog h2{
5842
	font-size: 18px;
5843
	font-weight: 600;
5844
	padding-bottom: 30px;
5845
}
5846
.blog a{
5847
	background-color: #ff4500;
5848
    color: #fff;
5849
    padding: 7px 25px 7px 25px;
5850
    border-radius: 3px;
5851
    font-size: 16px;
5852
    font-weight: 500;
5853
}
5854
.services{
5855
	padding-top: 80px;
5856
	padding-bottom: 80px;
5857
}
5858
.video{
5859
	padding-bottom: 40px;
5860
}
5861
.search-container {
5862
  text-align: center;
5863
}
5864
 
5865
.search-container input[type=text] {
5866
	padding: 6px 15px;
5867
	margin-top: 8px;
5868
	font-size: 17px;
5869
	border: none;
5870
	height: 50px;
5871
	width: 50%;
5872
	margin-bottom: 25px;
5873
	border-top-left-radius: 3px;
5874
	border-top-right-radius: 0px;
5875
	border-bottom-left-radius: 3px;
5876
	border-bottom-right-radius: 0px;
5877
}
5878
.searchtitle{
5879
	text-align: center;
5880
}
5881
.searchtitle h2{
5882
	color: #fff;
5883
	font-size: 30px;
5884
	font-weight: 400;
5885
	padding-bottom: 10px;
5886
}
5887
.modal-header h3{
5888
	font-size: 18px;
5889
}
5890
.search-container button {
5891
    padding: 8px 10px;
5892
    text-align: center;
5893
    margin-top: 8px;
5894
    margin-left: -3px;
5895
    margin-right: 18px;
5896
    background: #efefef;
5897
    font-size: 17px;
5898
    border: none;
5899
    cursor: pointer;
5900
    height: 50px;
5901
    width: 6%;
5902
    border-bottom-right-radius: 3px;
5903
    border-top-right-radius: 3px;
5904
}
5905
.topsearch i{
5906
	color: #e44d3a;
5907
}
5908
.dropdown-toggle::after {
5909
   position: absolute;
5910
   right: 15px;
5911
   color: #b2b2b2;
5912
   top: 7px;
5913
}
5914
.help-paddy{
5915
	padding: 0!important;
5916
}
5917
.paddy{
5918
	padding:20px;
5919
	float: left;
5920
}
5921
.dropdown-menu {
5922
    position: absolute;
5923
    top: 100%;
5924
    left: 0;
5925
    z-index: 1000;
5926
    display: none;
5927
    float: left;
5928
    min-width: 10rem;
5929
    padding: .5rem 0;
5930
    margin: .125rem 0 0;
5931
    font-size: 1rem;
5932
    color: #212529;
5933
    text-align: left;
5934
    list-style: none;
5935
    background-color: #fff;
5936
    width:100%;
5937
    background-clip: padding-box;
5938
    border: none;
5939
    border-radius: .25rem;
5940
}
5941
.radio-form p{
5942
	display: -webkit-inline-box
5943
}
5944
.dropdown a{
5945
	color:#000000;
5946
	font-size: 16px;
5947
	font-weight: 400;
5948
	padding: 0 20px;
5949
}
5950
.accountnone{
5951
	border:none;
5952
}
5953
.helpforum{
5954
	background-color: #fff;
5955
	padding: 15px 0;
5956
	box-shadow: 0px 2px #c6c6c6;
5957
}
5958
.helpforum h3{
5959
	font-size: 18px;
5960
	font-weight: 600;
5961
}
5962
.helpforum a{
5963
	background-color: #e44d3a;
5964
	color: #fff;
5965
	padding: 10px 15px 10px 15px;
5966
    line-height: 4;
5967
	border-radius: 3px;
5968
}
5969
.helpforum p{
5970
	line-height: 3;
5971
}
5972
.actionstitle h3{
5973
	font-size: 18px;
5974
	font-weight: 400;
5975
	color: #000;
5976
	padding-top: 30px;
5977
}
5978
.actionstitle img{
5979
	padding-right: 10px;
5980
}
5981
.actionstext a{
5982
	font-size: 16px;
5983
	font-weight: 500;
5984
	color: #e44d3a;
5985
	line-height: 2;
5986
	display: block;
5987
}
5988
.helpform{
5989
	text-align: center;
5990
	padding-top: 70px;
5991
}
5992
.helpform h3{
5993
	font-size: 18px;
5994
	font-weight: 400;
5995
	color: #e44d3a;
5996
	margin-bottom: 10px;
5997
}
5998
.helpform a {
5999
    background-color: #e44d3a;
6000
    color: #fff;
6001
    padding: 10px 15px 10px 15px;
6002
	border-radius: 3px;
6003
}
6004
.helpform p{
6005
	margin-bottom: 30px;
6006
}
6007
.helpform img {
6008
	float: unset;
6009
	padding-bottom: 10px;
6010
}
6011
.bookingsideber h3{
6012
	color: #000;
6013
}
6014
.bookingsideber h3:active{
6015
	color: #e44d3a;
6016
}
6017
.helpforum h4{
6018
	font-size: 16px;
6019
	font-weight: 600;
6020
}
6021
.bloktext{
6022
	padding-left: 25px;
6023
}
6024
.privacy{
6025
	background-color: #fff;
6026
	height: 850px;
6027
}
6028
.privacydropd .dropdown-toggle::after {
6029
    float: right;
6030
    vertical-align: .255em;
6031
}
6032
.checkbox{
6033
 
6034
}
6035
.form-check {
6036
    padding-left: 0;
6037
}
6038
.btns a{
6039
	color: #000;
6040
	border:1px solid #e5e5e5;
6041
	padding: 10px 25px 10px 25px;
6042
    margin-left: 15px;
6043
    border-radius: 5px;
6044
    font-weight: 600;
6045
}
6046
.btns{
6047
	padding-top: 20px;
6048
}
6049
.btns a:hover {
6050
	background-color: #e44d3a;
6051
	color: #fff;
6052
}
6053
.privacy h3 {
6054
	font-size: 18px;
6055
	font-weight: 600;
6056
	padding-top: 18px;
6057
	margin-bottom: 10px;
6058
}
6059
.privacy p {
6060
	padding-top: 0px;
6061
	display: inline-block;
6062
}
6063
.form-group {
6064
    margin-bottom: 1rem;
6065
    padding-top: 0px;
6066
}
6067
.privacy i{
6068
	float: right;
6069
	color: #e44d3a;
6070
	font-size: 20px;
6071
	font-weight: 600;
6072
}
6073
.dropdown-menu input{
6074
	margin-right: 10px;
6075
	margin-top: 15px;
6076
}
6077
.dropdown-menu a{
6078
	padding: 10px 0 10px 40px;
6079
	margin-bottom: 10px;
6080
}
6081
.dropdown-menu form{
6082
	margin-bottom: 10px;
6083
	margin-top: 10px;
6084
}
6085
.privacydropd p {
6086
    margin-left: 20px;
6087
    margin-top: 5px;
6088
}
6089
.privabtns{
6090
	margin-top: 20px;
6091
}
6092
.privabtns{
6093
	padding-bottom:15px;
6094
}
6095
.privabtns a{
6096
	margin-right: 15px;
6097
	padding: 8px 25px;
6098
	color: #000000;
6099
	border:1px solid #e5e5e5;
6100
}
6101
.privabtns a:hover{
6102
    color: #fff;
6103
    background-color: #e44d3a;
6104
}
6105
.privac{
6106
	background-color: #fff;
6107
	height: 560px;
6108
	padding-top: 20px;
6109
}
6110
.privac h3{
6111
	font-size: 18px;
6112
	font-weight: 600;
6113
}
6114
.bids-detail ul{
6115
	display: -webkit-inline-box;
6116
}
6117
.bids-detail ul li{
6118
	margin-right: 30px;
6119
}
6120
.bids-detail h3{
6121
	font-size: 16px;
6122
	font-weight: 400;
6123
}
6124
.bids-detail{
6125
	background-color: #fff;
6126
	padding: 20px;
6127
	margin-bottom: 25px;
6128
	box-shadow: 0px 2px #e4e4e4;
6129
}
6130
.dropdown-menu.show {
6131
    display: contents;
6132
}
6133
.postpaid:checked:after {
6134
    content: "\f17b";
6135
    font: normal normal normal 16px/1 "LineAwesome";
6136
    font-weight: 600;
6137
    border:1px solid #fff;
6138
    color: #ffffff;
6139
    text-align: center;
6140
    font-size: 12px;
6141
    width: 100%;
6142
    height: 100%;
6143
    background: #e44d3a;
6144
    display: block;
6145
    border-radius: 50%;
6146
    padding-top: 3px;
6147
}
6148
.postpaid:focus{
6149
	border:1px solid #fff;
6150
	width: 25px;
6151
	height: 25px;
6152
}
6153
.postpaid {
6154
    -webkit-appearance: none;
6155
    content: '';
6156
    width: 20px;
6157
    height: 20px;
6158
    border-radius: 50%;
6159
    border: 1px solid #5e5e5e;
6160
    outline: 0;
6161
    margin-right: 5px;
6162
}
6163
.job-status-bar {
6164
	border-top:1px solid #e5e5e5;
6165
}
6166
 
6167
.main-ws-sec .job-status-bar {
6168
 
6169
}
6170
.main-ws-sec .btm-line {
6171
    padding-bottom: 20px !important;
6172
    border-bottom: 1px solid #e5e5e5 !important;
6173
	margin-bottom: 20px;
6174
}
6175
.job-status-bar hr {
6176
	margin:0 -40px;
6177
}
6178
.reply-area{
6179
	padding-left: 55px;
6180
}
6181
 
6182
.reply-rply1 {
6183
	margin: 24px 0;
6184
}
6185
 
6186
.reply-area p{
6187
	padding-bottom: 10px;
6188
}
6189
.reply-area span{
6190
	cursor: pointer;
6191
}
6192
.reply-area span:hover{
6193
	color: #e44d3a;
6194
}
6195
.reply-area i{
6196
	font-size: 16px;
6197
	font-weight: 600;
6198
	padding-right: 8px;
6199
}
6200
.comment-area .la-plus-circle{
6201
	display: block;
6202
	text-align: center;
6203
	font-size: 40px;
6204
	color: #b2b2b2;
6205
}
6206
.reply-area span{
6207
	padding-top: 5px;
6208
	color: #b2b2b2;
6209
}
6210
.comt span{
6211
	font-size: 16px;
6212
	color: #666666;
6213
}
6214
.comt i{
6215
	padding-right: 8px;
6216
}
6217
.postcomment .form-control{
6218
	width: 112%;
6219
	margin-left: -50px;
6220
	background-color: #efefef;
6221
	border-radius: 3px;
6222
}
6223
.postcomment a{
6224
	background-color: #e44d3a;
6225
    color: #fff;
6226
    padding: 9px 25px 8px 25px;
6227
    line-height: 37px;
6228
    border-radius: 3px;
6229
}
6230
.postcomment{
6231
	padding-top: 30px;
6232
}
6233
.widget-about button:focus{
6234
	box-shadow: none;
6235
}
6236
.widget-about button:hover{
6237
	background-color:  #e44d3a;
6238
}
6239
 .widget-about button{
6240
 	background-color: #e44d3a;
6241
    border: none;
6242
    padding: 12px 0;
6243
    width: 100%;
6244
}
6245
.widget-about p{
6246
	background-color: #e44d3a;
6247
	color: #fff;
6248
	padding: 10px 0;
6249
}
6250
.widget-projectid{
6251
	padding: 15px;
6252
}
6253
.widget-projectid h3{
6254
	padding-bottom: 7px;
6255
	font-size: 14px;
6256
	font-weight: 600;
6257
}
6258
.sd-title h4{
6259
	margin-bottom: 5px;
6260
    font-size: 16px;
6261
    font-weight: 600;
6262
    line-height: 24px;
6263
}
6264
.paymethd  p{
6265
	color: #e44d3a;
6266
}
6267
.copylink p{
6268
	background-color: #efefef;
6269
	padding: 7px 0 8px 10px;
6270
}
6271
.copylink a{
6272
	background-color: #e44d3a;
6273
	color: #fff;
6274
    padding: 10px 15px 10px 15px;
6275
    border-radius: 4px;
6276
}
6277
.copylink span{
6278
	padding:30px 0 20px;
6279
}
6280
.copylink i{
6281
	float: unset;
6282
	position: unset;
6283
}
6284
.copylink .la-facebook{
6285
	background-color: #3b5998;
6286
	color: #fff;
6287
}
6288
.copylink .la-twitter{
6289
	color: #1da1f2;
6290
}
6291
.copylink .la-pinterest-p{
6292
	background-color:#fff ;
6293
	color:#c11628 ;
6294
	border-radius: 50%;
6295
}
6296
.copylink img{
6297
	padding-right: 10px;
6298
}
6299
.freelancerbiding{
6300
	background-color: #fff;
6301
	padding-top: 20px;
6302
}
6303
.freelancerbiding h3{
6304
	font-size: 18px;
6305
	font-weight: 400;
6306
}
6307
.repcent{
6308
	text-align: left;
6309
}
6310
.bidrit{
6311
	float: right;
6312
}
6313
.repcent i{
6314
	padding-left: 5px;
6315
}
6316
.star{
6317
	display: inline-flex;
6318
	padding: 5px 0;
6319
}
6320
.star li i{
6321
	color: #bfd337;
6322
}
6323
.repcent span{
6324
	color: #51a5fb;
6325
}
6326
.repcent p{
6327
	padding-left: 7px;
6328
}
6329
.noreview ul li i{
6330
	color: #b2b2b2;
6331
}
6332
.paymethd .star li i {
6333
	position: unset;
6334
	font-size: 14px;
6335
}
6336
.paymethd .star a{
6337
	color: #51a5fb;
6338
	padding-left: 12px;
6339
}
6340
 
6341
.modal-header{
6342
	background-color: #e44d3a;
6343
	display: block!important;
6344
}
6345
.modal-body{
6346
	padding: 0;
6347
}
6348
.notice{
6349
	background-color: #ddf3ff;
6350
	padding: 15px;
6351
}
6352
.notice span{
6353
	font-weight: 500;
6354
	padding-right: 5px;
6355
}
6356
.innerbody{
6357
	padding: 15px;
6358
}
6359
.innerbody h3{
6360
	font-size: 18px;
6361
	font-weight: 600;
6362
}
6363
.innerbody h4{
6364
	font-weight: 600;
6365
	font-size: 14px;
6366
	margin-left: -15px;
6367
	float: left;
6368
}
6369
.delivery .input-group select{
6370
	width: 150px;
6371
    height: 50px!important;
6372
    font-size: 19px;
6373
    border: 1px solid #e5e5e5;
6374
    border-radius: 3px;
6375
}
6376
.input-group-prepend {
6377
    background-color: #f3f3f3;
6378
    color: #bfbfbf;
6379
    text-align: center;
6380
    line-height: 3;
6381
    border: 1px solid #e5e5e5;
6382
}
6383
.input-group-text {
6384
    color: #666666 !important;
6385
    background-color: #f5f5f5 !important;
6386
	border: 0px !important;
6387
    border-radius: 3px !important;
6388
}
6389
.place-bid-form{
6390
	position: relative;
6391
    left: 20px;
6392
    top: -15px;
6393
    padding-bottom: 15px;
6394
}
6395
.place-bid-form .input-group input{
6396
	width: 70px;
6397
	border: 1px solid #e5e5e5;
6398
}
6399
.paydel{
6400
	padding: 40px 0 0;
6401
}
6402
.beatcompitation{
6403
	background-color: #f3f3f3;
6404
	padding: 15px;
6405
}
6406
.beatcompitation h3{
6407
	font-weight: 500;
6408
}
6409
.sponser i{
6410
	background-color: #e44d3a;
6411
	color: #fff;
6412
	margin-right: 5px;
6413
	padding: 2px;
6414
}
6415
.sponser h2{
6416
	font-size: 18px;
6417
	font-weight: 600;
6418
	padding-top: 15px;
6419
	padding-bottom: 15px;
6420
}
6421
.sponser{
6422
	padding:15px;
6423
}
6424
.modal-footer{
6425
	display: block!important;
6426
	border-top: none;
6427
	padding-bottom: 30px;
6428
}
6429
.modal-footer button{
6430
	font-size: 15px;
6431
	font-weight: 500;
6432
	background-color: unset;
6433
	border:none;
6434
	padding: 10px;
6435
	border:1px solid #d2d2d2;
6436
	border-radius: 3px;
6437
}
6438
.modal-footer button:hover{
6439
	background-color: #e44d3a;
6440
	color: #fff;
6441
	border:1px solid #e44d3a;
6442
}
6443
 
6444
.place-bid-btn {
6445
	font-size: 15px;
6446
	font-weight: 500;
6447
	color: #fff !important;
6448
	background-color: #e44d3a !important;
6449
	border:none;
6450
	padding: 10px;
6451
	border:1px solid #e44d3a;
6452
	border-radius: 3px;
6453
}
6454
 
6455
.usy-dt .reply{
6456
	margin: 3px 0 0 10px;
6457
	width: 360px;
6458
	height: 40px;
6459
	background-color: #efefef;
6460
	border:1px solid #e5e5e5;
6461
	padding-left: 10px;
6462
	border-radius: 3px;
6463
}
6464
.replybtn{
6465
	background-color: #e44d3a;
6466
    color: #fff;
6467
    padding: 10px;
6468
    margin-left: 15px;
6469
	border-radius: 3px;
6470
}
6471
.replybtn:hover{
6472
	color: #fff;
6473
}
6474
.rewivew ul li{
6475
	margin-right: 5px!important;
6476
}
6477
.security hr{
6478
	margin-right: -15px;
6479
	margin-left: -15px;
6480
}
6481
.privacy .la-check{
6482
	float: left;
6483
	font-size: 12px;
6484
	margin: 5px 5px 0 0;
6485
	padding: 3px;
6486
	background-color: #e44d3a;
6487
	color: #fff;
6488
	border-radius: 50%;
6489
 
6490
}
6491
ul#myTab {
6492
    border-bottom: 1px solid #e5e5e5;
6493
}
6494
.nav-tabs .nav-link {
6495
    border: none;
6496
}
6497
.noborder{
6498
	border-bottom: none;
6499
}
6500
.manbids{
6501
	margin-bottom: 0 !important;
6502
}
6503
.noreply{
6504
	padding-top: 30px;
6505
}
6506
#my-bids .nav-tabs {
6507
    margin-bottom: 20px;
6508
    margin-top: 7px;
6509
    padding-bottom: 0;
6510
}
6511
#my-bids ul{
6512
	margin-bottom: 15px;
6513
	margin-top: 7px;
6514
	padding-bottom: 0;
6515
}
6516
.savedjob-info p{
6517
	color: #666666;
6518
	margin-top: 5px;
6519
}
6520
#my-bids ul li a{
6521
	color: #000000;
6522
	font-size: 16px;
6523
	font-weight: 500;
6524
}
6525
#my-bids  li a:hover{
6526
	color: #e44d3a;
6527
}
6528
#saved-jobs ul{
6529
	margin-bottom: 20px;
6530
}
6531
#saved-jobs ul li a{
6532
	color: #000000;
6533
	font-size: 16px;
6534
	font-weight: 500;
6535
}
6536
#saved-jobs  li a:hover{
6537
	color: #e44d3a;
6538
}
6539
.wordpressdevlp h2 {
6540
    font-size: 18px;
6541
    font-weight: 600;
6542
    margin-bottom: 15px;
6543
}
6544
#saved-jobs .nav-tabs .nav-item.show .nav-link, #saved-jobs .nav-tabs .nav-link.active {
6545
    background-color: inherit;
6546
    color: #e44d3a !important;
6547
	padding-bottom: 9px;
6548
	border-bottom: 2px solid #e44d3a !important;
6549
}
6550
#my-bids .nav-tabs .nav-item.show .nav-link, #my-bids .nav-tabs .nav-link.active {
6551
    background-color: inherit;
6552
    color: #e44d3a !important;
6553
	padding-bottom: 9px;
6554
	border-bottom: 2px solid #e44d3a !important;
6555
}
6556
.descptab li img{
6557
	float: left!important;
6558
	filter: inherit!important;
6559
}
6560
.bklink{
6561
	border-bottom: none!important;
6562
	width: unset!important;
6563
	float: right!important;
6564
}
6565
.bklik{
6566
	border-bottom: none!important;
6567
}
6568
 
6569
 
6570
 
6571
 
6572
/*////////////////////////////////////////My css////////////////////////////////
6573
//////////////////////////////////////////////////////////////////////////////*/
6574
.savedjob-info li{
6575
	display: inline-block;
6576
	padding-left: 25px;
6577
}
6578
.savedjob-info h3{
6579
	font-size: 14px;
6580
	font-weight: 500;
6581
}
6582
.settingjb ul li{
6583
	margin-right: 25px!important;
6584
}
6585
.mangebid li{
6586
	padding-left: 0;
6587
	padding-right: 20px;
6588
	padding-top: 10px;
6589
}
6590
.bk-links.bklink li {
6591
    padding-right: 0;
6592
}
6593
.bidsbtn{
6594
	position: relative;
6595
}
6596
.biddersinfo li{
6597
	padding-left: 0;
6598
	padding-right: 20px;
6599
}
6600
#review{
6601
	background-color: #fff;
6602
	margin-bottom: 40px;
6603
}
6604
.starreview{
6605
	padding-left: 20px;
6606
}
6607
.replytext{
6608
	padding-bottom: 20px;
6609
}
6610
.starrevi {
6611
	padding-left: 20px;
6612
}
6613
.job-dt li a{
6614
	background-color: #51a5fb;
6615
}
6616
.apply-jobbox{
6617
	text-align: center;
6618
}
6619
.apply-jobbox form input{
6620
	width: 100%;
6621
    margin-top: 20px;
6622
    padding: 10px;
6623
    color: #222;
6624
    border: 1px solid #e5e5e5;
6625
    border-radius: 3px;
6626
    font-size: 14px;
6627
}
6628
.apply-jobbox h3{
6629
	margin: 20px 0;
6630
}
6631
.select-files{
6632
	border: 1px solid #e5e5e5;
6633
    margin-top: 20px;
6634
    padding: 30px;
6635
	background: #efefef;
6636
}
6637
.select-files button{
6638
	margin-bottom: 20px;
6639
    background-color: transparent;
6640
    border: 1px solid #e5e5e5;
6641
    padding: 10px 15px 10px 15px;
6642
    border-radius: 5px;
6643
    font-weight: 600;
6644
}
6645
.select-files button:hover{
6646
	background-color: #e44d3a;
6647
	color: #fff;
6648
}
6649
.close{
6650
	position: absolute;
6651
    right: -25px;
6652
    top: -25px;
6653
    color: #fff;
6654
    border: 1px solid!important;
6655
    border-radius: 50%;
6656
    height: 25px;
6657
    width: 25px;
6658
}
6659
.mapouter iframe{
6660
	width:100%;
6661
	 height:400px;
6662
}
6663
.mapouter{position:relative;text-align:right;height:500px;width:100%;}
6664
.gmap_canvas {overflow:hidden;background:none!important;}
6665
.video-iframe{
6666
	width:100%;
6667
	 height:400px;
6668
}
6669
.custom-file-input {
6670
  color: transparent;
6671
  opacity: 1;
6672
  margin-left: 140px;
6673
  margin-bottom: 10px;
6674
}
6675
.custom-file-input::-webkit-file-upload-button {
6676
  visibility: hidden;
6677
}
6678
.custom-file-input::before {
6679
  content: 'Select Files';
6680
  color: #fff;
6681
  display: inline-block;
6682
  border: 1px solid #e5e5e5;
6683
  border-radius: 3px;
6684
  background: #e44d3a;
6685
  font-weight: 500;
6686
  padding: 10px 15px;
6687
  outline: none;
6688
  white-space: nowrap;
6689
  -webkit-user-select: none;
6690
  cursor: pointer;
6691
}
6692
.custom-file-input:hover::before {
6693
  background-color: #e44d3a;
6694
  color: #fff;
6695
}
6696
.custom-file-input:active {
6697
  outline: 0;
6698
}
6699
.custom-file-input:active::before {
6700
  background: #e44d3a;
6701
  color: #fff;
6702
}
6703
.bids-time{
6704
	float: right;
6705
}
6706
.saved-post{
6707
	padding: 0;
6708
}
6709
.saved-post p{
6710
	padding-bottom: 20px;
6711
}
6712
.saved-info li{
6713
	padding-right:25px;
6714
	padding-left: 0;
6715
}
6716
.saved-btn{
6717
	padding: 0;
6718
	margin-bottom: -12px;
6719
}
6720
.applied-post{
6721
	padding: 0;
6722
}
6723
.post-bid{
6724
	padding: 0!important;
6725
}
6726
.bidsbtn{
6727
	padding-top:0!important;
6728
}
6729
.active-bids{
6730
	padding:0;
6731
}
6732
.activ-bidinfo li{
6733
	padding-top: 10px;
6734
	padding-left: 0;
6735
	padding-right: 25px;
6736
}
6737
.activebtn{
6738
	padding-left: 0;
6739
}
6740
 
6741
.p-all {
6742
	padding: 0px;
6743
	float: left;
6744
    width: 100%;
6745
    position: relative;
6746
}
6747
 
6748
.toggle-btn .custom-switch .custom-control-label::before {
6749
    left: -2.25rem;
6750
    width: 70px;
6751
    pointer-events: all;
6752
    border-radius: 100px;
6753
    height: 30px;
6754
    top: -1px;
6755
	box-shadow: none;
6756
}
6757
.toggle-btn .custom-control-label::before {
6758
    position: absolute;
6759
    top: .25rem;
6760
    left: -1.5rem;
6761
    display: block;
6762
    width: 1rem;
6763
    height: 1rem;
6764
    pointer-events: none;
6765
    content: "";
6766
    background-color: #fff;
6767
    border: #e1e1e1 solid 2px;
6768
}
6769
.custom-control-input:checked~.custom-control-label::before {
6770
    color: #fff;
6771
    border-color: #e44d3a;
6772
    background-color: #e44d3a;
6773
	box-shadow:none;
6774
	outline:none;
6775
}
6776
.toggle-btn .custom-switch .custom-control-label::after {
6777
   top: calc(-1px + 2px);
6778
    left: calc(-36px + 2px);
6779
    width: calc(30px - 4px);
6780
    height: calc(30px - 4px);
6781
    background-color: #e1e1e1;
6782
    border-radius: 100%;
6783
    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;
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;
6785
    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;
6786
}
6787
.toggle-btn .custom-control-label::after {
6788
    position: absolute;
6789
    top: .25rem;
6790
    left: -1.5rem;
6791
    display: block;
6792
    width: 0;
6793
    height: 0;
6794
    content: "";
6795
    background: no-repeat 50%/50% 50%;
6796
}
6797
.toggle-btn .custom-control-label {
6798
    position: initial;
6799
    margin-bottom: 0;
6800
    vertical-align: top;
6801
}
6802
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
6803
    background-color: #fff;
6804
    -webkit-transform: translateX(2.5rem);
6805
    transform: translateX(2.5rem);
6806
}
6807
 
6808
.custom-control-label {
6809
    position: relative;
6810
    margin-bottom: 0;
6811
    vertical-align: top;
6812
    line-height: 24px;
6813
    font-size: 14px;
6814
    color: #666666;
6815
}