:root {
  /* --primary-color: #d82c25 */
  /* --primary-color: #d7fdd7; */
  --primary-color: #ff7300;
}


@media (min-width: 1200px) {
  .container {
    width: 1280px;
  }
}
a {
  color: var(--primary-color);
}
body{
  font-family: 'Open Sans', sans-serif;
}
.edit-section .info, .img-section .info{
  color: gray;
  margin-bottom: 15px;
  font-size: 12px;
  display: block;
}
._notify {
  padding: 12px 30px;
  border-radius: 0px;
  color: #000;
  background: silver;
  border-left: 5px solid gray;
  margin-bottom: 15px;
  position: relative;
}
._notify svg{
  width: 15px;
  top: 13px;
  position: absolute;
  left: 8px;
  fill: #fff;
}
._notify._danger {
  background: #fbd8dc;
  color: #bd1120;
  border-left: 5px solid #bd1120;
}
._notify._success {
  color: #3c763d;
  background-color: #dff0d8;
  border-left: 5px solid #3c763d;
}
._notify._info {
  color: #fff;
  background-color: #4299e1;
  border-left: 5px solid #4299e1;
}
header .navbar-right span li a.active {
  color: var(--primary-color);
  font-weight: 800;
}



header .navbar-default .navbar-brand > img {
display: block;
max-width: 170px;
}
.profile-edit .img-section input[type="file"]{
  display: none;
}

.edit-section .avatar .image-preview {
  width: 100px;
  height: 100px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-size: auto;
  margin-bottom: 10px;
  border-radius: 5px;
}
.edit-section .banner .image-preview,
.update-service .banner .image-preview {
  width: 100%;
  height: 150px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 10px;
  border-radius: 5px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.update-service .banner .image-preview {
  height: 300px;
}

.search-project .posts .post .title, .job-view-section .post-data .title {
  font-size: 22px;
  color: var(--primary-color);
  font-family: serif;
}
div.react-tag-input {
  font-size: 14px;
}
.pagination {
  margin: 30px 0;
  display: flex;
  justify-content: center;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  outline: none;
}
.center{
  text-align: center;
}
.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD;
}
.skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
          animation: shimmer 2s infinite;
  content: "";
}
@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.blog-post__headline {
  font-size: 1.25em;
  font-weight: bold;
  margin-top: 0;
}
.blog-post__meta {
  font-size: 0.85em;
  color: #6b6b6b;
}
.o-media {
  display: flex;
  background: white;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 #c1c1c1;
}
.o-media__body {
  flex-grow: 1;
  margin-left: 1em;
}
.o-vertical-spacing > * + * {
  margin-top: 0.75em;
}
.o-vertical-spacing--l > * + * {
  margin-top: 2em;
}
.search-project .profiles .profile .profile-meta img {
  max-width: 100px;
  max-height: 100px;
  border-radius: 4px;
}
.search-project.profile {
  height: 300px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-size: 100% 300px !important;
}
.profile-skills-sectoin, .services-list{
  padding: 0
}
.services-list{
  margin-bottom: 50px;
}
.profile-skills-sectoin .skill {
  margin-bottom: 5px;
  display: inline-block;
  padding: 1px 10px;
  background: whitesmoke;
  border-radius: 2px;
  margin-right: 5px;
  font-size: 12px;
}
.profile-skills-sectoin .skill .content {
  font-size: 16px;
  font-weight: 600;
}
.profile-skills-sectoin .skill .progressbar-wraps {
  display: flex;
}
.profile-skills-sectoin .skill .progressbar {
  width: 100%;
  background: var(--primary-color);
  height: 5px;
  top: 8px;
  position: relative;
  margin-right: 10px;
}
.services-list .service {
  flex-direction: column;
  padding-bottom: 10px;
  margin-bottom: 15px;
  display: flex;
}
.services-list .service:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.services-list .service .title > a {
  font-size: 22px;
  font-family: serif;
  color: var(--primary-color);
  margin-bottom: 8px;
  display: inline-block;
}
.services-list .service .desc {
  color: gray;
  font-size: 15px;
}
.services-list .service .other {
  display: flex;
  margin-bottom: 8px;
}
.services-list .service .rate{
  margin-right: 30px;
}
.search-project.profile {
  padding-top: 0px;
}
.search-project .profiles .profile {
  padding: 15px;
}
.left-sec {
  width: 100%;
  margin-right: auto;
}
.search-project .posts .post {
  padding: 0;
  overflow: hidden;
}
.search-project .posts .post-data, .job-view-section .post-data{
  display: flex;
  padding: 15px;
  padding-bottom: 0;
}
.search-project .posts .post-data .media, .job-view-section .post-data .media {
  padding-right: 15px;
  width: 72px;
}
.search-project.my-job-listing .posts .post-data .media {
  padding-right: 15px;
  width: 8%;
}
.search-project .posts .post-data .content, .job-view-section .post-data .content {
  width: 88%;
}
.search-project .posts .post-data .media img, .job-view-section .post-data .media img {
  width: 50px;
  border-radius: 50px;
}
.search-project .posts .post .excerpt, .job-view-section .excerpt {
  padding: 0 15px 0px 15px;
  max-height: 58px;
  overflow: hidden;
}
.search-project .posts .post-data .content .title a{
  color: var(--primary-color)
}
.post .skill-tags {
  padding: 15px;
}
.post .skill-tag {
  border-radius: 20px;
  border: 1px solid #efefef;
  padding: 2px 10px;
  margin-right: 10px;
  line-height: 1;
  background: #efefef;
  color: gray;
  font-size: 12px;
}
.post > .form-horizontal{
  padding: 30px;
}
header .navbar-nav > li > a.user {
  display: flex;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}
