Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2450 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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