Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2633 | | Comparar con el anterior | Ultima modificación | Ver Log |

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