.post .skill-tags.other-actions{
  display: flex;
  align-items: center;
}
.skill-tags.project{
  justify-content: space-between;
}
.send-offer{
  margin-left: 15px;
}

.job-view-section{
  box-shadow: 1px 1px 3px 0 #c1c1c1;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 40px;
}
.job-view-section .post-data .meta{
  color: gray;
  margin-bottom: 20px;
}
.sendOffer {
  padding: 0 15px 15px 15px;
}
.sendOffer h3{
  margin-bottom: 30px;
}
.form-control {
  box-shadow: none;
  border-radius: 2px;
}
.navbar-nav > li > .dropdown-menu {
  min-width: 180px;
  padding: 0;
  border-radius: 2px;
}
.dropdown-menu > li > a {
  padding: 8px 30px 8px 20px;
  min-width: 200px;
}
.dashboard {
  background: whitesmoke;
}
.widget-wraps {
  padding: 30px 0;
}

.dashboard .widget {
  width: 250px;
  display: flex;
  padding: 15px;
  border-radius: 2px;
  margin-right: 30px;
  margin-bottom: 30px;
  align-items: center;
  background: white;
  flex-direction: column;
  justify-content: center;
  box-shadow: 1px 1px 3px 0 #c1c1c1;
}
.dashboard .widget .content {
  padding: 10px 0;
}
.dashboard .widget .media {
  overflow: hidden;
  text-align: center;
}
.dashboard .widget .media img{
  max-width: 100px;
  max-height: 100px;
}
.widget-wraps h2 {
  margin-bottom: 30px;
  width: 90%;
  margin: 32px auto;
}
.widget-wraps .widget a {
  display: inline-block;
  color: #000;
  font-size: 16px;
}
.widget-wraps span {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
input.react-input-tags-input {
  border: 1px dashed silver;
  min-width: 100px;
  outline: none;
  text-indent: 5px;
  margin-right: 10px;
}
span.react-input-tags-tag {
  background: whitesmoke;
  display: inline-block;
  border: 1px solid whitesmoke;
  padding: 1px 0px 1px 8px;
  border-radius: 2px;
  margin-right: 10px;
  margin-top: 5px;
}
span.react-input-tags-tag button {
  border: none;
  background: transparent;
  padding: 0 10px;
  display: inline-block;
  opacity: 0.5;
}
span.react-input-tags-tag button:hover{
  opacity: 1;
  color: var(--primary-color);
}
.page-content-margin{
  margin: 50px auto;
}
.save-job{
  cursor: pointer;
}
.save-job.saved{
  color: var(--primary-color);
}
.p-0{
  padding: 0!important;
}
/* .posts {
  margin-top: 30px;
} */
.o-vertical-spacing{
  padding: 0;
}
.o-vertical-spacing.shadow .o-media{
  box-shadow: none;
}
.bids, .service-view{
  background-color: #fff;
  padding: 30px 15px;
  box-shadow: 1px 1px 3px 0 #c1c1c1;
  border-radius: 2px;
}
.service-view{
  padding: 15px;
}
.bids .bid{
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eae9e9;
}
.bids .bid .title{
  font-size: 22px;
  font-family: serif;
  color: var(--primary-color);
  margin-bottom: 5px;
}
.service-header .title {
  font-size: 25px;
  margin-bottom: 5px;
  font-weight: 800;
  margin-bottom: 20px;
}
.bids .bid .other {
  display: flex;
  margin-bottom: 8px;
}
.service-header .other {
  display: flex;
  margin-bottom: 20px;
  align-items: flex-end;
}
.bids .bid .desc, .service-view .desc {
  color: gray;
  font-size: 15px;
}
.bids .bid:last-child{
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.bids .bid .other > div, .service-header .other > div{
  margin-right: 30px;
}
.proposals .proposal .meta > div{
  margin-right: 15px;
  display: inline-block;
}
.bids .bid .other button.btn.btn-sm,  .proposals .proposal .meta button.btn.btn-sm{
  padding: 0 15px;
  margin-right: 15px;
  opacity: 0;
}
.bids .bid .other button.btn.btn-sm.accept, .proposals .proposal .meta button.btn.btn-sm.accept{
  background: var(--primary-color);
  font-weight: 500;
  color: #fff;
}
.bids .bid:hover .other button.btn.btn-sm, .proposals .proposal:hover .meta button.btn.btn-sm{
  opacity: 1;
}

.bids.accepted .bid:hover .other button.btn.btn-sm, .proposals .proposal.completed .meta button.btn.btn-sm.accept{
  opacity: 0;
}
.bids.accepted .bid.pending{
  opacity: 0.4;
}
.bids.accepted .bid.offered .status, .bids.accepted .bid.accepted_by_bid_user .status{
  color: #137dd2;
  background: #e0f1ff;
  padding: 0 5px;
  border-radius: 2px;
}
.bids.accepted .bid.offered .status::first-letter, .bids.accepted .bid.accepted_by_bid_user .status::first-letter{
  text-transform: uppercase;
}

.proposal.Accepted .meta .status, .proposal.Rejected .meta .status, .proposal.Expired .meta .status{
  color: #137dd2;
}
.saved.fa, .proposal.Rejected .meta .status{
  color: var(--primary-color);
}
.post.proposal {
  overflow: hidden;
  position: relative;
}
.proposal .custom-badge {
  display: inline-block;
  position: absolute;
  background: var(--primary-color);
  color: #fff;
  transform: rotate( -45deg );
  padding: 0 20px;
  font-size: 12px;
  left: -18px;
  top: 12px;
}
.custom-job.proposal .post-data{
  padding-left: 50px !important;
}
.proposal .see-job a{
  font-size: 14px;
  color: #5f5d5d;
}
.addBox {
  border: 1px dashed gray;
  padding: 20px;
  text-align: center;
  cursor: pointer;
}
.profile-skills-sectoin, .social-media {
  margin-bottom: 40px;
}
.profile-skills-sectoin span.react-input-tags-tag {
  margin-bottom: 10px;
}
button.update{
  margin: 10px auto auto auto;
  display: block;
}
.insert-qulification {
  display: flex;
  flex-direction: column;
}
.insert-qulification input {
  margin-bottom: 10px;
  height: 30px;
  border: 1px solid silver;
  border-radius: 2px;
  padding-left: 15px;
}
.skill.qulification {
  border-bottom: 1px solid #e3e3e3;
  padding: 10px;
  border-radius: 2px;
  width: 100%;
  background: transparent;
  padding: 5px 0;
  border-bottom: 1px solid #eaeaea !important;
}
.profile-skills-sectoin.qulifications .skill.qulification:last-child{
  border: none!important;
}
.content.degree-institute, .skill.qulification .date {
  color: gray;
  font-size: 14px !important;
}
.skill.qulification .update-buttons button{
  margin-top: 5px;
  padding: 0px 15px;
}
.skill.qulification .update-buttons{
  opacity: 0;
}
.skill.qulification:hover .update-buttons{
  opacity: 1;
}
.dashboard-stat .o-media {
  box-shadow: none;
  padding: 15px 0;
}
.dashboard-stat .o-media__body {
  margin: 0;
}
.dashboard-stat p {
  margin: 0;
}
.addBox a {
  color: #000;
}
.post .skill-tags.other-actions.project > span > span {
  margin-right: 20px;
}
.post .skill-tags.other-actions.project span.status {
  color: #137dd2;
  background: #edf4f9;
  padding: 0 5px;
  border-radius: 2px;
}

.media-stuff {
  width: 15%;
  padding-right: 20px;
  display: block;
  max-height: 150px;
}
.service .contnet {
  width: 75%;
}

#portal-container .modal-body {
  max-height: 700px;
  overflow: hidden;
}
.ad {
  padding: 0;
  background: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  box-shadow: 1px 1px 3px 0 #969696;
  overflow: hidden;
  /* position: fixed;
  min-height: 500px; */
  z-index: 1;
}
.ad.job_project .item img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ad.job_project .item span {
  position: absolute;
  background: rgb(255 255 255 / 65%);
  margin: 4px;
  padding: 0 4px;
  border-radius: 2px;
}
.ad.job_project .item {
  height: 290px;
}
.ad img{
  width: 100%;
}
.job-header .header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: space-between;
}
.job-header .header input[type=search] {
  width: 250px;
  display: block;
  line-height: 35px;
  text-indent: 10px;
  border-radius: 4px;
  padding-right: 30px;
  border: 1px solid #d6d2d2;
}

