WebSVN – LeadersLinked - Antes de SPA – Diff – /public/css/style.css



  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
 
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,

menu,
nav,
section {
  display: block;
}
 
body {
  line-height: 1;
  font-family: "Source Sans Pro", sans-serif;
  overflow-x: hidden;
  font-weight: 400;
  background-color: #f2f2f2;
}
 
ol,
ul {
  list-style: none;
}
 
a:hover {
  text-decoration: none;
}
 
blockquote,
q {
  quotes: none;
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
 
button {
  outline: none;
}
 
table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
* {
  margin: 0;
  padding: 0;
}
 
a:focus {
  text-decoration: none;
  outline: none;
}
 
a:hover {
  color: #fff;
}
 
button {
  outline: none;
}
 
input {
  outline: none;
}
 
textarea {
  outline: none;
}
 
section {
  float: left;
  width: 100%;
  position: relative;
}
 
img {
  float: left;
}

 
p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}
 
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;

 
/* ================ CROSS BROWSER COMPATABILITY =============== */
img {
  max-width: 100%;
}
 
.ask-question,
nav,
.notification-box.active,
nav ul li a,
.user-account-settingss.active,
.user-info a,
.suggestion-usd>span i,
.view-more>a,
.tags-sec ul li a,
.post-st ul li a,
.ed-opts>a,
.bk-links li a,
.like-com li a,
.user-profy>a,
.slick-previous:before,
.slick-nexti:before,
.comment>a,
.sign_link>a,
.post-popup,
.post-project>a,
.post-project-fields form ul li button,
.post-project-fields form ul li a,
.sign-control li a,
.cover-sec>a,
.star-descp>a,
.message-btn a,
.pf-gallery ul li,
.gallery_pt:before,
.gallery_pt>a,
.overview-box,
.skl-name,
.conv-list,
.save-stngs ul li button,
.forum-links.active,
.react-links li a,
.next-prev>a,
nav ul li:hover>ul,
.user-pro-img>a i {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;

.overview-edit form input,
.overview-edit form select,
.overview-edit button,
.file-submit,
.billing-method,
.lt-sec>a,
.add-billing-method,
.payment_methods form button,
.payment_methods form input,
.company-up-info ul li a,
.search-box form input,

.mf-field input,
.mf-field button,
.pagination li .page-link,
.post_comment_sec form textarea,
.post_comment_sec form button,
.next-prev>a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 3px;

header {
  float: left;
  width: 100%;
  background-color: #e44d3a;
}
 
.header-data {
  float: left;
  width: 100%;
}
 
.logo {
  float: left;
  width: 40px;
  margin-right: 14px;
  margin-top: 10px;
}
 
.logo.pd-btm {
  padding-bottom: 10px;
}
 
.forum-bar {
  float: left;
  margin-top: 10px;
  width: 400px;
}
 
.forum-bar h2 {
  float: left;
  margin-right: 40px;
}
 
.forum-bar ul {
  float: left;
  margin-top: 0px;
}
 
.ask-question {
  background-color: #fff;
  padding: 10px 25px;
  color: #e44d3a !important;
  font-size: 14px;
  font-weight: 600;
}
 
.ask-question:hover {
  color: #e44d3a;
}

 
.forum-bar ul li {
  display: inline-block;
  margin-right: 40px;
}
 
.forum-bar ul li:last-child {
  margin-right: 0;
}
 
.forum-bar ul li a {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}
 
.forum-bar h2 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 500;

.login_register {
  float: right;
  margin-top: 8px;
  padding-left: 30px;
}
 
.login_register ul li {
  display: inline-block;
  margin-right: 8px;
}
 
.login_register ul li:last-child {
  margin-right: 0;
}
 
.login_register ul li a {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  border: 1px solid #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-weight: 600;
}
 
.search-bar.st2 {
  float: right;
}
 
.search-bar {
  float: left;
  width: 280px;
  margin-top: 9px;
}
 
.search-bar form {
  float: left;
  width: 100%;
  position: relative;
}
 
.search-bar form input {
  width: 100%;
  background-color: #fff;
  height: 38px;
  color: #b2b2b2;
  font-size: 12px;
  border: 0;
  padding: 0 10px;
}
 
.search-bar form button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #efefef;
  width: 38px;
  height: 100%;
  border: 0;
}
 
.search-bar form button i {
  color: #e44d3a;
  font-size: 20px;
  font-weight: bold;
}

  /* float: left;
  width: 60%;
  text-align: right; */
  /* padding-right: 13px; */
}
 
nav ul li {
  /* display: inline-block;
  text-align: center;
  padding: 15px 13px;
  position: relative; */
}
 
nav ul li:hover>ul {
  /* opacity: 1;
  visibility: visible;
  z-index: 9999; */
}
 
nav ul ul {
  /* position: absolute;
  top: 100%;
  left: 0;
  width: 200px;

  padding: 20px 0 10px 0;
  opacity: 0;
  visibility: hidden;
  z-index: 999999; */
}
 
/* nav ul ul li {
  padding: 0;
  float: left;
  width: 100%;
  text-align: left;

  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  margin-top: 2px;
}
 
.notification-box.msg .nott-list .notification-info span {
  bottom: auto;
  top: 5px;
}
 
.notification-box.msg .notification-info h3 {
  margin-bottom: 1px;
}
 
.notification-box.msg .nott-list .notfication-details {
  padding: 17px 20px 17px 20px;
}
 
.notification-box {
  position: absolute;
  top: 100%;
  right: 0;
  width: 300px;

  opacity: 1;
  visibility: visible;
  z-index: 999;
  display: none;
}
 
.notification-box.active {
  opacity: 1;
  visibility: visible;
  z-index: 999999999;
}
 
.nt-title {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 20px;
}
 
.nt-title h4 {
  float: left;
  color: #686868;
  font-size: 12px;
  font-weight: 600;
}
 
.nt-title>a {
  float: right;
  color: #686868;
  font-size: 12px;
  font-weight: 600;
}
 
.nott-list {
  float: left;
  width: 100%;
}
 
.nott-list .notification-info {
  width: 86%;
  float: left;
  text-align: left;
  position: relative;
}
 
.nott-list .notfication-details {
  padding: 20px 20px 12px 20px;
}
 
.nott-list .notification-info h3 {
  line-height: 20px;
}
 
.nott-list .notification-info span {
  position: absolute;
  bottom: 5px;
  right: 0;
}
 
.view-all-nots {
  float: left;
  width: 100%;
}
 
.view-all-nots>a {
  float: left;
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  text-align: center;
  background-color: #e44d3a;
  padding: 18px 0;
}
 
nav ul li span {
  display: block;
  height: 14px;
}
 
nav ul li span img {
  float: none;
}
 
nav ul li a {
  color: #ffffff;
  font-size: 14px;
}
 
nav>ul>li>a:hover {
  color: #fff;
}

 
.user-account {

  border-right: 1px solid #dd3e2b;
  box-sizing: border-box;
  position: relative;
  padding: 0 1rem;
}
 
.user-info {
  /* float: left;
  width: 100%;
  padding: 13px 10px; */
  position: relative;
}
 
.user-account-settingss {
  position: absolute;
  opacity: 1;
  visibility: visible;
  z-index: 999;

  -o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
  box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
  /*opacity: 0;
	visibility: hidden;*/
}
 
.user-account-settingss.active {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
 
.user-account-settingss>h3 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 20px;
}
 
.on-off-status {
  float: left;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
 
.on-off-status li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
 
.on-off-status li:last-child {
  margin-bottom: 0;
}
 
.on-off-status li .fgt-sec small {
  color: #686868;
}

 

  float: left;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
 
.search_form form {
  float: left;
  width: 100%;
  position: relative;
}
 
.search_form form input {
  width: 100%;
  height: 35px;
  padding: 0 15px;
  border: 1px solid #e5e5e5;
  background-color: #f2f2f2;
}
 
.search_form form button {
  color: #f2f2f2;
  font-size: 14px;
  background-color: #e44d3a;
  padding: 0 10px;

  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px;
}
 
.us-links li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
 
.us-links li:last-child {
  margin-bottom: 0;
}
 
.us-links li a {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}
 
.tc {
  text-align: center;
}
 
.tc a {
  color: #000;
}
 
.user-info img {
  /* margin-right: 10px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px; */
}
 
.user-info a {
  color: #fff;
  font-size: 14px;
  float: left;
  margin-top: 8px;
}
 
.user-info a:hover {
  color: #fff;
}
 
.user-info>i {
  position: absolute;
  top: 50%;
  right: -15px;
  color: #fff;
  font-size: 12px;

}

 

/* =================== main-section ================= */
 
main {
  float: left;
  width: 100%;
  padding: 60px 0;
}
 
.main-section {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 3rem 0;
}
 
.main-section-data {
  float: left;
  width: 100%;
}
 
.main-left-sidebar {
  float: left;
  width: 100%;
  margin-top: -20px;
}
 
.full-width {
  float: left;
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
  /* border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; */
}
 
.username-dt {
  float: left;
  width: 100%;
  background-color: #e44d3a;
  padding-top: 40px;
}
 
.user-data {
  text-align: center;
}
 
.usr-pic {
  width: 110px;
  height: 110px;
  margin: 0 auto;
  margin-bottom: -48px;
}
 
.usr-pic>img {
  float: none;
  border: 5px solid #fff;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  width: 100%;
}
 
.user-profile {
  float: left;
  width: 100%;
}
 
.user-specs {
  float: left;
  width: 100%;
  padding: 63px 0 27px 0;
}
 
.user-specs h3 {
  color: #000000;
  font-size: 24px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 8px;
}
 
.user-specs span {
  color: #686868;

  font-size: 14px;
}
 
.user-fw-status {
  float: left;
  width: 100%;
}
 
.user-fw-status li {
  float: left;
  width: 100%;
  /* border-bottom: 1px solid #e5e5e5; */
  /* border-top: 1px solid #e5e5e5; */
  padding: 15px 0;
}
 
.user-fw-status li:last-child {
  border-bottom: 0;
}
 
.user-fw-status li:nth-child(1),
.user-fw-status li:nth-child(2) {
  border-bottom: 0;
}
 
.user-fw-status li h4 {
  color: #686868;
  font-size: 20px;
  margin-bottom: 10px;
}
 
.user-fw-status span {
  color: #000000;
  font-size: 20px;
}
 
.user-fw-status li a {
  color: #e44d3a;

  /* padding: 20px; */
  /* border-bottom: 1px solid #e5e5e5; */
  position: relative;
  display: grid;
}
 
.sd-title h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  float: left;
}
 
.sd-title i {
  float: right;
  color: #b7b7b7;
  font-size: 24px;
  position: absolute;
  right: 5px;
  top: 18px;
}
 
.suggestions-list {
  /* float: left; */
  width: 100%;
  /* padding: 13px 0 30px 0; */
}
 
.suggestion-usd {
  float: left;
  width: 100%;
  padding: 15px 20px;
}
 
.suggestion-usd img {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.sgt-text {
  float: left;
  padding-left: 10px;
}
 
.sgt-text h4 {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
}
 
.sgt-text span {
  color: #686868;
  font-size: 14px;
}
 
.suggestion-usd>span {
  margin-top: 4px;
  position: relative;
  margin-left: 1rem;
}
 
.suggestion-usd>span i {
  color: #b2b2b2;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.bg-white {
  background-color: white !important;
}
 
.suggestion-usd>span i:hover {
  background-color: #0961bf !important;
  color: #fff;
  border-radius: 3px;
}

  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
 
.icon-button:hover {
  background-color: #0961bf !important;
  color: #fff;
  border-radius: 3px;
}
 
.view-more {
  /* float: left;
  width: 100%;
  text-align: center;
  padding-top: 10px; */
}
 
.view-more>a {
  color: #e44d3a;
  font-size: 14px;
  font-weight: 700;
}
 
.view-more>a:hover {
  color: #e44d3a;
}

 

/* ============== tags-sec ============= */
 
.tags-sec {
  background-color: #fff;
  padding: 25px 5px;
}
 
.tags-sec ul {
  float: left;
  width: 100%;
  text-align: center;
}
 
.tags-sec ul li {
  display: inline-block;
  border-right: 1px solid #b2b2b2;
  padding: 0 7px;
  margin-bottom: 15px;
}
 
.tags-sec ul li:nth-child(3),
.tags-sec ul li:nth-child(5),
.tags-sec ul li:nth-child(8) {
  border-right: 0;
}
 
.tags-sec ul li a {
  display: inline-block;
  color: #b2b2b2;
  font-size: 13px;
  font-weight: 500;
}
 
.tags-sec ul li a:hover {
  color: #e44d3a;
}
 
.cp-sec {
  float: left;
  width: 100%;
  margin-top: 5px;
  padding: 0 13px;
}
 
.cp-sec>img {
  float: left;
  margin-top: 3px;
}
 
.cp-sec p {
  float: right;
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 500;
}
 
.cp-sec p img {
  float: none;
  display: inline-block;

  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
  margin-bottom: 20px;
}
 
.user-picy {
  float: left;
  width: 50px;
}
 
.user-picy img {
  width: 100%;
  object-fit: cover;
}
 
.post-st {
  float: right;
  margin-top: 5px;
}
 
.post-st ul li {
  display: inline-block;
  margin-right: 6px;
}
 
.post-st ul li:last-child {
  margin-right: 0;
}
 
.post-st ul li a {
  color: #b2b2b2;
  font-size: 16px;
  display: inline-block;
  background-color: #e5e5e5;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  font-weight: 500;
}
 
.post-st ul li a:hover,
.post-st ul li a.active {
  background-color: #e44d3a;
  color: #fff;
}

 
.posts-section {
  float: left;
  width: 100%;
}
 
.reviewtext {
  margin: 0 -20px;
}
 
.reviewtext p {
  padding-left: 20px;
}
 
.post-bar {
  float: left;
  width: 100%;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, .25);
  /* border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; */
  /* border: 1px solid #e4e4e4; */
  /* margin-bottom: 20px; */
  padding: 20px;
  /* box-shadow: 0px 2px #e4e4e4; */
  /* box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05); */
  height: 100%;
}
 
.shared-post-bar {
  margin-top: 1rem;
}
 
.shared-post-bar .post-bar {
  box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
}
 
.post_topbar {
  float: left;
  width: 100%;
  position: relative;
}
 
.rep-post {
  padding: 0;
}
 
.usy-dt {
  float: left;
}
 
.usy-dt img {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  margin-top: 2px;
}
 
.ed-opts {
  float: right;
  position: relative;
  top: 7px;
}
 
.ed-opts>a {
  color: #b2b2b2;
  font-size: 24px;
  float: right;
  position: relative;
  left: 10px;
  top: -10px;
}
 
