Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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