.job-header .header .search.clear-search input[type=search] {
  padding-right: 80px;
  border-color: #71bd71;
}
.job-header .header input[type=search]:focus{
  outline: none
}
.job-header .header .search {
  position: relative;
}
.job-header .header .search .fa-search,
.job-header .header .search .fa-times {
  position: absolute;
  top: 50%;
  right: 5px;
  border: none;
  padding: 10px;
  color: #a7a4a4;
  background: transparent;
  transform: translateY(-50%);
}
.job-header .header .search .fa-times {
  display: none;
}
.job-header .header .search.clear-search .fa-search {
  right: 50px;
}
.job-header .header .search.clear-search .fa-times {
  color: var(--primary-color);
  display: block;
}
.job-header .header .flex {
  display: flex;
}
.job-header .header button.filters-btn {
  background: #fff;
  border: 1px solid #d6d2d2;
  padding: 0 13px;
  margin-left: 15px;
  border-radius: 5px;
  color: var(--primary-color);
  line-height: 9px;
}
.job-header .header button.filters-btn svg{
  fill: #d4d5d9
}
.search-project .filters .apply-filters button {
  padding: 5px 20px;
  margin-left: 15px;
}
.search-project .filters .apply-filters {
  padding: 0;
  text-align: right;
  margin-top: 10px;
}
.search-project .filters {
  padding: 30px 15px;
  margin-bottom: 2em;
}
.opacity-0{
  opacity: 0;
}
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}
.fade-in-sm {
  opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}