.ed-options {
  position: absolute;
  top: 100%;
  right: 0;

  padding: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
 
.ed-options.active {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
 
.ed-options li {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
 
.ed-options li:last-child {
  margin-bottom: 0;
}
 
.ed-options li a {
  color: #686868;
  font-size: 14px;
  font-weight: 600;
}
 
.ed-opts>a:hover {
  color: #e44d3a;
}
 
.usy-name {
  float: left;
  margin-left: 15px;
}
 
.usy-name h3 {
  color: #000000;
  font-size: 18px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 2px;
}
 
.usy-name span {
  color: #b2b2b2;
  font-size: 14px;
}
 
.usy-name img {
  margin-top: 4px;
  margin-right: 6px;
}

 
.review-lt img {
  margin-top: 1px;
  margin-right: 6px;
}
 
.bid-tab {
  margin-bottom: 20px;
}
 
.epi-sec {
  float: left;
  width: 100%;
  padding: 0;
}
 
.usy-name .bklink {
  float: left;
  margin-top: 5px !important;
  margin-bottom: 15px;
}
 
.descp {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}
 
.descp li {
  display: inline-block;
  margin-right: 15px;
}
 
.descp li span {
  color: #b2b2b2;
  font-size: 14px;
  float: left;
}
 
.descp li img {
  margin-right: 5px;
}
 
.bk-links {
  /* float: right; */
}
 
.bk-links li {
  display: inline-block;
  margin-right: 7px;
}
 
.bk-links li:last-child {
  margin-right: 0;
}
 
.bk-links li i {
  color: #fff;
  font-size: 24px;
  width: 33px;
  height: 30px;
  padding-left: 0px;
  background-color: #53d690;
  text-align: center;
  line-height: 30px;
}
 
.bk-links li i.la-envelope {
  background-color: #e44d3a;
}
 
.bid_now {
  color: #fff;
  background-color: #51a5fb;
  text-transform: capitalize;

  padding: 0 10px;
  line-height: 30px;
  position: relative;
  top: -3px;
}
 
.bid_now:hover {
  color: #fff;
}

 

.job_descp {
  float: left;
  width: 100%;
  margin: 1rem 0;
}
 
.job_descp h3 {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  /* margin-bottom: 15px; */
}
 
.job-dt {
  float: left;
  width: 100%;
  margin-bottom: 22px;
}
 
.job-dt li {
  display: inline-block;
  margin-right: 15px;
}
 
.job-dt li a {
  color: #fff;
  background-color: #53d690;
  text-transform: capitalize;
  padding: 5px 13px;

  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}
 
.job-dt li span {
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
 
.job_descp>p {
  color: #666666;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px;
}
 
.job_descp>p a {
  color: #e44d3a;
  font-weight: 600;
}

 

.skill-tags li {
  display: inline-block;
  margin-right: 6px;
  /* margin-bottom: 10px; */
}
 
.skill-tags li a {
  display: inline-block;
  color: #b2b2b2;
  font-size: 14px;
  background-color: #f1f1f1;

 
.job-status-bar {
  float: left;
  width: 100%;
}
 
.like-com {
  /* float: left; */
  /* margin-top: 20px; */
  margin: 0;
}
 
.like-com li {
  display: inline-block;
  margin-right: 15px;
}
 
.like-com li a {
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 500;
  float: left;
  margin-top: 6px;
  margin-right: 5px;
}
 
.like-com li a:hover {
  color: #e44d3a;
}
 
.like-com li a.active {
  color: #e44d3a;
}
 
.like-com li a i {
  margin-right: 2px;
  font-size: 14px;
  position: relative;
  top: 2px;
}
 
.like-com li span {
  color: #ffffff;
  font-size: 13px;
  width: 30px;

  float: left;
  text-align: center;
  font-weight: 600;
  margin-left: -25px;
}
 
.like-com li .com {
  position: relative;
  top: -9px;
}
 
.like-com li .com img {
  margin-right: 10px;
}

 
.job-status-bar>a {
  /* float: right; */
  color: #b2b2b2 !important;
  font-size: 14px;
  /* margin-top: 29px; */
  cursor: pointer;
}
 
.job-status-bar>a:hover {
  color: #e44d3a !important;
}
 
.job-status-bar>a i {
  font-size: 14px;
  margin-right: 7px;
  position: relative;
  top: 1px;

  float: left;
  width: 100%;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
 
.pf-hd {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 20px;
  position: relative;
}
 
.pf-hd h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  float: left;
}
 
.pf-hd i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);

.profiles-slider {
  float: left;
  width: 100%;
  padding: 20px;
}
 
.user-profy {
  float: left;
  width: 100%;
  background-color: #fff;
  text-align: center;

  -ms-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
  padding: 20px 0 0 0;
}
 
.user-profy>img {
  float: none;
  margin-bottom: 6px;
}
 
.user-profy h3 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 4px;
}
 
.user-profy span {
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 15px;
}
 
.user-profy ul {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
 
.user-profy ul li {
  display: inline-block;
}
 
.user-profy ul li a {
  color: #ffffff;
  font-size: 13px;
  padding: 0 8px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  text-transform: capitalize;
}
 
.followw {
  background-color: #53d690;
}
 
.envlp {
  background-color: #e44d3a;
}
 
.envlp img {
  float: none;
}
 
.hire {
  background-color: #51a5fb;
}
 
.user-profy>a {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 14px;
  text-transform: capitalize;
  padding: 15px 0;
  border-top: 1px solid #ececec;
  font-weight: 600;
}
 
.user-profy>a:hover {
  background-color: #e44d3a;
  color: #fff;
}
 
.slick-slide img {
  display: inline-block;
}
 
.slick-slide {
  margin: 0 4px;
}
 
.envlp img {
  position: relative;
  top: 2px;
}
 
.no-margin {
  margin: 0;
  border: 0;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  -o-border-radius: inherit;
  border-radius: inherit;
}
 
.posty {
  float: left;
  width: 100%;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
 
.posty .job-status-bar {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 20px;
}
 
.slick-previous:before {
  left: -14px;
  content: "\f104";
  margin-left: -2px;
}
 
.slick-nexti:before {
  right: -14px;
  content: "\f105";
  padding-left: 3px;
}
 
.slick-previous:before,
.slick-nexti:before {
  font-size: 24px;
  color: #b7b7b7;
  position: absolute;

  border-radius: 100px;
  border: 1px solid #e6e6e6;
  text-align: center;
  cursor: pointer;
}
 
.slick-previous:hover:before,
.slick-nexti:hover:before {
  background-color: #e44d3a;
  color: #fff;
  border-color: transparent;

  background-color: #fff;
  padding: 20px;
  box-shadow: 0px 3px #e4e4e4;
  margin-top: 1rem;
}
 
.plus-ic {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
 
.plus-ic i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d2d2d2;

 
.comment-sec {
  float: left;
  width: 100%;
}
 
.comment-sec ul {
  float: left;
  width: 100%;
}
 
.comment-sec ul li {
  float: left;
  width: 100%;
}
 
.comment-sec ul ul {
  padding-left: 50px;
}
 
.comment-list {
  display: table;
  /* padding-bottom: 30px; */
}
 
.bg-img {
  display: table-cell;
}
 
.bg-img img {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.comment {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-left: 10px;
}
 
.comment h3 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
 
.comment img {
  /* position: relative;
  top: 2px;
  margin-right: 5px; */
}
 
.comment span {
  color: #b2b2b2;
  font-size: 14px;
  display: block;
  margin-bottom: 14px;
}
 
.comment p {
  color: #686868;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 20px;
}
 
.comment>a {
  display: inline-block;
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 600;
}
 
.comment>a.active,
.comment>a:hover {
  color: #e44d3a;
}
 
.comment>a i {
  font-weight: 600;
  margin-right: 6px;

}

 
/* =============== post-comment ============= */
 
.post-comment {
  float: left;
  width: 100%;
}
 
.cm_img {
  float: left;
  width: 40px;
  margin-right: 10px;
}
 
.comment_box {
  float: none;
}
 
.comment_box input {
  width: 372px;

  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  resize: none;
}
 
.comment_box form button {
  float: right;
  color: #fff;
  background-color: #e44d3a;
  height: 40px;

  float: left;
  width: 100%;
  text-align: center;
  padding-top: 40px;
}
 
.process-comm img {
  float: none;
}

 

/* =============== right-sidebar ============= */
 
.right-sidebar {
  float: left;
  width: 100%;
}
 
.widget {
  float: left;
  width: 100%;

  -moz-box-shadow: 0px 2px #e4e4e4;
  -ms-box-shadow: 0px 2px #e4e4e4;
  -o-box-shadow: 0px 2px #e4e4e4;
  box-shadow: 0px 2px #e4e4e4; */
}
 
.widget-about {
  text-align: center;
}
 
.widget-about img {
  float: none;
  padding-top: 20px;
}
 
.widget-about h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}
 
.widget-about span {
  color: #686868;
  font-size: 14px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
 
.sign_link {
  float: left;
  width: 100%;
  /* border-top: 1px solid #e5e5e5; */
  padding: 18px 0 0 0;
}
 
.sign_link h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}
 
.sign_link h3 a {
  color: #000;
}
 
.sign_link>a {
  display: inline-block;
  color: #e44d3a;
  font-size: 14px;
  font-weight: 500;
}
 
.sign_link>a:hover {
  color: #e44d3a;
}

 

/* ============== Widget Jobs ============ */
 
.jobs-list {
  float: left;
  width: 100%;
  padding: 20px 20px;
}
 
.job-info {
  float: left;
  width: 100%;
  margin-bottom: 22px;
}
 
.job-info:last-child {
  margin-bottom: 0;
}
 
.job-details {
  float: left;
  width: 165px;
}
 
.job-details h3 {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
 
.job-details p {
  color: #686868;
  font-size: 14px;
  line-height: 20px;
}
 
.hr-rate {
  float: right;
  width: 40px;
}
 
.hr-rate span {
  color: #000000;
  font-size: 14px;

  transform: translateX(-50%) translateY(-50%) scale(0.65);
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
 
.post-popup.active {
  opacity: 1;
  visibility: visible;
  z-index: 999;
  transform: scale(1) translateX(-50%) translateY(-50%);
}
 
.post-project>a {
  position: absolute;
  top: -20px;
  right: -20px;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}
 
.post-project>a:hover {
  color: #fff;
}
 
.post-project {
  float: left;
  width: 100%;
  position: relative;
}
 
.post-project h3 {
  float: left;
  width: 100%;
  background-color: #e44d3a;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  padding: 20px 0;
}
 
.post-project-fields {
  float: left;
  width: 100%;
  padding: 30px 20px;
  background-color: #fff;
}
 
.post-project-fields form {
  float: left;
  width: 100%;
}
 
.post-project-fields form input {
  padding: 0 15px;
  height: 40px;
}
 
.post-project-fields form textarea {
  padding: 15px;
  height: 130px;
}
 
.post-project-fields form input,
.post-project-fields form textarea,
.post-project-fields form select {
  width: 100%;
  color: #b2b2b2;
  font-size: 14px;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  font-weight: 500;
}
 
.post-project-fields form select {
  height: 40px;
  padding: 0 10px;
}
 
.post-project-fields form ul {
  float: left;
  margin-top: 10px;
  width: 100%;
}
 
.post-project-fields form ul li {
  display: inline-block;
  margin-right: 15px;
}
 
.post-project-fields form ul li button.active {
  background-color: #e44d3a;
  color: #fff;
}
 
.post-project-fields form ul li button,
.post-project-fields form ul li a {
  color: #000000;
  font-size: 16px;
  border: 1px solid #e5e5e5;

  display: inline-block;
  background-color: #fff;
  font-weight: 600;
  cursor: pointer;
}
 
.post-project-fields form ul li button:hover,
.post-project-fields form ul li a:hover {
  background-color: #e44d3a;
  color: #fff;
}
 
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b2b2b2;
}
 
::-moz-placeholder {
  /* Firefox 19+ */
  color: #b2b2b2;
}
 
:-ms-input-placeholder {
  /* IE 10+ */
  color: #b2b2b2;
}
 
:-moz-placeholder {
  /* Firefox 18- */
  color: #b2b2b2;
}

 
.price-sec {
  float: left;
  width: 100%;
}
 
.price-br {
  float: left;
  width: 225px !important;
  position: relative;
}
 
.price-br>i {
  position: absolute;
  top: 0;
  right: 0;
  color: #b2b2b2;

  height: 40px;
  line-height: 40px;
  border-left: 1px solid #e5e5e5;
  text-align: center;
}
 
.price-sec span {
  color: #b2b2b2;
  font-size: 14px;
  float: left;
  padding: 12px 17px 0 17px;
}
 
select {
  -webkit-appearance: none;
  -moz-appearance: none;
}

 
.inp-field {
  float: left;
  width: 100%;
  position: relative;
}
 
.inp-field:before {
  content: "\f107";
  position: absolute;
  top: 13px;
  right: 15px;
  color: #717171;
  font-family: fontawesome;
}
 
.post-popup.job_post .price-br {
  width: 100% !important;

}

 
/* ================= sign-in ================ */
 
.sign-in {
  background-color: #e75348;
}
 
.sign-in-page {
  float: left;
  width: 100%;
  padding: 100px 0 20px 0;
}
 
.signin-popup {
  width: 870px;
  margin: 0 auto;
  position: relative;
}
 
.signin-popup:before {
  content: "";

  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.signin-popup:after {
  content: "";
  position: absolute;
  top: -37px;
  left: 43px;

  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.signin-pop {
  float: left;
  width: 100%;
  background-color: #fff;
  position: relative;
}
 
.signin-pop:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;

}

 
.dff-tab {
  display: none;
}
 
.dff-tab.current {
  display: block;

}
 
.cmp-info {
  float: left;
  width: 100%;
  padding: 70px 5px 92px 5px;
}
 
.cm-logo {
  float: left;
  width: 100%;
  padding-left: 45px;
  margin-bottom: 120px;
}
 
.cm-logo img {
  margin-bottom: 30px;
}
 
.cm-logo>p {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  float: left;
  width: 100%;
}
 
.cmp-info>img {
  width: 100%;

  padding-left: 10px;

  float: left;
  width: 100%;
  padding: 30px 0;
  position: relative;
}
 
.login-sec:before {
  content: "";
  position: absolute;
  bottom: -15px;
  right: 70px;

  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background-color: #fff;
}
 
.login-sec:after {
  content: "";
  position: absolute;
  bottom: -40px;
  right: 55px;

  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background-color: #fff;
}
 
.sign-control {
  float: left;
  width: 100%;
  text-align: right;
  padding-right: 50px;
  margin-bottom: 70px;
}
 
.sign-control li {
  display: inline-block;
  margin-right: 0.5rem;
}
 
.sign-control li a {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  background-color: #e5e5e5;

  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; */
}
 
.sign-control li:last-child a {
  /* -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; */
}
 
.sign-control li.current a {
  background-color: #e44d3a;
  color: #fff;
}
 
.sign_in_sec {
  float: left;
  width: 100%;
  padding-right: 75px;
  padding-left: 60px;
  display: none;
}
 
.sign_in_sec.current {
  display: block;
}
 
.sign_in_sec h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
 
.sign_in_sec h3:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;

 
.sign_in_sec form {
  float: left;
  width: 100%;
}
 
.inputContainer {
  margin-bottom: 20px;
}
 
.sn-field {
  /* float: left; */
  width: 100%;
  position: relative;
}
 
.sn-field.pd-more {
  margin-bottom: 0;
}
 
.sn-field.pd-more input {
  padding-left: 40px;
}
 
.sn-field>i {
  position: absolute;
  top: 50%;
  left: 15px;
  color: #666666;

  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
 
.sn-field>span {
  position: absolute;
  top: 50%;
  right: 15px;
  font-weight: 700;
  color: #666666;

  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
 
.sign_in_sec form input {
  height: 40px;
}
 
.sign_in_sec form input,
.sign_in_sec form select {
  width: 100%;
  padding: 0 15px 0 40px;
  color: #b2b2b2;
  font-size: 14px;
  border: 1px solid #e5e5e5;
}
 
.sign_in_sec form select {
  line-height: 40px;
  height: 40px;
}
 
.sign_in_sec form button {
  color: #ffffff;
  font-size: 16px;
  background-color: #e44d3a;
  padding: 12px 27px;
  border: 0;
  font-weight: 500;
  margin-top: 30px;
  cursor: pointer;
}
 
.sign_in_sec_button {
  color: #ffffff;
  font-size: 16px;
  background-color: #66a7dd;
  padding: 12px 27px;
  border: 0;
  font-weight: 500;
  margin-top: 30px;
  cursor: pointer;
}
 
.checky-sec {
  /* float: left; */
  width: 100%;
  margin-top: 10px;
}
 
.checky-sec.st2 small {
  font-size: 13px;
  width: 90%;
  line-height: 20px;
}
 
.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {
  margin-top: 3px;
}
 
.fgt-sec {
  /* float: left; */
}
 
.fgt-sec * {
  cursor: pointer;
}
 
.fgt-sec input[type="checkbox"] {
  display: none;
}
 
.fgt-sec label {
  float: left;
}
 
.fgt-sec input[type="checkbox"]+label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  border: 1px solid #d2d2d2;

  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.fgt-sec input[type="checkbox"]+label span:before {
  content: "";
  width: 7px;
  height: 7px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;

  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
 
.fgt-sec input[type="checkbox"]:checked+label span:before {
  opacity: 1;
  visibility: visible;
}
 
.fgt-sec small {
  /* float: left; */
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
}
 
.checky-sec>a {
  float: right;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
}

/* ======= Radio Button Styles ======= */

 
.fgt-sec input[type="radio"] {
  display: none;
}
 
.fgt-sec label {
  float: left;
}
 
.fgt-sec input[type="radio"]+label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;

  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.fgt-sec input[type="radio"]+label span:before {
  content: "";
  width: 7px;
  height: 7px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;

  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
 
.fgt-sec input[type="radio"]:checked+label span:before {
  opacity: 1;
  visibility: visible;
}

 

  padding: 15px 0;
  margin-bottom: 20px;
  position: relative;
  margin-top: -30px;
}
 
.signup-tab>i {
  position: absolute;
  top: 15px;
  left: 13px;
  color: #000;
  font-size: 14px;
}
 
.signup-tab h2 {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
 
.signup-tab ul {
  float: left;
  width: 100%;
}
 
.signup-tab ul li {
  display: inline-block;
  margin-right: -4px;
}
 
.signup-tab ul li a {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  background-color: #e5e5e5;

  -ms-border-radius: 3px 0px 0px 3px;
  -o-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
  display: inline-block;
}
 
.signup-tab ul li.current a {
  background-color: #e44d3a;
  color: #fff;
}
 
.signup-tab ul li:last-child a {
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -ms-border-radius: 0px 3px 3px 0px;
  -o-border-radius: 0px 3px 3px 0px;

  float: left;
  width: 100%;
  text-align: center;
  margin-top: 27px;
}
 
.login-resources h4 {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: uppercase;
}
 
.login-resources ul {
  float: left;
  width: 100%;
}
 
.login-resources ul li {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
 
.login-resources ul li a {
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  float: left;
  width: 100%;
  padding: 10px 0;
}
 
.login-resources ul li a i {
  margin-right: 15px;
}
 
.fb {
  background-color: #3b5998;
}
 
.tw {
  background-color: #4099ff;
}
 
.tw .fa-twitter {
  color: #fff;
}

 

.footy-sec {
  float: left;
  width: 100%;
  margin-top: 70px;
}
 
.footy-sec ul {
  float: left;
  margin-top: 5px;
}
 
.footy-sec ul li {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #ffffff;
}
 
.footy-sec ul li:last-child {
  border-right: none;
}
 
.footy-sec ul li a {
  display: inline-block;
  color: #3b5998;
  font-size: 14px;
  font-weight: 500;
}
 
.footy-sec p img {
  padding-right: 5px;
  float: auto;
  position: relative;
  top: 6px;
}
 
.footy-sec p {
  float: right;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}
 
footer {
  float: left;
  width: 100%;
  background-color: #fff;
}
 
.footy-sec.mn ul {
  padding: 30px 0;
}
 
.footy-sec.mn ul li a {
  color: #b2b2b2;
}
 
.footy-sec.mn ul li a:hover {
  color: #e44d3a;
}
 
.footy-sec.mn ul li {
  border-color: #b2b2b2;
}
 
.footy-sec.mn p {
  color: #b2b2b2;
  margin-top: 30px;
}
 
.fl-rgt {
  float: right;
  margin-top: 34px;
  padding-right: 30px;
}

/* ================== USER PROFILE =================== */

 
.cover-sec img {
  width: 100%;
}
 
.cover-sec>a {
  display: inline-block;
  color: #e44d3a;
  font-size: 16px;
  background-color: #fff;

  right: 0;
  padding: 10px 15px;
  font-weight: 600;
  margin-right: 15px;
}
 
.cover-sec>a i {
  padding-right: 5px;
}

 

  background-color: #fff;
  margin-bottom: 20px;
  text-align: center;
  margin-top: -40px;
}
 
.user-pro-img {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 28px;
  margin-top: -60px;
  position: relative;
}
 
.user-pro-img .add-dp {
  position: absolute;
  top: 10px;
  left: 60%;
}

  padding: 12px;
  color: #ffff;
  left: 0;
  top: -5px;
}
 
.add-dp i:hover {
  font-size: 14px;
  border: 2px solid #fff;
  background: #e44d3a;
  padding: 11px;
}
 
.add-dp {
  margin: -16px;
  padding: 0;
}
 
.add-dp input[type="file"] {
  opacity: 0;
  padding: 10px 0px 9px;
  display: none;
}

  -o-border-radius: 100px;
  border-radius: 100px;
  float: none;
  border: 5px solid #fff;
}
 
.user_pro_status {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 27px;
}
 
.flw-hr {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
 
.flw-hr li {
  display: inline-block;
  margin-right: 17px;
}
 
.flw-hr li:last-child {
  margin-right: 0;
}
 
.flw-hr li a {
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 11px 15px;
}
 
.flw-hr li a i {
  padding-right: 5px;
}
 
.flww {
  background-color: #53d690;
}
 
.hre {
  background-color: #51a5fb;
}

 

/* =============== flw-status ============ */
 
.flw-status {
  float: left;
  width: 100%;
}
 
.flw-status li {
  display: inline-block;
  margin-right: 50px;
}
 
.flw-status li:last-child {
  margin-right: 0;
}
 
.flw-status li span {
  color: #686868;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
}
 
.flw-status li b {
  color: #000000;
  font-size: 20px;

.social_links {
  float: left;
  width: 100%;
  text-align: left;
}
 
.social_links li {
  float: left;
  width: 100%;
  padding: 15px 15px;
  border-bottom: 1px solid #e5e5e5;
}
 
.social_links li a {
  float: left;
  width: 100%;
  color: #51a5fb;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
 
.modal-md {
  max-width: 55vw;
}
 
@media(min-width: 721px) {
  .group-view-tab {
    margin-left: 3.5rem;
  }
 
  .group-view-tab span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
 
@media(max-width: 720px) {
  .group-view-tab {
    margin-left: 3.5rem;
  }
}
 
.text-decoration-underline {
  text-decoration: underline !important;
}
 
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
 
.social_links li a i {
  padding-right: 5px;
  font-size: 20px;
  position: relative;
  top: 3px;
}
 
.la-globe {
  color: #51a5fb;
}
 
.fa-facebook-square {
  color: #3b5998;
}
 
.fa-google-plus-square {
  color: #e2665c;
}
 
.fa-twitter {
  color: #1da1f2;
}
 
.fa-behance-square {
  color: #1769ff;
}
 
.fa-pinterest {
  color: #bd081c;
}
 
.fa-instagram {
  color: #833ab4;
}
 
.fa-youtube {
  color: #cd201f;
}

 

.user-tab-sec {
  float: left;
  width: 100%;
  padding-top: 4px;
}
 
.user-tab-sec h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 15px;
}
 
.star-descp {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
 
.star-descp ul li {
  margin-right: 5px !important;
}
 
.star-descp>a {
  float: left;
  color: #51a5fb;
  font-size: 18px;
  font-weight: 600;
  margin-left: 20px;
  text-decoration: underline;
}
 
.star-descp>a:hover {
  color: #51a5fb;
}
 
.star-descp span {
  float: left;
  color: #686868;
  font-size: 18px;
  font-weight: 600;
  margin-right: 20px;
}
 
.star-descp>ul {
  float: left;
}
 
.star-descp ul li {
  display: inline-block;
}
 
.star-descp ul li i {
  color: #b7ce1f;
  font-size: 16px;
}
 
.tab-feed {
  float: left;
  width: 100%;
  margin-bottom: 45px;
  margin-top: 20px;
}
 
.tab-feed ul {
  float: left;
  width: 100%;
}
 
.tab-feed ul li {
  display: inline-block;
  margin-right: 35px;
  text-align: center;
}
 
.savetext ul {
  border-bottom: none !important;
}
 
.tab-feed.st2 ul li {
  margin-right: 17px;
}
 
.tab-feed ul li:last-child {
  margin-right: 0;
}
 
.tab-feed ul li.active img {
  filter: grayscale(0);
}
 
.tab-feed ul li.active span {
  color: #e44d3a;
}
 
.tab-feed ul li img {
  float: none;
  margin-bottom: 5px;
  filter: grayscale(100%);
}
 
.tab-feed ul li span {
  display: block;
  color: #b2b2b2;
  font-weight: 400;
  font-size: 16px;
}
 
.tab-feed ul li:last-child {
  margin-right: 0;
}

 

.message-btn {
  /* float: right;
  margin-top: 20px;
  margin-bottom: 30px; */
}
 
.message-btn a {
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  background-color: #e44d3a;
  padding: 12px;
  font-weight: 500;
}
 
.message-btn a:hover {
  color: #fff;
}
 
.message-btn a i {
  padding-right: 5px;
}

 

  float: left;
  width: 100%;
  padding: 20px 20px;
  border-bottom: 1px solid #e5e5e5;
}
 
.wd-heady h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  float: left;
}
 
.wd-heady img {
  float: right;
}
 
.pf-gallery {
  float: left;
  width: 100%;
  padding: 15px 15px;
}
 
.pf-gallery ul {
  float: left;
  width: 100%;
}
 
.pf-gallery ul li {
  float: left;
  width: 33.33%;
  padding: 5px;
  overflow: hidden;
}
 
.pf-gallery ul li:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
 
.pf-gallery img {
  width: 100%;
}

 
.product-feed-tab {
  float: left;
  width: 100%;
  display: none;
}
 
.product-feed-tab.current {
  display: block;

}

  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  margin-bottom: 20px;
}
 
.user-profile-ov h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
 
.user-profile-ov h3 a {
  color: #000000;
}
 
.user-profile-ov i {
  color: #000000;
  font-size: 13px;
  padding-left: 5px;
}
 
.user-profile-ov h4 {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}
 
.user-profile-ov p {
  color: #686868;
  font-size: 14px;
  line-height: 24px;
}
 
.user-profile-ov.st2 p {
  margin-bottom: 23px;
}
 
.no-margin {
  margin: 0 !important;
}
 
.user-profile-ov>span {
  color: #686868;
  font-size: 14px;
  float: left;
  width: 100%;
  margin-bottom: 8px;
  margin-top: 3px;
}
 
.user-profile-ov ul {
  float: left;
  width: 100%;
}
 
.user-profile-ov ul li {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 2px;
}
 
.user-profile-ov ul li a {
  display: inline-block;
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 600;

  padding: 30px 20px;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
 
.portfolio-gallery-sec h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 32px;
  padding-left: 5px;
  float: left;
}
 
.portfolio-btn {
  float: right;
}
 
.portfolio-btn a {
  display: inline-block;
  color: #e44d3a;
  font-size: 16px;
  font-weight: 600;
}

 
.portfolio-btn a i {
  margin-right: 5px;
}
 
.gallery_pf {
  float: left;
  width: 100%;
  margin-bottom: -5px;
}
 
.gallery_pf .col-lg-4 {
  padding: 5px;
}
 
.gallery_pt {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}
 
.gallery_pt:hover:before {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
 
.gallery_pt:before {
  content: "";
  position: absolute;
  top: 0;

  height: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
}
 
.gallery_pt img {
  width: 100%;
  height: 134px;
  object-fit: cover;
}
 
.row {
  margin: 0;
}
 
.gallery_pt>a {
  position: absolute;
  top: 100%;
  left: 0;
  float: left;
  width: 100%;

  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
 
.gallery_pt:hover>a {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
 
.gallery_pt>a img {
  float: none;
  width: auto;
  height: auto;
}

  transform: translateX(-50%) translateY(-50%);
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
 
.close-box {
  position: absolute;
  top: -20px;
  right: -20px;
  color: #fff;

  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  font-weight: 600;
}
 
.close-box:hover {
  color: #fff;
}
 
.overview-box.open {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}
 
.overview-edit {
  float: left;
  width: 100%;
  background-color: #fff;
  padding: 30px 20px;
}
 
.overview-edit h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
 
.overview-edit span {
  color: #b2b2b2;
  font-size: 12px;
  float: right;
  margin-bottom: 5px;
}
 
.overview-edit form {
  float: left;
  width: 100%;
}
 
.overview-edit form input {
  height: 40px;
  padding-left: 15px;
  margin-bottom: 20px;
}
 
.overview-edit form textarea,
.overview-edit form input,
.overview-edit form select {
  width: 100%;
  border: 1px solid #e5e5e5;
  resize: none;
  color: #b2b2b2;
  font-size: 14px;
}
 
.overview-edit form select {
  line-height: 40px;
  padding-left: 40px;
  margin-bottom: 20px;
}
 
.overview-edit form textarea {
  height: 160px;
  margin-bottom: 30px;
  padding: 15px;
}
 
.save {
  background-color: #e44d3a;
  color: #fff;
  border-color: transparent;
}
 
.save-add {
  background-color: #fff;
  padding: 13px 13px !important;
}
 
.overview-edit button {
  float: left;
  border: 1px solid #e5e5e5;
  font-weight: 600;
  font-size: 16px;
  padding: 13px 34px;
  margin-right: 20px;
  outline: none;
  cursor: pointer;
}
 
.cancel {
  background-color: #fff;
  color: #000;
}
 
.datepicky {
  float: left;
  width: 100%;
}
 
.no-left-pd {
  padding: 0;
}
 
.no-righ-pd {
  padding-right: 0;
}
 
.datefm {
  float: left;
  width: 100%;
  position: relative;
}
 
.datefm i {
  position: absolute;
  top: 11px;
  right: 15px;
  font-size: 18px;

 
#location-box .datefm i {
  right: auto;
  left: 15px;
}
 
#location-box .datefm input {
  padding-left: 40px;

}
 
#skills-box ul {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
 
#skills-box ul li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
 
.skl-name {
  display: inline-block;
  color: #b2b2b2;

  border-radius: 30px;
  text-transform: uppercase;
  padding: 10px 30px 10px 12px;
  position: relative;
}
 
.close-skl {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #b2b2b2;

  font-size: 14px;
  opacity: 0;
  display: none;
}

 
.file-submit [type="file"]+label {
  background: #e44d3a;
  border: none;
  float: left;
  border-top-right-radius: 0px;

 
.file-submit.nomg {
  border: 0;
  margin-bottom: 20px;
}
 
.file-submit.nomg input {
  margin-bottom: 0;
  padding-top: 0;

}
 
.daty {
  float: left;
  width: 100%;
  position: relative;
}
 
.daty>i {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #b2b2b2;
  font-size: 20px;
}
 
a:hover {

  color: initial;

  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 20px;
}
 
.billing-method ul {
  float: left;
  width: 100%;
}
 
.billing-method ul li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 25px 20px;
}
 
.billing-method ul li h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  float: left;
}
 
.billing-method ul li a,
.billing-method ul li span {
  float: right;
  color: #000000;
  font-size: 13px;
  text-transform: capitalize;
  font-weight: 600;
  margin-top: 3px;
}
 
.billing-method ul li i {
  font-size: 13px;
  color: #e44d3a;
}
 
.lt-sec {
  float: left;
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
 
.lt-sec img {
  float: none;
  margin-bottom: 15px;
}
 
.lt-sec h4 {
  color: #686868;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
}
 
.lt-sec>a {
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  background-color: #e44d3a;
  padding: 10px 25px;

  background-color: #fff;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
 
.add-billing-method h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 20px;
  border-bottom: 1px solid #e5e5e5;
}
 
.add-billing-method>h4 {
  color: #686868;
  font-size: 13px;
  font-weight: 500;
  padding: 20px 20px;
  border-bottom: 1px solid #e5e5e5;
  float: left;
  width: 100%;
}
 
.add-billing-method img {
  margin-right: 10px;
}
 
.add-billing-method span {
  margin-top: 4px;
  float: left;
}

 
.payment_methods {
  float: left;
  width: 100%;
}
 
.payment_methods>h4 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding: 25px 20px 25px 45px;
  float: left;
  width: 100%;
}
 
.rowwy {
  float: left;
  width: 100%;
}
 
.pd-left-none {
  padding-left: 0;
}
 
.pd-right-none {
  padding-right: 0;
}
 
.payment_methods h4:before {
  content: "";
  position: absolute;
  top: 50%;

  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.payment_methods h4:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);

  float: left;
  width: 100%;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
 
.payment_methods form button {
  color: #ffffff;
  font-size: 16px;
  background-color: #e44d3a;
  padding: 10px 15px;
  border: 0;
  cursor: pointer;
}
 
.payment_methods form input {
  width: 100%;
  height: 40px;
  border: 1px solid #e5e5e5;
  padding: 0 12px;
}
 
.cc-head {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
 
.cc-head h5 {
  float: left;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}
 
.cc-head h5 i {
  color: #b2b2b2;
  font-size: 14px;
}
 
.cc-head ul {
  float: right;
}
 
.cc-head ul li {
  display: inline-block;
}
 
.inpt-field {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
 
.no-pdd {
  padding: 0;
}
 
.inpt-field.pd-moree input {
  padding-left: 40px !important;
}
 
.inpt-field i {
  color: #b2b2b2;
  font-size: 18px;
  position: absolute;
  top: 50%;

/* ============== companies-info ============== */

 
.companies-info {
  padding: 60px 0;
}
 
.company-title {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 0 1.9rem;
}
 
.default-link {
  color: #0860bf;
}
 
.default-link:hover {
  font-weight: bold;
  color: #0860bf;
  transition: all .5s;
}
 
.company-title h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 600;

.companies-list {
  float: left;
  width: 100%;
  margin-bottom: -30px;
}
 
.companies-list .slick-list {
  max-height: 47vh;
}

 
.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}
 
.company_profile_info {
  /* float: left; */
  width: 100%;
  background-color: #fff;
  text-align: center;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 30px;
}
 
.company-up-info {
  /* float: left; */
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;

}
 
.company-up-info .description {

  margin-bottom: 10px;
}

  -o-border-radius: 100px;
  border-radius: 100px;
  height: 90px;
  object-fit: cover;
}
 
.company-up-info h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
 
.company-up-info h4 {
  color: #686868;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 21px;
}
 
.company-up-info ul {
  /* float: left; */
  width: 100%;
}
 
.company-up-info ul li {
  display: inline-block;
  margin-right: 6px;
}
 
.company-up-info ul li a {
  display: inline-block;
  padding: 0 12px;
  color: #fff;
  height: 35px;
  line-height: 35px;
}
 
.company-up-info ul li a i {
  font-size: 24px;
  position: relative;
  top: 3px;
}
 
.follow {
  background-color: #53d690;
}
 
.message-us {
  background-color: #e44d3a;
}
 
.hire-us {
  background-color: #51a5fb;
}
 
.company_profile_info .cancelButton {
  display: inline-block;
  color: #000000;
  font-size: 16px;
  font-weight: 500;

.search-sec {
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
}
 
.search-box {
  float: left;
  width: 100%;
  padding: 0 15px;
}
 
.search-box form {
  float: left;
  width: 100%;
  position: relative;
}
 
.search-box form input {
  width: 100%;
  height: 40px;
  background-color: #fff;
  padding: 0 15px;

  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
.search-box form button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #e44d3a;

  width: 100%;
  /* background-color: #fff; */
  box-shadow: 0px 2px #e4e4e4;
  border: 1px solid #e5e5e5;
}
 
.filter-heading {
  float: left;
  width: 100%;
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}
 
.filter-heading h3 {
  float: left;
  color: #e44d3a;
  font-size: 18px;
  font-weight: 600;
}
 
.filter-heading a {
  float: right;
  color: #686868;
  font-size: 14px;
  margin-top: 4px;
}
 
.filter-ttl {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 16px 0;
  margin-bottom: 10px;
}
 
.filter--tt2 {
  margin-bottom: 0px !important;
}
 
.top--1 {
  margin-top: 20px;
}
 
.filter--tt2 .dropdown .dropdown-menu a {
  float: none;
  color: #666666 !important;
  margin-bottom: 12px !important;
}
 
.filter--tt2 .dropdown .dropdown-menu a:hover {
  color: #e44d3a !important;
  background: none !important;
}
 
.filter--tt2 .dropdown .dropdown-menu a:focus {
  color: #e44d3a !important;
  background: none !important;
}
 
.filter--tt2 a {
  float: left !important;
  padding: 0 0 0 15px !important;
  font-size: 16px !important;
  color: #000000 !important;
  font-weight: 500 !important;
}
 
.filter-ttl h3 {
  float: left;
  padding: 0;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
}
 
.filter-ttl a {
  float: right;
  font-size: 14px;
  color: #666666;
}
 
.filter-ttl .dropdown a {
  float: none;
  color: #666666;
}
 
.filter-dd {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
 
.filter-dd form {
  float: left;
  width: 100%;
  position: relative;
}
 
.filter-dd form input,
.filter-dd form select {
  width: 100%;
  height: 30px;
  background-color: #f2f2f2;

  font-size: 12px;
  font-weight: 600;
  border: 0;
  border: 1px solid #e5e5e5;
}
 
.job-tp i {
  color: #666666;
  position: absolute;
  top: 9px;
  right: 15px;
  font-size: 14px;
}
 
.avail-checks {
  float: left;
  width: 100%;
  margin-top: 7px;
}
 
.avail-checks li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
 
.avail-checks li:last-child {
  margin-bottom: 0;
}
 
.avail-checks li input[type="radio"] {
  display: none;
}
 
.avail-checks li label {
  float: left;
}
 
.avail-checks li input[type="radio"]+label span {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  margin-top: 3px;

  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.avail-checks li input[type="radio"]+label span:before {
  content: "";
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 7px;

  border-radius: 100px;
  background-color: #e44d3a;
  top: 3px;
  left: 3px;
}
 
.avail-checks li input[type="radio"]:checked+label span:before {
  opacity: 1;
  visibility: visible;
}
 
.avail-checks li small {
  color: #909090;
  font-size: 14px;
  padding-left: 10px;
  font-weight: 500;

 
.rg-slider {
  float: left;
  width: 100%;
}
 
.slider-container {
  width: 100% !important;
  padding-top: 50px;
  position: relative;
}
 
.theme-green .back-bar {
  height: 5px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
 
.theme-green .back-bar .pointer {
  width: 17px;
  height: 17px;
  -webkit-border-radius: 100px;

  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
  -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
  -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
}
 
.theme-green .back-bar .pointer {
  top: -7px;
}
 
.slider-container .back-bar .pointer-label {
  top: -50px;
  height: 26px;
  background-color: #e5e5e5;
  -webkit-border-radius: 30px;

  -o-border-radius: 30px;
  border-radius: 30px;
  line-height: 26px;
  width: 50px;
}
 
.pointer-label.low {
  left: 0 !important;
}
 
.pointer-label.high {
  left: 70px !important;
}
 
.pointer-label.low:before {
  content: "";
  position: absolute;
  top: 13px;
  right: -14px;
  width: 8px;
  height: 1px;
  background-color: #e5e5e5;
}
 
.rg-limit {
  float: left;
  width: 100%;
  margin-top: 16px;
}
 
.rg-limit h4 {
  color: #686868;
  font-size: 15px;
  font-weight: 600;
  float: left;
}
 
.rg-limit h4:last-child {
  float: right;
}

 

.chatbox-list {
  position: fixed;
  bottom: 0;
  right: 0;
}
 
.chatbox {
  display: inline-block;
  margin-right: 13px;
  position: relative;
}
 
.chat-mg {
  display: inline-block;
  position: relative;
}
 
.chat-mg img {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.chat-mg span {
  position: absolute;
  top: -5px;
  right: 10px;
  width: 20px;

  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.chat-mg.bx img {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
 
.conversation-box {
  position: absolute;
  bottom: 132%;
  right: 100%;
  width: 350px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
 
.conversation-box.active {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
 
.conversation-box:before {
  content: "";
  position: absolute;
  bottom: -7px;
  right: 26px;

  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
 
.con-title {
  float: left;
  width: 100%;
  background-color: #e44d3a;
  padding: 15px 25px;

  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
 
.con-title h3 {
  float: left;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
 
.con-title>a {
  float: right;
  color: #fff;
  font-size: 20px;
}
 
.chat-list {
  float: left;
  width: 100%;
  min-height: 390px;
}
 
.conv-list {
  float: left;
  width: 100%;
  display: table;
  padding: 20px 25px;
  position: relative;
}
 
.conv-list:hover,
.conv-list.active {
  background-color: #efefef;
}
 
.msg-numbers {
  position: absolute;
  bottom: 18px;
  right: 25px;
  width: 25px;

  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.usrr-pic {
  display: table-cell;
  position: relative;
}
 
.active-status {
  width: 9px;
  height: 9px;
  border: 2px solid #ecf5fb;
  -webkit-border-radius: 100px;

  border-radius: 100px;
  position: absolute;
  top: -3px;
  right: 0;
}
 
.activee {
  background-color: #e44d3a;
}
 
.usy-info {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-left: 15px;
}
 
.usy-info h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
 
.usy-info span {
  color: #686868;
  font-size: 16px;
  float: left;
}
 
.usy-info span img {
  padding-left: 5px;
  float: right;
}
 
.ct-time {
  position: absolute;
  top: 20px;
  right: 25px;
}
 
.ct-time span {
  color: #b2b2b2;
  font-size: 14px;
}

 
.st-icons {
  float: right;
  margin-top: 7px;
}
 
.st-icons a {
  color: #fff;
  font-size: 20px;
  margin-right: 5px;
}
 
.chat-hist {
  float: left;
  width: 100%;
  background-color: #fff;
  height: 280px;
}
 
.chat-msg {
  float: left;
  width: 100%;
  padding-right: 25px;
  margin-bottom: 15px;
}
 
.chat-msg p {
  color: #ffffff;
  font-size: 14px;
  background-color: #e44d3a;

  padding: 10px 15px;
  width: 80%;
  float: right;
  margin-bottom: 10px;
}
 
.mg-3 {
  margin-bottom: 3px;
}
 
.chat-msg span {
  float: right;
  color: #b1b1b1;
  width: 100%;
  font-size: 9px;
  text-align: right;
}
 
.status-info {
  width: 8px;
  height: 8px;
  background-color: #fff;
  -webkit-border-radius: 100px;

  -o-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  margin-left: 7px;
}
 
.chat-user-info h3 {
  margin-top: 7px;
  margin-left: 10px;
}
 
.date-nd {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}
 
.date-nd:before,
.date-nd:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 15px;
  width: 92px;
  height: 1px;
  background-color: #e5e5e5;
}
 
.date-nd:after {
  left: auto;
  right: 15px;
}
 
.date-nd span {
  color: #b1b1b1;
  font-size: 12px;
  text-align: center;
}
 
.chat-msg.st2 p {
  background-color: #efefef;
  color: #686868;
  float: left;
  width: 55%;
}
 
.chat-msg.st2 {
  padding-left: 25px;
}
 
.chat-msg.st2 span {
  float: left;
  text-align: left;
}

  float: left;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  padding-top: 15px;
}
 
.typing-msg form {
  float: left;
  width: 100%;
  position: relative;
}
 
.typing-msg form textarea {
  width: 100%;
  height: 30px;
  background-color: #fff;
  padding: 0 20px;
  color: #b2b2b2;
  font-size: 16px;
  border: 0;
  resize: none;
}
 
.typing-msg form button {
  color: #e44d3a;
  font-size: 18px;
  font-weight: 600;
  position: absolute;

  right: 20px;
  background: none;
  border: 0;
  cursor: pointer;
}
 
.ft-options {
  float: left;
  width: 100%;
  padding: 0 20px 8px 20px;
}
 
.ft-options li {
  display: inline-block;
  margin-right: 15px;
}
 
.ft-options li a {
  color: #b2b2b2;
  font-size: 24px;
  display: inline-block;
}

 
.mCSB_scrollTools {
  right: -5px;
}
 
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #cccccc;
  width: 5px;
}
 
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  opacity: 0;

}

 
/* ============ Menu Btn =============*/
 
.menu-btn {
  float: right;
  display: none;
}
 
.menu-btn a {
  font-size: 24px;

.account-tabs-setting {
  float: left;
  width: 100%;
  padding: 70px 0;
}
 
.acc-leftbar {
  float: left;
  width: 100%;
  background-color: #fff;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
 
.acc-leftbar .nav-tabs>a {
  float: left;
  width: 100%;
  background: none;
  padding: 18px 20px;
  border-bottom: 1px solid #e5e5e5;

  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border-top: 0;
}
 
.nav-tabs {
  border-bottom: 0;
}
 
.acc-leftbar .nav-tabs>a:last-child {
  border-bottom: 0;
}
 
.acc-leftbar .nav-tabs>a i {
  padding-right: 15px;
  font-size: 20px;
  position: relative;
  top: 2px;
  font-weight: 700;
  width: 40px;
}
 
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: inherit;
  color: #e44d3a;
  border-color: inherit;

  -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
}
 
.acc-setting form {
  float: left;
  width: 100%;
}
 
.acc-setting>h3 {
  width: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  border-bottom: 1px solid #e5e5e5;
  padding: 17px 20px;
}
 
.notbar {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px;
  position: relative;
}
 
.notbar h4 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
 
.notbar p {
  color: #686868;
  font-size: 14px;
  line-height: 24px;
  width: 75%;
}
 
.toggle-btn {
  position: absolute;
  top: 35px;
  right: 20px;
}
 
.save-stngs {
  float: left;
  width: 100%;
  padding: 30px 20px 50px 20px;
}
 
.save-stngs.pd2 {
  padding: 25px 20px 42px 20px;
}
 
.save-stngs.pd3 {
  padding: 25px 20px 25px 20px;
}
 
.save-stngs ul li {
  display: inline-block;
  margin-right: 17px;
}
 
.save-stngs ul li button {
  display: inline-block;
  color: #000000;
  font-size: 16px;
  border: 1px solid #e5e5e5;

  padding: 0 22px;
  font-weight: 600;
  background: none;
  cursor: pointer;
}
 
.save-stngs ul li button:hover {
  background-color: #e44d3a;
  color: #fff;
  border-color: transparent;
}

  float: left;
  width: 100%;
  margin-top: 29.4px;
  padding: 0 20px;
}
 
.cp-field h5 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
 
.cp-field h5 a {
  color: #000;
}
 
.cpp-fiel {
  float: left;
  width: 100%;
  position: relative;
}
 
.cp-field input {
  height: 40px;
  padding: 0 40px;
}
 
.cp-field input,
.cp-field textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
}
 
.cp-field textarea {
  padding: 20px;
  height: 115px;
}
 
.cpp-fiel i {
  position: absolute;
  top: 12px;
  left: 15px;
  color: #b2b2b2;
  font-size: 16px;
}
 
.cp-field>p {
  /* float: left;
  width: 100%;
  color: #686868;
  font-size: 14px;
  line-height: 24px;
  margin-top: 5px; */
}
 
/* =============== notifications-list ============= */

 
.notifications-list {
  float: left;
  width: 100%;
}
 
.notfication-details {
  float: left;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
 
.notfication-details:last-child {
  border-bottom: 0;
}
 
.noty-user-img {
  float: left;
  width: 35px;
}
 
.noty-user-img img {
  width: 100%;
}
 
.notification-info {
  float: left;
  width: auto;
  padding-left: 10px;
}
 
.notification-info h3 {
  color: #686868;
  font-size: 14px;
  font-weight: 500;
  border: 0;
  padding: 0;
  margin-bottom: 6px;
}
 
.notification-info h3 a {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
}
 
.notification-info>span {
  display: inline-block;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 600;

.requests-list {
  float: left;
  width: 100%;
  padding-bottom: 0;
}
 
.request-details {
  float: left;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #e5e5e5;
}
 
.request-details:last-child {
  border-bottom: 0;
}
 
.request-info {
  float: left;
  padding-left: 10px;
}
 
.request-info h3 {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  border: 0;
  margin-bottom: 3px;
}
 
.request-info span {
  color: #686868;
  font-size: 12px;
  display: inline-block;
}
 
.accept-feat {
  float: right;
}
 
.accept-feat ul li {
  display: inline-block;
}
 
.accept-feat ul li button {
  cursor: pointer;
}
 
.accept-req {
  color: #ffffff;
  font-size: 16px;
  background-color: #51a5fb;
  height: 30px;
  padding: 0 20px;
  font-weight: 600;
  border: 0;
  border: 1px solid #51a5fb;
}
 
.close-req {
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #e5e5e5;
  background: inherit;
  color: #b2b2b2;
  margin-left: 7px;
}
 
.close-req i {
  font-weight: 600;
}

 

.profile-bx-details {
  float: left;
  width: 100%;
  padding: 30px 7px 30px 7px;
}
 
.profile-bx-details .row .col-lg-3 {
  padding: 0 7px;
}
 
.profile-bx-info {
  float: left;
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px;
  border: 1px solid #e5e5e5;
}
 
.pro-bx {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
 
.bx-info {
  float: left;
  margin-top: 7px;
  padding-left: 10px;
}
 
.bx-info h3 {
  color: #e44d3a;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}
 
.bx-info h5 {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  border: 0;
}
 
.pd-left-20 {
  padding-left: 20px;
  padding-right: 0;
}
 
.pd-left-15 {
  padding-left: 15px;
  padding-right: 0;
}
 
.pd-left-right {
  padding-left: 15px;
  padding-right: 20px;
}
 
.profile-bx-info>p {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  padding-top: 5px;

.pro-work-status {
  float: left;
  width: 100%;
  padding: 0 15px;
}
 
.pro-work-status h4 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 50px;

/* ============== messages-page ============== */

 
.messages-page {
  padding: 60px 0;
}
 
.messages-sec {
  float: left;
  width: 100%;
}
 
.msgs-list {
  float: left;
  width: 100%;
  background-color: #fff;
  border-left: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
 
.msg-title {
  float: left;
  width: 100%;
  padding: 36px 20px;
}
 
.msg-title>h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  float: left;
}
 
.msg-title>ul {
  float: right;
  position: relative;
  top: 1px;
}
 
.msg-title ul li {
  display: inline-block;
  margin-right: 15px;
}
 
.msg-title ul li:last-child {
  margin-right: 0;
}
 
.msg-title ul li a {
  color: #b2b2b2;
  font-size: 18px;
}
 
.messages-list {
  float: left;
  width: 100%;
}
 
.messages-list ul {
  float: left;
  width: 100%;
}
 
.messages-list ul li {
  float: left;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #eeeeee;
  cursor: pointer;
}
 
.messages-list ul li.active {
  background-color: #efefef;
}
 
.usr-msg-details {
  float: left;
  position: relative;
  width: 100%;
}
 
.usr-ms-img {
  float: left;
  width: 50px;
  position: relative;
}
 
.msg-status {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;

  top: -3px;
  right: 0;
  width: 6px;
  height: 6px;
}
 
.messages-list ul li.active .msg-status {
  border: 2px solid #ecf5fb;
  height: 10px;
  width: 10px;
}
 
.msg-notifc {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25px;

  text-align: center;
  line-height: 25px;
  font-size: 13px;
  color: #fff;
}
 
.usr-ms-img img {
  width: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.usr-mg-info {
  float: left;
  padding-left: 13px;
  margin-top: 4px;
}
 
.usr-mg-info h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
 
.usr-mg-info p {
  color: #686868;
  font-size: 16px;
}
 
.usr-mg-info p img {
  float: right;
  position: relative;
  top: 5px;
  padding-left: 5px;
}
 
.posted_time {
  position: absolute;
  top: 2px;
  right: 0;
  color: #b2b2b2;

  background-color: #fff;
  position: relative;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}
 
.message-bar-head {
  float: left;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}
 
.message-bar-head .usr-msg-details {
  float: left;
  width: auto;
}
 
.message-bar-head>a {
  float: right;
  color: #b2b2b2;
  font-size: 20px;
  padding-top: 15px;
}
 
.main-message-box {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 15.5px;
}
 
.messg-usr-img {
  position: absolute;
  bottom: 25px;
  left: 20px;
  width: 50px;
}
 
.messg-usr-img img {
  width: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.message-dt {
  float: left;
  width: auto;
  padding-left: 85px;
}
 
.main-message-box.ta-right {
  float: right;
}
 
.main-message-box.ta-right .messg-usr-img {
  left: auto;
  right: 20px;
  bottom: 25px;
}
 
.main-message-box.ta-right .message-dt {
  padding-left: 0;
  padding-right: 85px;
}
 
.main-message-box.ta-right .message-dt>span {
  float: right;
  width: auto;
}
 
.message-inner-dt {
  float: left;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  width: 100%;
}
 
.img-bx {
  background-color: #efefef;
  padding: 20px;
}
 
.message-inner-dt>img {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}
 
.message-dt>span {
  color: #b2b2b2;
  font-size: 14px;
  float: left;
  width: 100%;
  margin-top: 7px;
}
 
.message-inner-dt>p {
  float: right;
  width: 60%;
  background-color: #e44d3a;
  font-size: 14px;
  line-height: 22px;

  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
 
.message-dt.st3 .message-inner-dt>p {
  background-color: #efefef;
  color: #686868;
  width: auto;
  padding: 10px 15px;
  float: left;
}
 
.message-dt.st3 .message-inner-dt>p img {
  float: right;
  position: relative;
  top: 3px;
  padding-left: 5px;
}
 
.main-message-box.st3 .messg-usr-img {
  bottom: 13px;
}
 
.messages-line {
  float: left;
  width: 100%;
  height: 604px;
}

  width: 100%;
  background-color: #f3f5f7;
  padding: 25px 20px 15px 20px;
  border: 1px solid #eeeeee;
}
 
.message-send-area form {
  float: left;
  width: 100%;
}
 
.mf-field {
  float: left;
  width: 100%;
}
 
.mf-field input {
  float: left;
  width: 80%;
  background-color: #fff;
  color: #b2b2b2;
  font-size: 16px;
  padding: 0 15px;
  border: 1px solid #e6e6e6;
  height: 45px;
}
 
.mf-field button {
  float: left;
  width: 17%;
  background-color: #e44d3a;
  height: 45px;

  font-weight: 600;
  border: 0;
  margin-left: 15px;
  cursor: pointer;
}
 
.message-send-area form>ul {
  float: left;
  width: 100%;
  margin-top: 15px;
}
 
.message-send-area form>ul li {
  display: inline-block;
  margin-right: 20px;
}
 
.message-send-area form>ul li a {
  color: #b2b2b2;
  font-size: 18px;
}

 

/* ============== forum-links ============= */
 
.forum-sec {
  background-color: #fff;
}
 
.forum-links {
  float: left;
  width: 100%;
}
 
.forum-links.active {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
 
.forum-links ul li {
  display: inline-block;
  padding: 20px 0;
  margin-right: 45px;
  border-bottom: 2px solid transparent;
}
 
.forum-links ul li.active {
  border-color: #e44d3a;
}
 
.forum-links ul li.active a {
  color: #e44d3a;
}
 
.forum-links ul li a {
  display: inline-block;
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 600;
}
 
.forum-links-btn {
  float: left;
  width: 100%;
  text-align: center;
  display: none;
  padding: 20px 0;
}
 
.forum-links-btn a {
  color: #000;
  font-size: 30px;

/* ================ forum-page =============== */

 
.forum-page {
  padding: 50px 0;
}
 
.forum-questions-sec {
  float: left;
  width: 100%;
}
 
.forum-questions {
  float: left;
  width: 100%;
  background-color: #fff;
}
 
.usr-question {
  float: left;
  width: 100%;
  position: relative;
  padding: 25px;
  border-bottom: 1px solid #e5e5e5;
}
 
.usr_img {
  float: left;
  width: 60px;
}
 
.usr_img img {
  width: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.usr_quest {
  float: left;
  width: 90%;
  padding-left: 15px;
}
 
.usr_quest>h3 {
  color: #000000;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
}
 
.forum-post-view .usr_quest>h3 {
  margin-bottom: 10px;
}
 
.react-links {
  float: left;
  width: 100%;
}
 
.react-links li {
  display: inline-block;
  margin-right: 30px;
}
 
.react-links li a {
  display: inline-block;
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 600;
}
 
.react-links li a:hover {
  color: #e44d3a;
}
 
.react-links li a i {
  padding-right: 7px;
}
 
.react-links li:last-child {
  margin-right: 0;

}

.quest-tags {
  float: left;
  width: 100%;
  margin-top: 20px;
}
 
.quest-tags li {
  display: inline-block;
  margin-right: 10px;
}
 
.quest-tags li a {
  display: inline-block;
  color: #ffffff;
  background-color: #53d690;
  -webkit-border-radius: 3px;

  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 7px 25px;
}
 
.quest-posted-time {
  position: absolute;
  bottom: 30px;
  right: 20px;
  color: #b2b2b2;
  font-size: 14px;
}
 
.quest-posted-time i {
  padding-right: 5px;
}
 
.pd-right-none {
  padding-right: 0;
}
 
/* =========== navigation ============ */

 
.pagination {
  float: left;
  width: 100%;
  /* background-color: #fff; */
  padding: 13px 25px;
}
 
.full-pagi {
  float: left;
  width: 100%;
  padding-right: 0;
  text-align: inherit;
  margin-top: 20px;
}
 
.pagination li {
  padding: 0;
  margin-right: 10px;
}
 
.pagination li .page-link {
  /* background-color: #e5e5e5; */
  color: #b2b2b2;
}
 
.pagination li .page-link.active {
  background-color: #e44d3a;
  color: #fff;
  border-color: transparent;
}
 
.pvr {
  padding: 0.5rem 30px;

}

  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5;
  padding: 25px 20px;
}
 
.widget-user ul {
  float: left;
  width: 100%;
  padding: 15px 0;
}
 
.widget-user ul li {
  float: left;
  width: 100%;
  padding: 15px 20px;
}
 
.widget-user ul li .usr-msg-details {
  float: left;
  width: auto;
}
 
.widget-user ul li .usr-ms-img {
  width: 35px;
}
 
.widget-user ul li .usr-mg-info h3 {
  font-size: 14px;
}
 
.widget-user ul li .usr-mg-info p {
  font-size: 12px;
}
 
.widget-user ul li>span {
  color: #686868;
  font-size: 16px;
  float: right;
  margin-top: 10px;
}
 
.widget-user ul li>span img {
  padding-right: 5px;
}

 

  width: 100%;
  background-color: #fff;
  padding: 25px 25px 0 25px;
  border-bottom: 1px solid #e5e5e5;
}
 
.forum-post-view .usr-question {
  border-bottom: 0;
  padding: 0;
}
 
.forum-post-view .usr_quest span {
  color: #b2b2b2;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 20px;
}
 
.forum-post-view .usr_quest span i {
  padding-right: 7px;
}
 
.forum-post-view .quest-tags {
  margin-bottom: 30px;
}
 
.forum-post-view .usr_quest>p {
  float: left;
  width: 100%;
  color: #686868;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 40px;
}
 
.forum-post-view .comment-section {
  padding: 0;
}
 
.forum-post-view .comment-section>h3 {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}
 
.forum-post-view .comment-sec ul li {
  border-bottom: 1px solid #e5e5e5;
  padding: 23px 0;
}
 
.forum-post-view .comment span {
  margin-bottom: 10px;
}
 
.forum-post-view .comment-list {
  padding-bottom: 0;
  margin-bottom: -4px;
}
 
.forum-post-view .comment p {
  margin: 0;
  margin-top: 5px;
}
 
.forum-post-view .comment h3 {
  margin-bottom: 9px;
}
 
.forum-post-view .comment-sec ul li:last-child {
  border-bottom: 0;
}

 

  float: left;
  width: 100%;
  padding: 20px;
  background-color: #fff;
}
 
.post-comment-box h3 {
  float: left;
  width: 100%;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
}
 
.user-poster {
  float: left;
  width: 100%;
}
 
.usr-post-img {
  float: left;
  width: 50px;
  margin-right: 15px;
}
 
.usr-post-img img {
  width: 100%;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
}
 
.post_comment_sec {
  float: left;
  width: 90%;
}
 
.post_comment_sec form {
  float: left;
  width: 100%;
}
 
.post_comment_sec form textarea {
  float: left;
  width: 100%;
  height: 130px;
  border: 1px solid #dce2eb;
  padding: 15px;
  resize: none;
}
 
.post_comment_sec form button {
  color: #ffffff;
  font-size: 14px;
  background-color: #e44d3a;
  padding: 10px 25px;

  width: 100%;
  background-color: #fff;
  margin-top: 20px;
  padding: 12px 25px;
}
 
.next-prev>a {
  width: 90px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: #b2b2b2;
  font-size: 14px;
  background-color: #e5e5e5;
}
 
.next-prev>a:hover {
  color: #fff;
  background-color: #e44d3a;
}
 
.fl-left {
  float: left;
}
 
.fl-right {
  float: right;
}

 

/* ========== widget-feat ========= */
 
.widget-feat {
  padding: 25px 20px;
}
 
.widget-feat ul {
  float: left;
  width: 100%;
}
 
.widget-feat ul li {
  float: left;
  width: 25%;
  text-align: center;
}
 
.widget-feat ul li i {
  display: block;
  font-size: 18px;
  margin-bottom: 9px;
}
 
.widget-feat ul li span {
  display: block;
  color: #686868;
  font-size: 16px;
  font-weight: 500;
}
 
.widget-feat ul li i.fa-heart {
  color: #53d690;
}
 
.widget-feat ul li i.fa-comment {
  color: #e44d3a;
}
 
.widget-feat ul li i.fa-share-alt {
  color: #51a5fb;
}
 
.widget-feat ul li i.fa-eye {

  color: #00b540;

  line-height: 80px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
}

 
.spinner>div {
  width: 15px;
  height: 15px;

  background-color: #b9b9b9;

  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

 
@-webkit-keyframes sk-bouncedelay {
 
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
 
  40% {
    -webkit-transform: scale(1);
  }

}
 
@keyframes sk-bouncedelay {
 
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
 
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);

  }
}
 
.wordpressdevlp {
  background-color: #fff;
}
 
.bgclr {
  background-color: #fff;
  margin-bottom: 15px;
}
 
.cadidatesbtn {
  position: absolute;
  left: 0;
  padding-top: 5px;
}
 
.cadidatesbtn button {
  background-color: #e44d3a;
  border: none;
  margin-top: -3px;
}
 
.cadidatesbtn button:hover {
  background-color: #e44d3a;
}
 
.cadidatesbtn span {
  background-color: #bd2e1c;
  color: #fff;
  margin-right: 10px;
  padding: 0.25em 0.5em;
  font-weight: 600;
  font-size: 12px;
}
 
.wordpressdevlp i {
  color: #e86554;
  font-size: 18px;
  font-weight: bold;
  padding-right: 5px;
}
 
.wordpressdevlp h2 {
  font-size: 18px;
  font-weight: 600;
}
 
.cadidatesbtn i {
  color: #b2b2b2;
  border: 1px solid #b2b2b2;
  font-size: 14px;
  text-align: center;
  margin-left: 7px;
  border-radius: 3px;
  padding: 10px;
}
 
.cadidatesbtn i:hover {
  background-color: #e44d3a;
  color: #fff;
  border: 1px solid #e44d3a;
}
 
.inner {
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 10px;
}
 
.inner li a:hover {
  color: #e44d3a;
  border-bottom: 2px solid #e44d3a;
  padding-bottom: 9px;
}
 
.inner li a {
  color: #000000;
}
 
.posttext {
  position: absolute;
  left: 0;
}
 
.deatile h3 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
}
 
.clrbtn a {
  background-color: #e44d3a;
  color: #fff;
  padding: 5px 10px 5px 10px;
  margin-right: 15px;
}
 
.transpairentbtn a {
  color: #222;
  border: 2px solid #f1f1f1;
  padding: 5px 10px 5px 10px;
}
 
.savetext h3 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 5px;
}
 
.devepbtn .clrbtn {
  padding: 7px 20px;
}
 
.devepbtn a {
  color: #666666;
  border: 1px solid #b2b2b2;
  padding: 7px 10px 7px 10px;
  border-radius: 3px;
  margin-right: 5px;
}
 
.devepbtn a:hover i {
  color: #fff;
}
 
.devepbtn a:hover {
  background-color: #e44d3a;
  color: #fff;
}
 
.rew-reply hr {
  margin-left: -20px;
  margin-right: -20px;
}
 
.rew-reply p {
  padding-left: 20px;
}
 
.rew-reply ul {
  padding-left: 20px;
}
 
.devepbtn {
  margin-top: 30px;
  padding-left: 20px;
}
 
.rep-thanks hr {
  margin-right: -20px;
  margin-left: -20px;
}
 
.profilecnd {
  margin-bottom: 0px;
}
 
.devepbtn i {
  color: #b2b2b2;
  font-size: 14px;
}
 
.appliedinfo {
  padding-left: 0;
  padding-top: 20px !important;
  padding-bottom: 10px;
}
 
.epi2 {
  padding: 0;
}
 
.review a {
  line-height: 16px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  margin-left: 15px;
}
 
.add-pic-box {
  display: inline-block;

  overflow: hidden;
  width: 0;
  float: left;
}

 
.add-pic-box [type="file"]+label {
  background: #fff;
  border: 2px solid #e44d3a;
  border-radius: 3px;
  color: #e44d3a;

  vertical-align: middle;
  margin: 0;
  float: right;
  text-transform: uppercase;
}
 
.add-pic-box [type="file"]+label:hover {
  background: #e44d3a;
  color: #fff;
}
 
.noreview li i {
  color: #b2b2b2;
}
 
.review-tb {
  margin: 0 0 10px;
  padding-left: 20px;
}
 
.noreview ul li i {
  color: #b2b2b2;
}
 
.mngdetl {
  border-bottom: none;
}
 
.post-reply {
  padding-top: 0;
  padding-bottom: 0;
}
 
.activebidbtn i:hover {
  background-color: #e44d3a;
  color: #fff;
  border: none;
}
 
.reviewtitle h2 {
  font-size: 17px;
  font-weight: 600;
}
 
.horiline {
  width: 118%;
  position: relative;
  left: -40px;
}
 
.tahnks {
  font-weight: 500;
  margin-top: 5px;
}

  justify-content: center;
  padding: 10px;
  margin-top: 0;
  color: #fff;
}
 
.innertitle {
  margin-top: 130px;
}
 
.Company-overview {
  padding-bottom: 50px;
}
 
.bennertext {
  position: absolute;
  left: 20%;
  right: 20%;
  text-align: center;
}
 
.bannerimage img {
  height: 100%;
}
 
.innertitle h2 {
  color: #fff;
  font-size: 30px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}
 
.innertitle p {
  color: #fff;
  font-size: 16px;
}
 
.Company-overview h2 {
  padding-top: 100px;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 12px;
}
 
.Company-overview p {
  font-size: 15px;
  font-weight: 500;
}
 
.Company-overview img {
  float: right;
  padding-top: 25px;
}
 
.blog {
  text-align: center;
  display: inline-block;
  margin-bottom: 50px;
}
 
.blog img {
  padding-bottom: 30px;
}
 
.blog h2 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 30px;
}
 
.blog a {
  background-color: #ff4500;
  color: #fff;
  padding: 7px 25px 7px 25px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
}
 
.services {
  padding-top: 80px;
  padding-bottom: 80px;
}
 
.video {
  padding-bottom: 40px;
}
 
.search-container {
  text-align: center;
}

 

  border-top-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 0px;
}
 
.searchtitle {
  text-align: center;
}
 
.searchtitle h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  padding-bottom: 10px;
}
 
.modal-header h3 {
  font-size: 18px;
}
 
.search-container button {
  padding: 8px 10px;
  text-align: center;
  margin-top: 8px;
  margin-left: -3px;

  height: 50px;
  width: 6%;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
 
.topsearch i {
  color: #e44d3a;
}
 
.dropdown-toggle::after {
  position: absolute;
  right: 15px;
  color: #b2b2b2;
  top: 7px;
}
 
.help-paddy {
  padding: 0 !important;
}
 
.paddy {
  padding: 20px;
  float: left;
}
 
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;

  width: 100%;
  background-clip: padding-box;
  border: none;
  border-radius: 0.25rem;
}
 
.radio-form p {
  display: -webkit-inline-box;
}
 
.dropdown a {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  padding: 0 20px;
}
 
.accountnone {
  border: none;
}
 
.helpforum {
  background-color: #fff;
  padding: 15px 0;
  box-shadow: 0px 2px #c6c6c6;
}
 
.helpforum h3 {
  font-size: 18px;
  font-weight: 600;
}
 
.helpforum a {
  background-color: #e44d3a;
  color: #fff;
  padding: 10px 15px 10px 15px;
  line-height: 4;
  border-radius: 3px;
}
 
.helpforum p {
  line-height: 3;
}
 
.actionstitle h3 {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  padding-top: 30px;
}
 
.actionstitle img {
  padding-right: 10px;
}
 
.actionstext a {
  font-size: 16px;
  font-weight: 500;
  color: #e44d3a;
  line-height: 2;
  display: block;
}
 
.helpform {
  text-align: center;
  padding-top: 70px;
}
 
.helpform h3 {
  font-size: 18px;
  font-weight: 400;
  color: #e44d3a;
  margin-bottom: 10px;
}
 
.helpform a {
  background-color: #e44d3a;
  color: #fff;
  padding: 10px 15px 10px 15px;
  border-radius: 3px;
}
 
.helpform p {
  margin-bottom: 30px;
}
 
.helpform img {
  float: unset;
  padding-bottom: 10px;
}
 
.bookingsideber h3 {
  color: #000;
}
 
.bookingsideber h3:active {
  color: #e44d3a;
}
 
.helpforum h4 {
  font-size: 16px;
  font-weight: 600;
}
 
.bloktext {
  padding-left: 25px;
}
 
.privacy {
  background-color: #fff;
  height: 850px;
}
 
.privacydropd .dropdown-toggle::after {
  float: right;
  vertical-align: 0.255em;
}
 
/* .checkbox {
} */
.form-check {
  padding-left: 0;
}
 
.btns a {
  color: #000;
  border: 1px solid #e5e5e5;
  padding: 10px 25px 10px 25px;
  margin-left: 15px;
  border-radius: 5px;
  font-weight: 600;
}
 
.btns {
  padding-top: 20px;
}
 
.btns a:hover {
  background-color: #e44d3a;
  color: #fff;
}
 
.privacy h3 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 18px;
  margin-bottom: 10px;
}
 
.privacy p {
  padding-top: 0px;
  display: inline-block;
}
 
.form-group {
  margin-bottom: 1rem;
  padding-top: 0px;
}
 
.privacy i {
  float: right;
  color: #e44d3a;
  font-size: 20px;
  font-weight: 600;
}
 
.dropdown-menu input {
  margin-right: 10px;
  margin-top: 15px;
}
 
.dropdown-menu a {
  padding: 10px 0 10px 40px;
  margin-bottom: 10px;
}
 
.dropdown-menu form {
  margin-bottom: 10px;
  margin-top: 10px;
}
 
.privacydropd p {
  margin-left: 20px;
  margin-top: 5px;
}
 
.privabtns {
  margin-top: 20px;
}
 
.privabtns {
  padding-bottom: 15px;
}
 
.privabtns a {
  margin-right: 15px;
  padding: 8px 25px;
  color: #000000;
  border: 1px solid #e5e5e5;
}
 
.privabtns a:hover {
  color: #fff;
  background-color: #e44d3a;
}
 
.privac {
  background-color: #fff;
  height: 560px;
  padding-top: 20px;
}
 
.privac h3 {
  font-size: 18px;
  font-weight: 600;
}
 
.bids-detail ul {
  display: -webkit-inline-box;
}
 
.bids-detail ul li {
  margin-right: 30px;
}
 
.bids-detail h3 {
  font-size: 16px;
  font-weight: 400;
}
 
.bids-detail {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0px 2px #e4e4e4;
}
 
.dropdown-menu.show {
  display: contents;
}
 
.postpaid:checked:after {
  content: "\f17b";
  font: normal normal normal 16px/1 "LineAwesome";
  font-weight: 600;
  border: 1px solid #fff;

  background: #e44d3a;
  display: block;
  border-radius: 50%;
  padding-top: 3px;
}
 
.postpaid:focus {
  border: 1px solid #fff;
  width: 25px;
  height: 25px;
}
 
.postpaid {
  -webkit-appearance: none;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #5e5e5e;
  outline: 0;
  margin-right: 5px;
}
 
.job-status-bar {
  border-top: 1px solid #e5e5e5;
}

 

.main-ws-sec .btm-line {
  padding-bottom: 20px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  margin-bottom: 20px;
}
 
.job-status-bar hr {
  margin: 0 -40px;
}
 
.reply-area {
  padding-left: 55px;
}

 

}

 
.reply-area p {
  padding-bottom: 10px;
}
 
.reply-area span {
  cursor: pointer;
}
 
.reply-area span:hover {
  color: #e44d3a;
}
 
.reply-area i {
  font-size: 16px;
  font-weight: 600;
  padding-right: 8px;
}
 
.comment-area .la-plus-circle {
  display: block;
  text-align: center;
  font-size: 40px;
  color: #b2b2b2;
}
 
.reply-area span {
  padding-top: 5px;
  color: #b2b2b2;
}
 
.comt span {
  font-size: 16px;
  color: #666666;
}
 
.comt i {
  padding-right: 8px;
}
 
.postcomment .form-control {
  width: 112%;
  margin-left: -50px;
  background-color: #efefef;
  border-radius: 3px;
}
 
.postcomment a {
  background-color: #e44d3a;
  color: #fff;
  padding: 9px 25px 8px 25px;
  line-height: 37px;
  border-radius: 3px;
}
 
.postcomment {
  padding-top: 30px;
}
 
.widget-about button:focus {
  box-shadow: none;
}
 
.widget-about button:hover {
  background-color: #e44d3a;
}
 
.widget-about button {
  background-color: #e44d3a;
  border: none;
  padding: 12px 0;
  width: 100%;
}
 
.widget-about p {
  background-color: #e44d3a;
  color: #fff;
  padding: 10px 0;
}
 
.widget-projectid {
  padding: 15px;
}
 
.widget-projectid h3 {
  padding-bottom: 7px;
  font-size: 14px;
  font-weight: 600;
}
 
.sd-title h4 {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
 
.paymethd p {
  color: #e44d3a;
}
 
.copylink p {
  background-color: #efefef;
  padding: 7px 0 8px 10px;
}
 
.copylink a {
  background-color: #e44d3a;
  color: #fff;
  padding: 10px 15px 10px 15px;
  border-radius: 4px;
}
 
.copylink span {
  padding: 30px 0 20px;
}
 
.copylink i {
  float: unset;
  position: unset;
}
 
.copylink .la-facebook {
  background-color: #3b5998;
  color: #fff;
}
 
.copylink .la-twitter {
  color: #1da1f2;
}
 
.copylink .la-pinterest-p {
  background-color: #fff;
  color: #c11628;
  border-radius: 50%;
}
 
.copylink img {
  padding-right: 10px;
}
 
.freelancerbiding {
  background-color: #fff;
  padding-top: 20px;
}
 
.freelancerbiding h3 {
  font-size: 18px;
  font-weight: 400;
}
 
.repcent {
  text-align: left;
}
 
.bidrit {
  float: right;
}
 
.repcent i {
  padding-left: 5px;
}
 
.star {
  display: inline-flex;
  padding: 5px 0;
}
 
.star li i {
  color: #bfd337;
}
 
.repcent span {
  color: #51a5fb;
}
 
.repcent p {
  padding-left: 7px;
}
 
.noreview ul li i {
  color: #b2b2b2;
}
 
.paymethd .star li i {
  position: unset;
  font-size: 14px;
}
 
.paymethd .star a {
  color: #51a5fb;
  padding-left: 12px;

  display: block !important;
} */
.modal-body {
  padding: 1rem 0;
}
 
.notice {
  background-color: #ddf3ff;
  padding: 15px;
}
 
.notice span {
  font-weight: 500;
  padding-right: 5px;
}
 
.innerbody {
  padding: 15px;
}
 
.innerbody h3 {
  font-size: 18px;
  font-weight: 600;
}
 
.innerbody h4 {
  font-weight: 600;
  font-size: 14px;
  margin-left: -15px;
  float: left;
}
 
.delivery .input-group select {
  width: 150px;
  height: 50px !important;
  font-size: 19px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}
 
.input-group-prepend {
  background-color: #f3f3f3;
  color: #bfbfbf;
  text-align: center;
  line-height: 3;
  border: 1px solid #e5e5e5;
}
 
.input-group-text {
  color: #666666 !important;
  background-color: #f5f5f5 !important;
  border: 0px !important;
  border-radius: 3px !important;
}
 
.place-bid-form {
  position: relative;
  left: 20px;
  top: -15px;
  padding-bottom: 15px;
}
 
.place-bid-form .input-group input {
  width: 70px;
  border: 1px solid #e5e5e5;
}
 
.paydel {
  padding: 40px 0 0;
}
 
.beatcompitation {
  background-color: #f3f3f3;
  padding: 15px;
}
 
.beatcompitation h3 {
  font-weight: 500;
}
 
.sponser i {
  background-color: #e44d3a;
  color: #fff;
  margin-right: 5px;
  padding: 2px;
}
 
.sponser h2 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 15px;
}
 
.sponser {
  padding: 15px;
}
 
.modal-footer {
  display: block !important;
  border-top: none;
  padding: 1rem 0;
}
 
.modal-footer button {
  font-size: 15px;
  font-weight: 500;
  background-color: unset;
  border: none;
  padding: 10px;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}
 
.modal-footer button:hover {
  background-color: #e44d3a;
  /* color: #fff; */
  /* border: 1px solid #e44d3a; */
}

  background-color: #efefef;
  border: 1px solid #e5e5e5;
  padding-left: 10px;
  border-radius: 3px;
}
 
.replybtn {
  background-color: #e44d3a;
  color: #fff;
  padding: 10px;
  margin-left: 15px;
  border-radius: 3px;
}
 
.replybtn:hover {
  color: #fff;
}
 
.rewivew ul li {
  margin-right: 5px !important;
}
 
.security hr {
  margin-right: -15px;
  margin-left: -15px;
}
 
.privacy .la-check {
  float: left;
  font-size: 12px;
  margin: 5px 5px 0 0;
  padding: 3px;
  background-color: #e44d3a;
  color: #fff;
  border-radius: 50%;
}
 
ul#myTab {
  border-bottom: 1px solid #e5e5e5;
}
 
.nav-tabs .nav-link {
  border: none;
}
 
.noborder {
  border-bottom: none;
}
 
.manbids {
  margin-bottom: 0 !important;
}
 
.noreply {
  padding-top: 30px;
}
 
#my-bids .nav-tabs {
  margin-bottom: 20px;
  margin-top: 7px;
  padding-bottom: 0;
}
 
#my-bids ul {
  margin-bottom: 15px;
  margin-top: 7px;
  padding-bottom: 0;
}
 
.savedjob-info p {
  color: #666666;
  margin-top: 5px;
}
 
#my-bids ul li a {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
 
#my-bids li a:hover {
  color: #e44d3a;
}
 
#saved-jobs ul {
  margin-bottom: 20px;
}
 
#saved-jobs ul li a {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
 
#saved-jobs li a:hover {
  color: #e44d3a;
}
 
.wordpressdevlp h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
 
#saved-jobs .nav-tabs .nav-item.show .nav-link,
#saved-jobs .nav-tabs .nav-link.active {
  background-color: inherit;
  color: #e44d3a !important;
  padding-bottom: 9px;
  border-bottom: 2px solid #e44d3a !important;
}
 
#my-bids .nav-tabs .nav-item.show .nav-link,
#my-bids .nav-tabs .nav-link.active {
  background-color: inherit;
  color: #e44d3a !important;
  padding-bottom: 9px;
  border-bottom: 2px solid #e44d3a !important;
}
 
.descptab li img {
  float: left !important;
  filter: inherit !important;
}
 
.bklink {
  border-bottom: none !important;
  width: unset !important;
  float: right !important;
}
 
.bklik {
  border-bottom: none !important;
}

 
/*////////////////////////////////////////My css////////////////////////////////
//////////////////////////////////////////////////////////////////////////////*/
.savedjob-info li {
  display: inline-block;
  padding-left: 25px;
}
 
.savedjob-info h3 {
  font-size: 14px;
  font-weight: 500;
}
 
.settingjb ul li {
  margin-right: 25px !important;
}
 
.mangebid li {
  padding-left: 0;
  padding-right: 20px;
  padding-top: 10px;
}
 
.bk-links.bklink li {
  padding-right: 0;
}
 
.bidsbtn {
  position: relative;
}
 
.biddersinfo li {
  padding-left: 0;
  padding-right: 20px;
}
 
#review {
  background-color: #fff;
  margin-bottom: 40px;
}
 
.starreview {
  padding-left: 20px;
}
 
.replytext {
  padding-bottom: 20px;
}
 
.starrevi {
  padding-left: 20px;
}
 
.job-dt li a {
  background-color: #51a5fb;
}
 
.apply-jobbox {
  text-align: center;
}
 
.apply-jobbox form input {
  width: 100%;
  margin-top: 20px;
  padding: 10px;
  color: #222;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  font-size: 14px;
}
 
.apply-jobbox h3 {
  margin: 20px 0;
}
 
.select-files {
  border: 1px solid #e5e5e5;
  margin-top: 20px;
  padding: 30px;
  background: #efefef;
}
 
.select-files button {
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  padding: 10px 15px 10px 15px;
  border-radius: 5px;
  font-weight: 600;
}
 
.select-files button:hover {
  background-color: #e44d3a;
  color: #fff;
}
 
.close {
  position: absolute;
  right: -40px;
  top: -40px;
  color: #fff;
  border: 1px solid !important;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
 
.mapouter iframe {
  width: 100%;
  height: 400px;
}
 
.mapouter {
  position: relative;
  text-align: right;
  height: 500px;
  width: 100%;
}
 
.gmap_canvas {
  overflow: hidden;
  background: none !important;
}
 
.video-iframe {
  width: 100%;
  height: 400px;
}
 
.custom-file-input {
  color: transparent;
  opacity: 1;
  /* margin-left: 140px; */
  margin-bottom: 10px;
}
 
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
 
.custom-file-input::before {
  content: "Select Files";
  color: #fff;
  display: inline-block;

  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}
 
.custom-file-input:hover::before {
  background-color: #e44d3a;
  color: #fff;
}
 
.custom-file-input:active {
  outline: 0;
}
 
.custom-file-input:active::before {
  background: #e44d3a;
  color: #fff;
}
 
.bids-time {
  float: right;
}
 
.saved-post {
  padding: 0;
}
 
.saved-post p {
  padding-bottom: 20px;
}
 
.saved-info li {
  padding-right: 25px;
  padding-left: 0;
}
 
.saved-btn {
  padding: 0;
  margin-bottom: -12px;
}
 
.applied-post {
  padding: 0;
}
 
.post-bid {
  padding: 0 !important;
}
 
.bidsbtn {
  padding-top: 0 !important;
}
 
.active-bids {
  padding: 0;
}
 
.activ-bidinfo li {
  padding-top: 10px;
  padding-left: 0;
  padding-right: 25px;
}
 
.activebtn {
  padding-left: 0;
}

 

  border-radius: 100px;
  height: 30px;
  top: -1px;
  box-shadow: none;
}
 
.toggle-btn .custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;

  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #e1e1e1 solid 2px;
}
 
.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #e44d3a;
  background-color: #e44d3a;
  box-shadow: none;
  outline: none;
}
 
.toggle-btn .custom-switch .custom-control-label::after {
  top: calc(-1px + 2px);
  left: calc(-36px + 2px);
  width: calc(30px - 4px);
  height: calc(30px - 4px);

    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-transform 0.15s ease-in-out;
}
 
.toggle-btn .custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 0;
  height: 0;
  content: "";
  background: no-repeat 50%/50% 50%;
}
 
.toggle-btn .custom-control-label {
  position: initial;
  margin-bottom: 0;
  vertical-align: top;
}
 
 
 
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(2.5rem);
  transform: translateX(2.5rem);
}

  vertical-align: top;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
}
 
.small-text-children p,
.small-text-children span {
  font-size: .8rem;
}
 
.search-item-selected {
  box-shadow: 2px 4px 3px rgb(0 0 0 / 15%);
  padding: 2%;
  border-radius: 6px;
  font-weight: bold;
}
 
main {
  background-color: #fff !important;
}

 
.row .sc-dkzDqf {
  margin: 0 auto;

 
}
 
 
.test-section .title,
.test-section .description {

  margin-bottom: 10px;
}
 
.test-section .btn-danger {

Rev 310	Rev 311
Línea 118...	Línea 118...
118	`border: 0;`	118	`border: 0;`
119	`font-size: 100%;`	119	`font-size: 100%;`
120	`font: inherit;`	120	`font: inherit;`
121	`vertical-align: baseline;`	121	`vertical-align: baseline;`
122	`}`	122	`}`
-		123
123	`/* HTML5 display-role reset for older browsers */`	124	`/* HTML5 display-role reset for older browsers */`
124	`article,`	125	`article,`
125	`aside,`	126	`aside,`
126	`details,`	127	`details,`
127	`figcaption,`	128	`figcaption,`
Línea 132...	Línea 133...
132	`menu,`	133	`menu,`
133	`nav,`	134	`nav,`
134	`section {`	135	`section {`
135	`display: block;`	136	`display: block;`
136	`}`	137	`}`
-		138
137	`body {`	139	`body {`
138	`line-height: 1;`	140	`line-height: 1;`
139	`font-family: "Source Sans Pro", sans-serif;`	141	`font-family: "Source Sans Pro", sans-serif;`
140	`overflow-x: hidden;`	142	`overflow-x: hidden;`
141	`font-weight: 400;`	143	`font-weight: 400;`
142	`background-color: #f2f2f2;`	144	`background-color: #f2f2f2;`
143	`}`	145	`}`
-		146
144	`ol,`	147	`ol,`
145	`ul {`	148	`ul {`
146	`list-style: none;`	149	`list-style: none;`
147	`}`	150	`}`
-		151
148	`a:hover {`	152	`a:hover {`
149	`text-decoration: none;`	153	`text-decoration: none;`
150	`}`	154	`}`
-		155
151	`blockquote,`	156	`blockquote,`
152	`q {`	157	`q {`
153	`quotes: none;`	158	`quotes: none;`
154	`}`	159	`}`
-		160
155	`blockquote:before,`	161	`blockquote:before,`
156	`blockquote:after,`	162	`blockquote:after,`
157	`q:before,`	163	`q:before,`
158	`q:after {`	164	`q:after {`
159	`content: "";`	165	`content: "";`
160	`content: none;`	166	`content: none;`
161	`}`	167	`}`
-		168
162	`button {`	169	`button {`
163	`outline: none;`	170	`outline: none;`
164	`}`	171	`}`
-		172
165	`table {`	173	`table {`
166	`border-collapse: collapse;`	174	`border-collapse: collapse;`
167	`border-spacing: 0;`	175	`border-spacing: 0;`
168	`}`	176	`}`
-		177
169	`* {`	178	`* {`
170	`margin: 0;`	179	`margin: 0;`
171	`padding: 0;`	180	`padding: 0;`
172	`}`	181	`}`
-		182
173	`a:focus {`	183	`a:focus {`
174	`text-decoration: none;`	184	`text-decoration: none;`
175	`outline: none;`	185	`outline: none;`
176	`}`	186	`}`
-		187
177	`a:hover {`	188	`a:hover {`
178	`color: #fff;`	189	`color: #fff;`
179	`}`	190	`}`
-		191
180	`button {`	192	`button {`
181	`outline: none;`	193	`outline: none;`
182	`}`	194	`}`
-		195
183	`input {`	196	`input {`
184	`outline: none;`	197	`outline: none;`
185	`}`	198	`}`
-		199
186	`textarea {`	200	`textarea {`
187	`outline: none;`	201	`outline: none;`
188	`}`	202	`}`
-		203
189	`section {`	204	`section {`
190	`float: left;`	205	`float: left;`
191	`width: 100%;`	206	`width: 100%;`
192	`position: relative;`	207	`position: relative;`
193	`}`	208	`}`
-		209
194	`img {`	210	`img {`
195	`float: left;`	211	`float: left;`
196	`}`	212	`}`
Línea 197...	Línea 213...
197		213
198	`p {`	214	`p {`
199	`font-size: 14px;`	215	`font-size: 14px;`
200	`line-height: 24px;`	216	`line-height: 24px;`
201	`color: #666666;`	217	`color: #666666;`
-		218	`}`
202	`}`	219
203	`hr {`	220	`hr {`
204	`margin-top: 1rem;`	221	`margin-top: 1rem;`
205	`margin-bottom: 1rem;`	222	`margin-bottom: 1rem;`
206	`border: 0;`	223	`border: 0;`
Línea 209...	Línea 226...
209		226
210	`/* ================ CROSS BROWSER COMPATABILITY =============== */`	227	`/* ================ CROSS BROWSER COMPATABILITY =============== */`
211	`img {`	228	`img {`
212	`max-width: 100%;`	229	`max-width: 100%;`
-		230	`}`
213	`}`	231
214	`.ask-question,`	232	`.ask-question,`
215	`nav,`	233	`nav,`
216	`.notification-box.active,`	234	`.notification-box.active,`
217	`nav ul li a,`	235	`nav ul li a,`
218	`.user-account-settingss.active,`	236	`.user-account-settingss.active,`
219	`.user-info a,`	237	`.user-info a,`
220	`.suggestion-usd > span i,`	238	`.suggestion-usd>span i,`
221	`.view-more > a,`	239	`.view-more>a,`
222	`.tags-sec ul li a,`	240	`.tags-sec ul li a,`
223	`.post-st ul li a,`	241	`.post-st ul li a,`
224	`.ed-opts > a,`	242	`.ed-opts>a,`
225	`.bk-links li a,`	243	`.bk-links li a,`
226	`.like-com li a,`	244	`.like-com li a,`
227	`.user-profy > a,`	245	`.user-profy>a,`
228	`.slick-previous:before,`	246	`.slick-previous:before,`
229	`.slick-nexti:before,`	247	`.slick-nexti:before,`
230	`.comment > a,`	248	`.comment>a,`
231	`.sign_link > a,`	249	`.sign_link>a,`
232	`.post-popup,`	250	`.post-popup,`
233	`.post-project > a,`	251	`.post-project>a,`
234	`.post-project-fields form ul li button,`	252	`.post-project-fields form ul li button,`
235	`.post-project-fields form ul li a,`	253	`.post-project-fields form ul li a,`
236	`.sign-control li a,`	254	`.sign-control li a,`
237	`.cover-sec > a,`	255	`.cover-sec>a,`
238	`.star-descp > a,`	256	`.star-descp>a,`
239	`.message-btn a,`	257	`.message-btn a,`
240	`.pf-gallery ul li,`	258	`.pf-gallery ul li,`
241	`.gallery_pt:before,`	259	`.gallery_pt:before,`
242	`.gallery_pt > a,`	260	`.gallery_pt>a,`
243	`.overview-box,`	261	`.overview-box,`
244	`.skl-name,`	262	`.skl-name,`
245	`.conv-list,`	263	`.conv-list,`
246	`.save-stngs ul li button,`	264	`.save-stngs ul li button,`
247	`.forum-links.active,`	265	`.forum-links.active,`
248	`.react-links li a,`	266	`.react-links li a,`
249	`.next-prev > a,`	267	`.next-prev>a,`
250	`nav ul li:hover > ul,`	268	`nav ul li:hover>ul,`
251	`.user-pro-img > a i {`	269	`.user-pro-img>a i {`
252	`-webkit-transition: all 0.2s;`	270	`-webkit-transition: all 0.2s;`
253	`-moz-transition: all 0.2s;`	271	`-moz-transition: all 0.2s;`
254	`-ms-transition: all 0.2s;`	272	`-ms-transition: all 0.2s;`
255	`-o-transition: all 0.2s;`	273	`-o-transition: all 0.2s;`
Línea 291...	Línea 309...
291	`.overview-edit form input,`	309	`.overview-edit form input,`
292	`.overview-edit form select,`	310	`.overview-edit form select,`
293	`.overview-edit button,`	311	`.overview-edit button,`
294	`.file-submit,`	312	`.file-submit,`
295	`.billing-method,`	313	`.billing-method,`
296	`.lt-sec > a,`	314	`.lt-sec>a,`
297	`.add-billing-method,`	315	`.add-billing-method,`
298	`.payment_methods form button,`	316	`.payment_methods form button,`
299	`.payment_methods form input,`	317	`.payment_methods form input,`
300	`.company-up-info ul li a,`	318	`.company-up-info ul li a,`
301	`.search-box form input,`	319	`.search-box form input,`
Línea 309...	Línea 327...
309	`.mf-field input,`	327	`.mf-field input,`
310	`.mf-field button,`	328	`.mf-field button,`
311	`.pagination li .page-link,`	329	`.pagination li .page-link,`
312	`.post_comment_sec form textarea,`	330	`.post_comment_sec form textarea,`
313	`.post_comment_sec form button,`	331	`.post_comment_sec form button,`
314	`.next-prev > a {`	332	`.next-prev>a {`
315	`-webkit-border-radius: 4px;`	333	`-webkit-border-radius: 4px;`
316	`-moz-border-radius: 4px;`	334	`-moz-border-radius: 4px;`
317	`-ms-border-radius: 4px;`	335	`-ms-border-radius: 4px;`
318	`-o-border-radius: 4px;`	336	`-o-border-radius: 4px;`
319	`border-radius: 3px;`	337	`border-radius: 3px;`
Línea 340...	Línea 358...
340	`header {`	358	`header {`
341	`float: left;`	359	`float: left;`
342	`width: 100%;`	360	`width: 100%;`
343	`background-color: #e44d3a;`	361	`background-color: #e44d3a;`
344	`}`	362	`}`
-		363
345	`.header-data {`	364	`.header-data {`
346	`float: left;`	365	`float: left;`
347	`width: 100%;`	366	`width: 100%;`
348	`}`	367	`}`
-		368
349	`.logo {`	369	`.logo {`
350	`float: left;`	370	`float: left;`
351	`width: 40px;`	371	`width: 40px;`
352	`margin-right: 14px;`	372	`margin-right: 14px;`
353	`margin-top: 10px;`	373	`margin-top: 10px;`
354	`}`	374	`}`
-		375
355	`.logo.pd-btm {`	376	`.logo.pd-btm {`
356	`padding-bottom: 10px;`	377	`padding-bottom: 10px;`
357	`}`	378	`}`
-		379
358	`.forum-bar {`	380	`.forum-bar {`
359	`float: left;`	381	`float: left;`
360	`margin-top: 10px;`	382	`margin-top: 10px;`
361	`width: 400px;`	383	`width: 400px;`
362	`}`	384	`}`
-		385
363	`.forum-bar h2 {`	386	`.forum-bar h2 {`
364	`float: left;`	387	`float: left;`
365	`margin-right: 40px;`	388	`margin-right: 40px;`
366	`}`	389	`}`
-		390
367	`.forum-bar ul {`	391	`.forum-bar ul {`
368	`float: left;`	392	`float: left;`
369	`margin-top: 0px;`	393	`margin-top: 0px;`
370	`}`	394	`}`
-		395
371	`.ask-question {`	396	`.ask-question {`
372	`background-color: #fff;`	397	`background-color: #fff;`
373	`padding: 10px 25px;`	398	`padding: 10px 25px;`
374	`color: #e44d3a !important;`	399	`color: #e44d3a !important;`
375	`font-size: 14px;`	400	`font-size: 14px;`
376	`font-weight: 600;`	401	`font-weight: 600;`
377	`}`	402	`}`
-		403
378	`.ask-question:hover {`	404	`.ask-question:hover {`
379	`color: #e44d3a;`	405	`color: #e44d3a;`
380	`}`	406	`}`
Línea 381...	Línea 407...
381		407
382	`.forum-bar ul li {`	408	`.forum-bar ul li {`
383	`display: inline-block;`	409	`display: inline-block;`
384	`margin-right: 40px;`	410	`margin-right: 40px;`
-		411	`}`
385	`}`	412
386	`.forum-bar ul li:last-child {`	413	`.forum-bar ul li:last-child {`
387	`margin-right: 0;`	414	`margin-right: 0;`
-		415	`}`
388	`}`	416
389	`.forum-bar ul li a {`	417	`.forum-bar ul li a {`
390	`display: inline-block;`	418	`display: inline-block;`
391	`color: #ffffff;`	419	`color: #ffffff;`
392	`font-size: 14px;`	420	`font-size: 14px;`
393	`font-weight: 500;`	421	`font-weight: 500;`
-		422	`}`
394	`}`	423
395	`.forum-bar h2 {`	424	`.forum-bar h2 {`
396	`color: #ffffff;`	425	`color: #ffffff;`
397	`font-size: 28px;`	426	`font-size: 28px;`
398	`font-weight: 500;`	427	`font-weight: 500;`
Línea 403...	Línea 432...
403	`.login_register {`	432	`.login_register {`
404	`float: right;`	433	`float: right;`
405	`margin-top: 8px;`	434	`margin-top: 8px;`
406	`padding-left: 30px;`	435	`padding-left: 30px;`
407	`}`	436	`}`
-		437
408	`.login_register ul li {`	438	`.login_register ul li {`
409	`display: inline-block;`	439	`display: inline-block;`
410	`margin-right: 8px;`	440	`margin-right: 8px;`
411	`}`	441	`}`
-		442
412	`.login_register ul li:last-child {`	443	`.login_register ul li:last-child {`
413	`margin-right: 0;`	444	`margin-right: 0;`
414	`}`	445	`}`
-		446
415	`.login_register ul li a {`	447	`.login_register ul li a {`
416	`display: inline-block;`	448	`display: inline-block;`
417	`color: #ffffff;`	449	`color: #ffffff;`
418	`font-size: 14px;`	450	`font-size: 14px;`
419	`border: 1px solid #fff;`	451	`border: 1px solid #fff;`
420	`height: 40px;`	452	`height: 40px;`
421	`line-height: 40px;`	453	`line-height: 40px;`
422	`padding: 0 20px;`	454	`padding: 0 20px;`
423	`font-weight: 600;`	455	`font-weight: 600;`
424	`}`	456	`}`
-		457
425	`.search-bar.st2 {`	458	`.search-bar.st2 {`
426	`float: right;`	459	`float: right;`
427	`}`	460	`}`
-		461
428	`.search-bar {`	462	`.search-bar {`
429	`float: left;`	463	`float: left;`
430	`width: 280px;`	464	`width: 280px;`
431	`margin-top: 9px;`	465	`margin-top: 9px;`
432	`}`	466	`}`
-		467
433	`.search-bar form {`	468	`.search-bar form {`
434	`float: left;`	469	`float: left;`
435	`width: 100%;`	470	`width: 100%;`
436	`position: relative;`	471	`position: relative;`
437	`}`	472	`}`
-		473
438	`.search-bar form input {`	474	`.search-bar form input {`
439	`width: 100%;`	475	`width: 100%;`
440	`background-color: #fff;`	476	`background-color: #fff;`
441	`height: 38px;`	477	`height: 38px;`
442	`color: #b2b2b2;`	478	`color: #b2b2b2;`
443	`font-size: 12px;`	479	`font-size: 12px;`
444	`border: 0;`	480	`border: 0;`
445	`padding: 0 10px;`	481	`padding: 0 10px;`
446	`}`	482	`}`
-		483
447	`.search-bar form button {`	484	`.search-bar form button {`
448	`position: absolute;`	485	`position: absolute;`
449	`top: 0;`	486	`top: 0;`
450	`right: 0;`	487	`right: 0;`
451	`background-color: #efefef;`	488	`background-color: #efefef;`
452	`width: 38px;`	489	`width: 38px;`
453	`height: 100%;`	490	`height: 100%;`
454	`border: 0;`	491	`border: 0;`
455	`}`	492	`}`
-		493
456	`.search-bar form button i {`	494	`.search-bar form button i {`
457	`color: #e44d3a;`	495	`color: #e44d3a;`
458	`font-size: 20px;`	496	`font-size: 20px;`
459	`font-weight: bold;`	497	`font-weight: bold;`
460	`}`	498	`}`
Línea 463...	Línea 501...
463	`/* float: left;`	501	`/* float: left;`
464	`width: 60%;`	502	`width: 60%;`
465	`text-align: right; */`	503	`text-align: right; */`
466	`/* padding-right: 13px; */`	504	`/* padding-right: 13px; */`
467	`}`	505	`}`
-		506
468	`nav ul li {`	507	`nav ul li {`
469	`/* display: inline-block;`	508	`/* display: inline-block;`
470	`text-align: center;`	509	`text-align: center;`
471	`padding: 15px 13px;`	510	`padding: 15px 13px;`
472	`position: relative; */`	511	`position: relative; */`
473	`}`	512	`}`
-		513
474	`nav ul li:hover > ul {`	514	`nav ul li:hover>ul {`
475	`/* opacity: 1;`	515	`/* opacity: 1;`
476	`visibility: visible;`	516	`visibility: visible;`
477	`z-index: 9999; */`	517	`z-index: 9999; */`
478	`}`	518	`}`
-		519
479	`nav ul ul {`	520	`nav ul ul {`
480	`/* position: absolute;`	521	`/* position: absolute;`
481	`top: 100%;`	522	`top: 100%;`
482	`left: 0;`	523	`left: 0;`
483	`width: 200px;`	524	`width: 200px;`
Línea 486...	Línea 527...
486	`padding: 20px 0 10px 0;`	527	`padding: 20px 0 10px 0;`
487	`opacity: 0;`	528	`opacity: 0;`
488	`visibility: hidden;`	529	`visibility: hidden;`
489	`z-index: 999999; */`	530	`z-index: 999999; */`
490	`}`	531	`}`
-		532
491	`/* nav ul ul li {`	533	`/* nav ul ul li {`
492	`padding: 0;`	534	`padding: 0;`
493	`float: left;`	535	`float: left;`
494	`width: 100%;`	536	`width: 100%;`
495	`text-align: left;`	537	`text-align: left;`
Línea 506...	Línea 548...
506	`line-height: 20px;`	548	`line-height: 20px;`
507	`font-size: 14px;`	549	`font-size: 14px;`
508	`font-weight: 400;`	550	`font-weight: 400;`
509	`margin-top: 2px;`	551	`margin-top: 2px;`
510	`}`	552	`}`
-		553
511	`.notification-box.msg .nott-list .notification-info span {`	554	`.notification-box.msg .nott-list .notification-info span {`
512	`bottom: auto;`	555	`bottom: auto;`
513	`top: 5px;`	556	`top: 5px;`
514	`}`	557	`}`
-		558
515	`.notification-box.msg .notification-info h3 {`	559	`.notification-box.msg .notification-info h3 {`
516	`margin-bottom: 1px;`	560	`margin-bottom: 1px;`
517	`}`	561	`}`
-		562
518	`.notification-box.msg .nott-list .notfication-details {`	563	`.notification-box.msg .nott-list .notfication-details {`
519	`padding: 17px 20px 17px 20px;`	564	`padding: 17px 20px 17px 20px;`
520	`}`	565	`}`
-		566
521	`.notification-box {`	567	`.notification-box {`
522	`position: absolute;`	568	`position: absolute;`
523	`top: 100%;`	569	`top: 100%;`
524	`right: 0;`	570	`right: 0;`
525	`width: 300px;`	571	`width: 300px;`
Línea 527...	Línea 573...
527	`opacity: 1;`	573	`opacity: 1;`
528	`visibility: visible;`	574	`visibility: visible;`
529	`z-index: 999;`	575	`z-index: 999;`
530	`display: none;`	576	`display: none;`
531	`}`	577	`}`
-		578
532	`.notification-box.active {`	579	`.notification-box.active {`
533	`opacity: 1;`	580	`opacity: 1;`
534	`visibility: visible;`	581	`visibility: visible;`
535	`z-index: 999999999;`	582	`z-index: 999999999;`
536	`}`	583	`}`
-		584
537	`.nt-title {`	585	`.nt-title {`
538	`float: left;`	586	`float: left;`
539	`width: 100%;`	587	`width: 100%;`
540	`border-bottom: 1px solid #e5e5e5;`	588	`border-bottom: 1px solid #e5e5e5;`
541	`padding: 10px 20px;`	589	`padding: 10px 20px;`
542	`}`	590	`}`
-		591
543	`.nt-title h4 {`	592	`.nt-title h4 {`
544	`float: left;`	593	`float: left;`
545	`color: #686868;`	594	`color: #686868;`
546	`font-size: 12px;`	595	`font-size: 12px;`
547	`font-weight: 600;`	596	`font-weight: 600;`
548	`}`	597	`}`
-		598
549	`.nt-title > a {`	599	`.nt-title>a {`
550	`float: right;`	600	`float: right;`
551	`color: #686868;`	601	`color: #686868;`
552	`font-size: 12px;`	602	`font-size: 12px;`
553	`font-weight: 600;`	603	`font-weight: 600;`
554	`}`	604	`}`
-		605
555	`.nott-list {`	606	`.nott-list {`
556	`float: left;`	607	`float: left;`
557	`width: 100%;`	608	`width: 100%;`
558	`}`	609	`}`
-		610
559	`.nott-list .notification-info {`	611	`.nott-list .notification-info {`
560	`width: 86%;`	612	`width: 86%;`
561	`float: left;`	613	`float: left;`
562	`text-align: left;`	614	`text-align: left;`
563	`position: relative;`	615	`position: relative;`
564	`}`	616	`}`
-		617
565	`.nott-list .notfication-details {`	618	`.nott-list .notfication-details {`
566	`padding: 20px 20px 12px 20px;`	619	`padding: 20px 20px 12px 20px;`
567	`}`	620	`}`
-		621
568	`.nott-list .notification-info h3 {`	622	`.nott-list .notification-info h3 {`
569	`line-height: 20px;`	623	`line-height: 20px;`
570	`}`	624	`}`
-		625
571	`.nott-list .notification-info span {`	626	`.nott-list .notification-info span {`
572	`position: absolute;`	627	`position: absolute;`
573	`bottom: 5px;`	628	`bottom: 5px;`
574	`right: 0;`	629	`right: 0;`
575	`}`	630	`}`
-		631
576	`.view-all-nots {`	632	`.view-all-nots {`
577	`float: left;`	633	`float: left;`
578	`width: 100%;`	634	`width: 100%;`
579	`}`	635	`}`
-		636
580	`.view-all-nots > a {`	637	`.view-all-nots>a {`
581	`float: left;`	638	`float: left;`
582	`width: 100%;`	639	`width: 100%;`
583	`color: #ffffff;`	640	`color: #ffffff;`
584	`font-size: 16px;`	641	`font-size: 16px;`
585	`text-transform: capitalize;`	642	`text-transform: capitalize;`
586	`font-weight: 600;`	643	`font-weight: 600;`
587	`text-align: center;`	644	`text-align: center;`
588	`background-color: #e44d3a;`	645	`background-color: #e44d3a;`
589	`padding: 18px 0;`	646	`padding: 18px 0;`
590	`}`	647	`}`
-		648
591	`nav ul li span {`	649	`nav ul li span {`
592	`display: block;`	650	`display: block;`
593	`height: 14px;`	651	`height: 14px;`
594	`}`	652	`}`
-		653
595	`nav ul li span img {`	654	`nav ul li span img {`
596	`float: none;`	655	`float: none;`
597	`}`	656	`}`
-		657
598	`nav ul li a {`	658	`nav ul li a {`
599	`color: #ffffff;`	659	`color: #ffffff;`
600	`font-size: 14px;`	660	`font-size: 14px;`
601	`}`	661	`}`
-		662
602	`nav > ul > li > a:hover {`	663	`nav>ul>li>a:hover {`
603	`color: #fff;`	664	`color: #fff;`
604	`}`	665	`}`
Línea 605...	Línea 666...
605		666
606	`.user-account {`	667	`.user-account {`
Línea 610...	Línea 671...
610	`border-right: 1px solid #dd3e2b;`	671	`border-right: 1px solid #dd3e2b;`
611	`box-sizing: border-box;`	672	`box-sizing: border-box;`
612	`position: relative;`	673	`position: relative;`
613	`padding: 0 1rem;`	674	`padding: 0 1rem;`
614	`}`	675	`}`
-		676
615	`.user-info {`	677	`.user-info {`
616	`/* float: left;`	678	`/* float: left;`
617	`width: 100%;`	679	`width: 100%;`
618	`padding: 13px 10px; */`	680	`padding: 13px 10px; */`
619	`position: relative;`	681	`position: relative;`
620	`}`	682	`}`
-		683
621	`.user-account-settingss {`	684	`.user-account-settingss {`
622	`position: absolute;`	685	`position: absolute;`
623	`opacity: 1;`	686	`opacity: 1;`
624	`visibility: visible;`	687	`visibility: visible;`
625	`z-index: 999;`	688	`z-index: 999;`
Línea 642...	Línea 705...
642	`-o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);`	705	`-o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);`
643	`box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);`	706	`box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);`
644	`/*opacity: 0;`	707	`/*opacity: 0;`

Proyectos de Subversion LeadersLinked - Antes de SPA

(root)/public/css/style.css – Rev 310 → 311