Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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