.animation-invisible {
  opacity: 0;
  -webkit-animation: fadeInOpacity ease-in 0.2s;
  animation: fadeInOpacity ease-in 0.2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.animation-delay-1{
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s
}
.animation-delay-2{
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s
}
.animation-delay-3{
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s
}
.animation-delay-4{
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}
.animation-delay-5{
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}
.animation-delay-6{
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s
}
.animation-delay-7{
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s
}
.animation-delay-8{
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s
}
.animation-delay-9{
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}
.animation-delay-10{
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s
}
@keyframes fadeInOpacity {
  from { opacity: 0 }
  to { opacity: 1}
}
.nav-tabs > li > a {
  color: gray;
  border-radius: 0;
  font-weight: 700;
  font-size: 18px;
}
.leading-tabs {
  float:none;
  display: flex;
}
.tab-content {
  padding-top: 30px;
  padding-bottom: 15px;
  background: white;
  margin-bottom: 30px;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #080808;
  background-color: #ffffff;
  border: none;
  border-bottom-color: transparent;
  cursor: default;
  font-size: 18px;
}
.tab-content ul {
  list-style: none;
  padding: 10px;
  margin: 0;
}
.tab-content ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.tab-content ul li a {
  font-size: 15px;
  color: gray;
}
.tab-content ul li:before {
  content: "\00BB";
  font-size: 23px;
  margin-right: 5px;
  color: var(--primary-color);
  position: absolute;
  left: 0;
  top: 0;
  line-height: 0.8;
}
.job-header .header input[type=search]:focus{
  width: 250px;
  box-shadow: none;
}
.search-project {
  padding: 70px 0;
  min-height: 50vh;
}
.search-project.search-profile{
  background: #fff;
}
.color-gray{
  color: gray;
}
.search-project .profiles .profile .profile-meta .userinfo .name {
  color: #000;
  font-size: 20px;
  margin-bottom: 05px;
}
.tagline {
  font-size: 15px;
  margin-bottom: 8px;
  color: var(--primary-color);
  text-transform: capitalize;
}
.btns-group-services {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.color-light-black{
  color: #272727;
}
img.service-media {
  width: 100%;
  max-height: 350px;
  object-fit: cover;
  border-radius: 5px;
}
.single img.service-media {
  max-height: 450px;
}
.service-header .user {
  display: flex;
  align-items: center;
}
.service-header .user img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 5px;
  margin-right: 10px;
}
.service-header .user .userid a {
  color: #000;
  font-size: 16px;
}
.user .userid {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.skelton-user{
  display: flex;
  margin-left: 10px;
  flex-direction: column;
}
.skelton-user > span{
  margin-bottom: 5px;
}
.skelton-user > span:last-child {
  margin-bottom: 0;
}
.all.services-list .service {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 30px;
}
.all.services-list .service:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.social-media .button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  margin-right: 15px;
}
.social-media .platform {
  display: flex;
  padding: 5px 0;
  align-items: center;
}
.social-media .platform.empty{
  padding: 0;
}
.flex-col {
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.social-media .link {
  width: 100%;
  color: #929191;
}
.social-media .link a{
  color: #696868;
  display: inline-block;
  font-family: system-ui;
}
.social-media .link input {
  width: 100%;
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 2px;
  border: 1px solid #e4e4e4;
}
.social-media .link input:focus-visible, button.update:focus {
  outline: none !important;
}
.update-buttons {
  display: flex;
  margin-top: 5px;
}
.linkedin{
  color: #0a66c2;
}
.skype{
  color: #00aff0;
}
.globe{
  color: gray;
}
.social-media .update-section {
  margin-top: 10px;
}
.example {
  color: #656363;
  margin-bottom: 15px;
}
.example p {
  margin-bottom: 4px;
}
.example b {
  margin-bottom: 5px;
  display: inline-block;
}
span.error-message {
  color: #696363;
  margin-bottom: 15px;
  display: inline-block;
}
.search-project .profiles .profile .profile-meta .userinfo .name a {
  text-transform: lowercase;
  line-height: 1;
}
.location.username {
  margin-bottom: 5px;
}
.display-none{
  display: none;
}
.apply-filters .clear-filters{
  width: 15px;
}
.job-header .header button.filters-btn.filtersActive{
  border-color: var(--primary-color);
}
.job-header .header button.filters-btn.filtersActive svg {
  fill: var(--primary-color);
}
.search-project .profiles .profile {
  margin-bottom: 20px;
}
h3.empty{
  color: gray;
  margin-top: 30px;
}
.post .tags {
  padding: 15px 15px 0px 15px;
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary:focus, .btn-primary.focus,
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus
{
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.ipl-progress-indicator-head.custom .first-indicator, .ipl-progress-indicator-head.custom .second-indicator {
  background-color: var(--primary-color);
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
a:hover, a:focus {
  color: var(--primary-color);
  text-decoration: underline;
}
.btn-link {
  color: var(--primary-color);
  font-weight: normal;
  border-radius: 0;
}
.btn-link:hover, .btn-link:focus {
  color: var(--primary-color);
  text-decoration: underline;
  background-color: transparent;
}
.search-project .profiles .profile .userabout {
  color: #545454;
  font-size: 15px;
}
.portfolio {
  margin: 40px auto;
}
.portfolio.single{
  margin: 0;
}
.portfolio .heading {
  display: flex;
  width: 75%;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.portfolio .heading.empty{
  width: 100%;
}
.portfolio .heading .update-project {
  color: #000;
  font-weight: 500;
}
.carousel-inner .item .content {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.carousel-inner .item .content h4 {
  background: rgb(0 0 0 / 75%);
  padding: 10px;
  text-shadow: 3px 3px 20px #000000, -2px 1px 30px #000000;
  line-height: 1.5;
  color: #fff;
  border-radius: 2px;
  font-weight: 400;
}
.search-project .profiles .profile .profile-meta .userinfo .otherinfo {
  margin-top: 30px;
}
.services-list.limited-show .service:nth-child(5),
.services-list.limited-show .service:nth-child(4),
.services-list.limited-show .service:nth-child(3) {
  display: none;
}
.pagination > li > a, .pagination > li > span {
  color: var(--primary-color);
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: var(--primary-color);
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: var(--primary-color);
  border-color:var(--primary-color);
}
[class*=classic-loading]:before {
  content:"Loading...";
}
.classic-loading {
  font-weight: bold;
  font-family: sans-serif;
  font-size: 30px;
  animation:c1 1s linear infinite alternate;
}
@keyframes c1 {to{opacity: 0}}
input:invalid+span:after {
  content: '✖';
  padding-left: 5px;
}

input:valid+span:after {
  content: '✓';
  padding-left: 5px;
}
.image-add-button{ 
  display: flex;
  margin-bottom: 15px;
}
.advertise-images button{
  margin-left: 15px;
}
.advertise-images .image-add-button .btn{
  display: none
}
.advertise-images.child-to-show-1 .image-add-button .btn{
  display: block;
}
.advertise-images .image-add-button:last-child .btn{
  display: block;
}
.advertise-images.child-to-show-5 .image-add-button .btn{
  display: none;
}
.empty-portfolio {
  padding: 30px 15px;
  background: #fff;
  box-shadow: 1px 1px 3px 0 #c1c1c1;
  border-radius: 2px;
  color: gray;
}
.carousel.profile.carousel-fade .carousel-inner img {
  width: 100%;
}
.manage-ads {
  background: whitesmoke;
  padding: 80px 0;
}
.manage-ads .edit-section {
  background: #fff;
  padding: 50px 30px;
  box-shadow: 1px 1px 3px 0 #c1c1c1;
}
tr.ad-row img {
  width: 80px;
  height: 50px;
  object-fit: cover;
  border-radius: 5px;
  margin: 5px 0;
}
thead tr > th, tbody tr > td {
  padding: 0 10px;
}
.table > thead > tr {
  border-bottom: 2px solid #ddd;
}
.table > thead > tr > th {
  border-bottom: none
}
tr.ad-row > td {
  vertical-align: middle !important;
}
tr.ad-row td.actions {
  max-width: 115px;
}
tr.ad-row td.actions > button:first-child {
  margin-right: 15px;
}
.service-header.portfolio .other {
  align-items: center;
}
.service-header.portfolio.single .other{
  justify-content: space-between;
}
.service-header.portfolio .other span *{
  margin-left: 15px;
}
.post-action-btn {
  padding: 0 15px;
  margin-left: 15px;
  opacity: 0;
}
.post:hover .post-action-btn{
  opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}
.home .text-contet a{
  color: #545454;
}
.explore-categories ._cat {
  margin-top: 30px;
}
@keyframes highlight {
  0% {
      background: #ffff99; 
  }
  100% {
      background: none;
  }
}
.highlight {
  animation: highlight 3s;
}
.profiles .right-section {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.spinner-loading {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: conic-gradient(#0000 10%,#6ac16a);
  animation: s3 1s infinite linear;
  margin: 0 auto;
}
@keyframes s3 {to{transform: rotate(1turn)}}




/*PPH design PH3*/
.navbar-default {
  background-color: #f5f7fa;
  border-color: transparent;
  border-bottom: none;
}
header .navbar-nav > li > a.join {
  color: var(--primary-color);
  font-size: 13px;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
header .navbar-right span {
  margin: 0;
}
header .navbar-right span.nav-v-line {
  border-left: 1px solid gainsboro;
  padding-left: 20px;
}
header .navbar-right span li a {
  color: rgb(81 82 84);
  margin-right: 20px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
header .navbar-right span li a:hover{
  text-decoration: none;
  color: var(--primary-color);
}
nav .sub-menu {
  background: #fff;
  border-top: 1px solid rgb(221, 222, 225);
  /* border-bottom: 1px solid rgb(221, 222, 225); */
  box-shadow: rgb(50 53 59 / 15%) 0px 2px 2px -1px;
}
nav .sub-menu ul {
  list-style: none;
  display: flex;
  margin: 0;
}
nav .sub-menu ul a {
  color: rgb(91, 102, 120);
  font-size: 13px;
  font-weight: 500;
  margin-right: 30px;
  padding: 10px 0;
  display: inline-block;
  border-bottom: 2px solid transparent;
}
nav .sub-menu ul a:hover{
  text-decoration: none;
  border-bottom-color: rgb(91, 102, 120);
}
.horo-section {
  padding-top: 100px;
  background-color: #f5f7fa;
  padding-bottom: 50px;
}
.hero-content h1 {
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  font-size: 70px;
}
.hero-content h3 {
  font-size: 30px;
  font-weight: 600;
  margin-top: 30px;
}
.hero-content form.search{
  margin-top: 40px;
  position: relative;
}
.hero-content form.search .search-bar{
  display: flex;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.035) 0px 0px 2px 2px, rgba(0, 0, 0, 0.035) 0px 5px 5px, rgba(0, 0, 0, 0.035) 0px 12px 12px;
}
.hero-content form.search input:focus, .hero-content form.search input:focus-visible{
  outline: none;
}
.hero-content form.search input{
  box-shadow: none;
  background-color: rgb(255, 255, 255);
  height: 72px;
  flex-grow: 1;
  color: rgb(24, 32, 43);
  font-size: 18px;
  font-weight: 300;
  transition: all 0.11s ease-in 0s;
  border-radius: 6px;
  padding: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: none;
}
.hero-content form.search .input-search{
  flex-grow: 1;
  display: flex;
  color: gray;
  align-items: center;
  background-color: white;
}
.hero-content form.search .input-search .fa.fa-times{
  font-size: 20px;
  font-weight: 300;
  padding: 0 15px;
  background: white;
}
.hero-content form.search button.search{
  box-shadow: none;
  background-color: rgb(255, 255, 255);
  height: 72px;
  min-width: 72px;
  color:#fff;
  font-size: 18px;
  font-weight: 300;
  transition: all 0.11s ease-in 0s;
  border-radius: 6px;
  padding: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: none;
}
.hero-content.Web-Developer h1{
  color: rgb(231, 149, 10)
}
.hero-content.Web-Developer .search-bar button.search{
  background-color: rgb(231, 149, 10);
}
.hero-content.Interface-Designer h1{
  color: rgb(74, 57, 172)
}
.hero-content.Interface-Designer .search-bar button.search{
  background-color: rgb(74, 57, 172);
}
.hero-content.E-Commerce-Expert h1{
  color: rgb(145, 33, 108)
}
.hero-content.E-Commerce-Expert .search-bar button.search{
  background-color: rgb(145, 33, 108);
}
.popular-skills {
  display: flex;
  margin-top: 20px;
  color: #8892a6;
  align-items: center;
}
.popular-skills ul{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding-left: 5px;
  margin-bottom: 0;
}
.popular-skills li a{
  font-size: 12px;
  padding: 3px 5px;
  border-radius: 2px;
  margin-right: 10px;
  margin-top: 5px;
  display: inline-block;
  color: rgb(91, 102, 120);
  background: rgba(195, 200, 212, 0.2);
}
.popular-skills span {
  margin-top: 5px;
}
.popular-skills li a:hover{ text-decoration: none }

#home-slides .carousel-indicators .active {
  margin: 1px 10px;
  background-color: #9c9a9a;
}
#home-slides .carousel-indicators li {
  width: 12px;
  height: 12px;
  margin: 1px;
  margin: 1px 10px;
  border: 1px solid #2b2b2b;
  border-radius: 12px;
  background-color: #fff;
}
@media screen and (min-width: 768px){
  .carousel-indicators {
    bottom: -35px;
  }
}
.cate-heading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.explore-categories ._cat {
  margin: 0;
  padding: 0;
  width: 220px;
  height: 290px;
  background-size: cover;
  background-repeat: no-repeat;
}
.explore-categories ._cat > a {
  display: block;
  position: relative;
}
.slick-link {
  color: white;
  position: relative;
  display: inline-block;
}
.slick-link:hover{
  text-decoration: none;
  color:white
}
.explore-categories ._cat h2{
  font-size: 16px;
  position: relative;
  top: 20px;
  text-shadow: 2px 2px 10px #000;
}
.cate-heading h1 {
  font-size: 40px;
  font-weight: 600;
  margin: 0;
  font-family: serif;
}
.cate-heading .nav button {
  background: transparent;
  border: 1px solid gray;
  border-radius: 3px;
  margin: 0 5px;
  padding: 8px 12px;
  font-size: 16px;
}
.getting-work-done ul{
  list-style-image: url('/assets/img/chrome_DkBjUNELBI.png');
  margin: 30px auto;
}
.getting-work-done .heading-section{
  margin: 0;
  font-size: 45px;
  font-weight: 800;
  color: #2a0959;
  font-family: 'Nunito', sans-serif;
}
.getting-work-done ul li {
  margin: 10px auto;
  font-size: 18px;
  font-weight: 600;
}
.getting-work-done .btn, .site-info .bottom-sec .content .btn{
  padding: 13px 20px;
  font-size: 17px;
  text-transform: uppercase;
}
.getting-work-done{
  margin: 100px auto;
}
.site-info{
  background-color: #f5f7fa;
  padding: 30px 0;
}
.site-info h2 {
  color: #b33c00;
  font-size: 30px;
  font-weight: 600;
}
.site-info p {
  font-size: 17px;
  font-weight: 100;
}
.site-info .bottom-sec{
  margin-top: 50px;
}
.site-info .bottom-sec {
  margin-top: 50px;
  display: flex;
  background: #0a0f26;
  color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.site-info .bottom-sec .content{
  padding: 20px;
}
.site-info .bottom-sec .content h1 {
  font-size: 55px;
  margin: 40px 0;
}
.site-info .bottom-sec .content {
  padding: 80px 20px;
}

.profile-pph-design {
  background: #fff;
  border-radius: 5px;
  margin-bottom: 40px;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  /* box-shadow: 0px 0px 2px grey; */
}
.profile-pph-design .content {
  padding: 15px 15px 8px 15px;
  background: #f7f7f7;
}
.profile-pph-design .content .avatar, .profile-pph-design .content .profile-name{
  text-align: center;
}
.profile-pph-design .content .avatar img {
  max-width: 80px;
  max-height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
}
.profile-pph-design .content .profile-name {
  font-weight: 800;
  margin-top: 10px;
}
.profile-pph-design .content .profile-name a {
  color:#333333;
}
.profile-pph-design .content .description{
  font-size: 13px;
  color: #424040;
  margin-bottom: 20px;
  text-align: left;
  min-height: 51px;
}
.profile-pph-design .other-info {
  background: #fff;
  padding: 15px;
}
.profile-pph-design .other-info .user-name {
  font-size: 14px;
  color: var(--primary-color);
  font-weight: 500;
  text-transform: capitalize;
}
.profile-pph-design .other-info .ongoing-projects, 
.profile-pph-design .other-info .completed-projects {
  font-weight: 500;
  font-size: 13px;
  color: #5d5a5a;
  margin-top: 5px;
}
.profile-pph-design .other-info .ongoing-projects i, 
.profile-pph-design .other-info .completed-projects i {
  color: #000;
  margin-right: 5px;
  vertical-align: middle;
}
.profile-pph-design .other-info .ongoing-projects span, 
.profile-pph-design .other-info .completed-projects span {
  font-weight: 800;
}
.profile-pph-design .content .location img {
  width: 20px;
  height: 13px;
  margin-right: 5px;
  object-fit: cover;
  background: white;
  box-shadow: 0px 0px 2px grey;
}
.profile-pph-design .other-info {
  padding: 15px;
}
.profile-pph-design .content .location {
  display: flex;
  align-items: center;
}
.search-project .profiles .profile.page .user-statas .box .numeric {
  flex-basis: auto;
}
.trending-offers {
  box-shadow: 1px 1px 5px #9c9b9b;
  border-radius: 5px;
  width: 280px;
  margin-bottom: 40px;
  overflow: hidden;
}
.trending-offers .content {
  padding: 5px 10px;
}
.trending-offers .user-info {
  display: flex;
  align-items: center;
}
.trending-offers .offer-link {
  color: #2b2a2a;
  font-size: 18px;
  font-family: 'Open Sans';
  text-align: left;
  margin-bottom: 30px;
  display: block;
  min-height: 50px;
  margin-top: 8px;
}
.trending-offers .footer-section a {
  color: #000;
}
.trending-offers img {
  width: 280px;
  height: 200px;
  object-fit: cover;
}
.trending-offers .footer-section .user-info img {
  max-width: 30px;
  max-height: 30px;
  border-radius: 50%;
}
.trending-offers .footer-section {
  display: flex;
  color: #000;
  justify-content: space-between;
  align-items: center;
}
.trending-offers .footer-section .price{
  font-size: 20px;
  font-family: 'Nunito';
}
.trending-offers .col-right-align {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 15px;
}
.explore-categories {
  text-align: center;
  /* background: linear-gradient(rgb(245, 247, 250), rgb(255, 255, 255)); */
}
.horo-section {
  background: linear-gradient(rgb(245, 247, 250), rgb(255, 255, 255));
}
.profile-wrap .profile-pph-design{
  width: 280px;
}
.profile-pph-design .other-info {
  text-align: left;
}
.o-media.service-type {
  padding: 0;
  width: 280px;
  margin-bottom: 40px;
  flex-direction: column;
}
.o-media.service-type .o-media__figure {
  width: 100%;
}
.o-media.service-type .o-media__figure .skeleton-box {
  width: 100% !important;
  height: 200px !important;
  margin-bottom: 15px;
}
.service-type .o-media__body {
  margin-bottom: 15px;
}
.profile-page-content.search-project{
  padding: 0;
  min-height: auto;
}
.search-project.profile-page-content .profile .profile-meta {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.search-project.profile-page-content .profiles .profile.page {
  display: flex;
  margin-top: -60px;
  border-radius: 3px;
  flex-basis: 100%;
}
div .search-project.profile-page-content .media-section .avatar img {
  max-width: 140px;
  max-height: 140px;
  margin-top: -70px;
  border-radius: 50%;
  margin-bottom: 20px;
  border: 4px solid #fff;
}
.search-project.profile-page-content .profile.page{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.search-project.profile-page-content .userinfo .name{
  color: #32353b;
  font-size: 22px;
  margin-bottom: 05px;
  font-family: 'Open Sans';
  font-weight: 700;
}
.search-project.profile-page-content .tagline {
  color: #32353b;
  font-size: 18px;
  margin-top: 20px;
}
.search-project.profile-page-content .profile-type {
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  margin-left: 10px !important;
}
.search-project.profile-page-content .userinfo {
  width: 100%;
  padding: 0 !important;
}
.search-project.profile-page-content .sendoffer {
  padding-left: 0 !important;
  margin-top: 40px !important;
  margin-bottom: 15px;
}
div .search-project.profile-page-content .profile .user-statas {
  margin-top: 0px;
  width: 100% !important;
  flex-direction: column;
  background: whitesmoke;
  padding: 10px 25px !important;
}
div .search-project.profile-page-content .profile .user-statas h4 {
  font-weight: 600;
}
div .search-project.profile-page-content .profile .user-statas .info {
  margin: 1px 0;
  color: #505050;
  display: flex;
  justify-content: space-between;
}
.profile-widget{margin: 40px 0;}
.profile-widget .nav-pills > li.active > a, 
.profile-widget .nav-pills > li.active > a:hover, 
.profile-widget .nav-pills > li.active > a:focus {
  border-bottom: 4px solid;
  border-radius: 0;
  font-size: 17px;
  color: var(--primary-color);
  background-color: transparent;
}
.profile-widget .nav-pills > li > a {
  color: #000;
  font-size: 17px;
  border-radius: 4px;
}
.profile-widget .tab-content {
  padding-top: 15px;
  border-top: 1px solid #d4d4d4;
}
.header-section {
  display: flex;
  margin-bottom: 0px;
  justify-content: flex-end;
  align-items: center;
}
.profile-widget #portfolio ul {
  display: flex;
  list-style: none;
}
.profile-widget #portfolio li:before {
  display: none;
}
.profile-widget #portfolio li a img {
  max-width: 243px;
  max-height: 243px;
  border-radius: 2px;
}
.profile-widget #portfolio li {
  padding: 0;
  margin: 10px;
}
#offers .service .contnet {
  width: 100%;
  padding: 10px;
}
#offers .services-list {
  margin-bottom: 50px;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  margin: 0;
}
#offers .services-list .service .title > a {
  font-size: 17px;
  font-family: 'Open Sans';
  margin-bottom: 20px;
  display: inline-block;
  line-height: 1.2;
  height: 42px;
  color: #000;
  overflow: hidden;
}
#offers .media-stuff img {
  height: 160px;
  width: 100%;
  object-fit: cover;
}
#offers .services-list .service {
  width: 371px;
  margin: 15px;
  background: whitesmoke;
  border-radius: 4px;
  overflow: hidden;
}
#offers .media-stuff {
  width: 100%;
  max-height: 100%;
  margin-bottom: 5px;
  padding: 0;
}
.heading-with-button{
  display: flex;
  font-weight: 600;
  align-items: center;
  justify-content: space-between;
}
.heading-with-button .btn{
  margin: 0 !important;
  padding: 0!important;
}
.update-section {
  margin-top: 10px;
}
.rate-view {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.rate-view span{
  color: gray;
  margin-left: 10px;
}
.rate-view span {
  color: gray;
  margin-left: 6px;
  font-weight: 400;
}
.rate-view svg {
  fill: rgb(255, 179, 49);
}
.profile-pph-design .skills .skill {
  background: whitesmoke;
  padding: 2px 5px;
  font-size: 12px;
  display: inline-block;
  margin-right: 7px;
}
.profile-pph-design .skills {
  margin: 12px 0;
  height: 21px;
  overflow: hidden;
}
.bottom-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.bottom-wrap .projects{
  color: #676767;
}
.bottom-wrap .rate-per-hour {
  font-weight: 600;
}
.bottom-wrap .rate-per-hour span {
  font-weight: 400;
  color: gray;
}
.search-project .profiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
footer {
  z-index: 2;
  position: relative;
}