Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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