.enterprise-members-item:after,
.enterprise-plans .plan-title .collapse-group small:after,
.onboarding .upload-photo .attach-file-inline a::before,
.profile-component .profile-photo .upload-photo .attach-file-inline a::before,
.profile-component.edit-in-place .upload-btn::before,
.profile-component.edit-in-place .edit-btn::before,
.profile-stars .stars-bg,
.profile-stars .stars-fill,
.add-intro__pin::after,
.panel-add-steps .panel-body ul li:before,
.list-bundles .skill:after,
.browse-skills > ul a:before,
.box-attachments li a:before,
.fav-icon,
.show-password-toggle input[type="checkbox"] + label:before,
.wk-panel-collapsable .panel-heading a[data-toggle='collapse']:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "WorkanaNewDesign" !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;text-decoration: none;/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.pro-user-progress.animate .pro-user-progress-item em,
.pro-user-progress.animate .pro-user-progress-item i,
.pro-search.animate .search-results .box-common,
.pro-search.animate .wk-submit-block {
  -webkit-animation-duration: 0.3s;-moz-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-fill-mode: both;-mozanimation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInDelay;-moz-animation-name: fadeInDelay;animation-name: fadeInDelay;opacity: 1;display: block;
}
#workanaChat .pusherChatBox section .message,
.merit-block,
.messages-new-content .message,
body #transloadit .content,
.store-service-item {
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);-webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);padding: 40px;background-color: #FFFFFF;margin-bottom: 20px;
}
.store-service-item {
  padding: 0px;
}
.pin-footer a {
  color: #2f9aee;text-decoration: underline;
}
@media (max-width: 992px) {
}@media (min-width: 768px) {
}.project-upsell-new .upsell.featured .icon-upsell-private {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/upsell-private-w.8c8846edc.svg);
}
.project-upsell-new .upsell.featured .icon-upsell-email-promoted {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/upsell-email-promoted-w.a6523a316.svg);
}
.project-upsell-new .upsell.featured .icon-upsell-assistance {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/upsell-assistance-w.c430961ab.svg);
}
.project-upsell-new .upsell.featured .icon-upsell-highlight {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/upsell-highlight-w.735d0a455.svg);
}
.project-upsell-new .upsell.featured .icon-upsell-bundle {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/upsell-bundle-w.d92e66a13.svg);
}
.project-upsell-new .upsell.featured .icon-upsell-urgent {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/upsell-urgent-w.a8ba82988.svg);
}
.workana-banner {
  padding: 0;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
.workana-banner h3,
.workana-banner h4 {
  margin-bottom: 30px;
  margin-top: 5px;
}
.workana-banner h5 {
  margin: 5px 0 5px 0;
}
.workana-banner p {
  line-height: 26px;
}
.workana-banner .first-title h3,
.workana-banner .first-title h4 {
  margin: 5px 0 15px 0;
}
.workana-banner .first-title h5 {
  margin-bottom: 20px;
}
.workana-banner-content {
  padding: 20px 20px 20px 270px;
  background-repeat: no-repeat;
  background-size: 220px;
  background-position: 20px;
}
.workana-banner-content.dash-03 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/banner-img-dash-03.46f6869bc.svg);
}
.workana-banner-content.dash-02 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/banner-img-dash-02.ba2a354b6.svg);
}
.workana-banner-content.dash-01 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/banner-img-dash-01.5f292f472.svg);
}
.workana-banner-content.smart-messages-banner {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/banner-smart-messages.4e1318f39.svg);
  background-color: #5A4FA9;
  color: white;
}
@media (min-width: 1200px) {
  .workana-banner-content.smart-messages-banner {
    background-size: 180px;
    padding-left: 220px;
  }
}
.workana-banner-content.annual-summary-banner {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/banner-summary-2018-bkg.1686fed5b.svg), url(https://wkncdn.com/newx/assets/build/img/svg/banner-summary-2018-img.eff4824d9.svg);
  background-color: #3d50ca;
  color: white;
  background-repeat: no-repeat, no-repeat;
  background-size: contain, 120px auto;
  background-position: top left, 80px 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .workana-banner-content.annual-summary-banner {
    background-size: contain, 110px auto;
    background-position: top left, 20px 20px;
  }
}
.workana-banner-content.notifications-banner {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/desktop-push-notifications.308dcff32.svg);
}
@media (min-width: 768px) {
  .workana-banner-content.notifications-banner p {
    max-width: 300px;
  }
}
.workana-banner-slider {
  padding: 0;
  margin-bottom: 20px;
  overflow: hidden;
}
.workana-banner-slider .workana-banner {
  margin-bottom: 0;
}
.workana-banner-slider .workana-banner-content {
  height: 180px;
}
.workana-banner-slider .carousel-indicators li {
  margin: 0 2px;
  border: 0;
  background-color: #D5D5D5;
}
.workana-banner-slider .carousel-indicators .active {
  background-color: #6f6f6f;
  width: 10px;
  height: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .workana-banner-content {
    background-size: 110px;
    padding-left: 150px;
  }
  .workana-banner h3 {
    font-size: 18px;
  }
  .workana-banner-slider .pro-banner p,
  .workana-banner-slider .pro-banner h5 {
    line-height: 20px;
  }
  .workana-banner .first-title h3,
  .workana-banner .first-title h4 {
    margin: 0 0 10px 0;
  }
  .workana-banner p {
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .workana-banner-slider .carousel-indicators {
    right: 20px;
    bottom: 10px;
    left: auto;
    text-align: right;
    width: 40%;
  }
  .workana-banner-slider .pro-banner {
    background-position: top right -50px, top right -20px;
    padding-right: 160px;
  }
}
@media (max-width: 767px) {
  .workana-banner-slider .workana-banner-content {
    height: 230px;
    position: relative;
  }
  .workana-banner-slider .carousel-indicators {
    bottom: 0;
  }
  .workana-banner-content {
    padding: 15px 10px 30px 10px;
  }
  .workana-banner-content.dash-03,
  .workana-banner-content.dash-02,
  .workana-banner-content.dash-01,
  .workana-banner-content.notifications-banner,
  .workana-banner-content.smart-messages-banner,
  .workana-banner-content.annual-summary-banner {
    background-image: none;
  }
  .workana-banner-content .options {
    position: absolute;
    text-align: center;
    width: calc(100% - 20px);
    top: 160px;
  }
  .workana-banner p {
    max-width: 100%;
    line-height: 20px;
  }
}
.certifications-tests {
  line-height: 25px;
}
.certifications-tests.results .public-bar {
  margin: 22px 0 20px 0;
}
.certifications-tests.results .primary-stats {
  font-weight: 600;
}
.certifications-tests.results .icons-col .wk2-icon {
  font-size: 27px;
  position: relative;
  top: -2px;
  vertical-align: middle;
  height: 21px;
  display: inline-block;
}
.certifications-tests .time-remaining {
  font-size: 12px;
  text-align: right;
}
.certifications-tests .btn.search {
  height: 48px;
}
.certifications-tests .test-info li {
  margin-bottom: 14px;
}
.certifications-tests .panel.panel-green .panel-heading {
  background: #FFF;
  color: #0AD254;
  border-top: 3px solid #0AD254;
}
.certifications-tests .start-test {
  margin-top: 25px;
}
.certifications-tests .title-counter {
  margin-top: 0;
}
.certifications-tests .question li {
  margin-bottom: 16px;
}
.certifications-tests .aligner {
  align-items: center;
}
.certifications-tests .empty-error {
  margin-left: 10px;
  text-align: left;
  color: #FB535B;
  border: 1px solid #FB535B;
  padding: 10px;
  margin-top: -12px;
  border-radius: 5px;
}
.certifications-tests .question-container {
  margin: 30px 0 20px 0;
}
.certifications-tests .question-container .col {
  float: left;
}
.certifications-tests .clear {
  clear: both;
}
.workana-challenge-list {
  margin-top: 20px;
}
.workana-challenge-list .challenge {
  padding: 10px 0;
}
.workana-challenge-list .challenge-xp {
  float: right;
}
.workana-challenge-list .more {
  margin-top: 20px;
}
.videocall-icon {
  font-size: 20px;
}
.videocall-icon:before {
  position: relative;
  top: -2px;
}
#workanaChat {
  position: fixed;
  right: 0;
  bottom: 0;
  font-size: 13px;
  color: #4A4A4A;
  width: 100%;
  z-index: 1049;
}
#workanaChat .chatBoxWrap {
  float: left;
  position: relative;
}
#workanaChat label.checkbox {
  display: block;
}
#workanaChat label.checkbox input[type="checkbox"] {
  display: block;
  float: none;
  text-align: left;
  margin: 5px;
  position: relative;
}
#workanaChat h5 {
  padding: 12px 15px;
  margin: 0;
}
#workanaChat .disconected-message {
  padding: 50px 15px;
  text-align: center;
}
#workanaChat .disconected-message i {
  font-size: 50px;
}
#workanaChat .chatBoxWrap .pusherChatBox {
  margin-right: 10px;
  position: absolute;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
#workanaChat .chatBoxslide {
  float: right;
  position: relative;
}
#workanaChat .chat-count {
  display: inline-block;
  background-color: #2f9aee;
  color: #FFFFFF;
  height: 20px;
  min-width: 20px;
  padding: 2px;
  text-align: center;
  line-height: normal;
  font-size: 11px;
  margin-left: 5px;
  letter-spacing: 0.5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#workanaChat #membersContent {
  position: absolute;
  right: 20px;
  bottom: -2px;
  width: 125px;
}
#workanaChat #membersContent.open {
  width: 320px;
}
@media (max-width: 1199px) {
  #workanaChat #membersContent.open {
    width: 260px;
    font-size: 11px;
  }
  #workanaChat #membersContent.open h5 {
    font-size: 11px;
  }
}
#workanaChat #membersContent.open .toggle-chat-list {
  padding-top: 11px;
  padding-bottom: 11px;
}
#workanaChat #membersContent.open .toggle-chat-list i {
  display: none;
}
#workanaChat #membersContent.open .toggle-options-menu {
  top: 15px;
}
#workanaChat #membersContent.open .toggle-options-menu.expander {
  margin-right: 2.5rem;
}
#workanaChat #membersContent a {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#workanaChat #membersContent .toggle-chat-list {
  background-color: #4A4A4A;
  display: block;
  padding: 6px 15px;
  color: #FFF;
  font-size: 14px;
  line-height: 28px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#workanaChat #membersContent .toggle-chat-list i {
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 20px;
}
#workanaChat #membersContent .toggle-chat-list:hover {
  text-decoration: none;
}
#workanaChat #membersContent .toggle-chat-list .status.status-offline {
  background-color: #D5D5D5;
}
#workanaChat #membersContent .toggle-options-menu {
  position: absolute;
  top: 9px;
  right: 12px;
  display: block;
  width: 25px;
  height: 22px;
  text-align: center;
  font-size: 22px;
  vertical-align: middle;
  line-height: 22px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}
#workanaChat #membersContent .toggle-options-menu:hover {
  color: #FFF;
  text-decoration: none;
}
#workanaChat #membersContent .options-menu {
  position: absolute;
  background-color: #EEE;
  width: 100%;
  z-index: 2;
  border-bottom: 1px solid #000;
  padding: 5px 0px;
}
#workanaChat #membersContent .options-menu form {
  margin: 0px 10px;
}
#workanaChat #membersContent .scroll {
  height: 354px;
  margin-bottom: 40px;
  background: #F0F0F0;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
  overflow-y: scroll;
  overscroll-behavior: contain;
}
#workanaChat #membersContent .scroll.expanded-roaster {
  height: 67vh;
}
#workanaChat #membersContent .scroll ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#workanaChat #membersContent .scroll ul ul {
  margin: 10px 0;
}
#workanaChat #membersContent .scroll .members-list {
  margin-bottom: 20px;
}
#workanaChat #membersContent .scroll .members-list .icon-muted {
  margin-left: 5px;
}
#workanaChat #membersContent .scroll .members-list .chat-count {
  position: absolute;
  top: 5px;
  right: 14px;
  z-index: 1;
}
#workanaChat #membersContent .scroll .members-list > ul > li a {
  position: relative;
  display: block;
  text-decoration: none;
  padding: 0 40px 0 15px;
  line-height: 30px;
  color: #4A4A4A;
}
#workanaChat #membersContent .scroll .members-list > ul > li a.project-open {
  border-left: 4px solid green;
}
#workanaChat #membersContent .scroll .members-list > ul > li a.project-working {
  border-left: 4px solid blue;
}
#workanaChat #membersContent .scroll .members-list > ul > li a.project-finished {
  border-left: 4px solid red;
}
#workanaChat #membersContent .scroll .members-list > ul > li a.has-unread {
  font-weight: 600;
}
#workanaChat #membersContent .scroll .members-list > ul > li a:hover {
  text-decoration: none;
  background-color: #ffffff;
}
#workanaChat #membersContent .scroll .members-list > ul > li a.expanded .chat-count {
  display: none;
}
#workanaChat #membersContent .scroll .members-list > ul > li a.is-muted,
#workanaChat #membersContent .scroll .members-list > ul > li a.is-offline {
  color: #8C8C8C;
}
#workanaChat #membersContent .scroll .members-list > ul > li a.link-blue {
  color: #2f9aee;
  font-weight: 600;
}
#workanaChat #membersContent .scroll .members-list > ul > li a.link-blue:hover {
  text-decoration: underline;
  background-color: transparent;
}
#workanaChat #membersContent .scroll .members-list > ul > li ul > li a {
  padding-left: 30px;
}
#workanaChat #membersContent .scroll .members-list > ul > li ul > li a:hover {
  text-decoration: none;
  background: #F7F7F7;
}
#workanaChat #membersContent .scroll .box-collapsable {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#workanaChat #membersContent .scroll .box-collapsable .btn-expand {
  padding: 13px;
  background-color: transparent;
}
#workanaChat #membersContent .scroll .box-collapsable .btn-expand i {
  color: #4A4A4A;
  font-size: 22px;
  top: -1px;
}
#workanaChat #membersContent .scroll .box-collapsable-header {
  padding: 0 40px 0 0;
}
#workanaChat #membersContent .scroll .box-collapsable-body {
  padding: 0;
}
#workanaChat #membersContent .filter {
  position: fixed;
  bottom: 0;
  width: 320px;
  z-index: 2;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
#workanaChat #membersContent .filter label {
  position: absolute;
  top: 9px;
  right: 15px;
  font-size: 22px;
  color: #979797;
}
#workanaChat #membersContent .filter input::-moz-placeholder {
  color: #979797;
  opacity: 1;
}
#workanaChat #membersContent .filter input:-ms-input-placeholder {
  color: #979797;
}
#workanaChat #membersContent .filter input::-webkit-input-placeholder {
  color: #979797;
}
#workanaChat #membersContent .filter input,
#workanaChat #membersContent .filter input:focus,
#workanaChat #membersContent .filter input:active {
  outline: none;
  border: 0;
  background-color: #FFFFFF;
  margin: 0;
  padding: 5px 40px 5px 15px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  font-size: 13px;
  line-height: 22px;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: 0;
}
#workanaChat #membersContent .filter input:focus::-moz-placeholder,
#workanaChat #membersContent .filter input:active::-moz-placeholder {
  color: #4A4A4A;
  opacity: 1;
}
#workanaChat #membersContent .filter input:focus:-ms-input-placeholder,
#workanaChat #membersContent .filter input:active:-ms-input-placeholder {
  color: #4A4A4A;
}
#workanaChat #membersContent .filter input:focus::-webkit-input-placeholder,
#workanaChat #membersContent .filter input:active::-webkit-input-placeholder {
  color: #4A4A4A;
}
#workanaChat #membersContent .filter input:focus + label,
#workanaChat #membersContent .filter input:active + label {
  color: #4A4A4A;
}
#workanaChat .message h5.author-message-title {
  padding: 0;
  margin: 0 0 11px 0;
}
#workanaChat .message h5.author-message-title img {
  width: 14px;
  height: 14px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
#workanaChat .message.other-party {
  position: relative;
  width: 235px;
  height: 85px;
  padding: 0px;
  background: #FFFFFF;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#workanaChat .message.other-party:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 14px 15px 14px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: -15px;
  top: 0px;
}
#workanaChat .message.user {
  position: relative;
  width: 235px;
  height: 160px;
  padding: 0px;
  background: #FFFFFF;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#workanaChat .message.user:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 14px 0 14px 15px;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  right: -15px;
  top: 132px;
}
#workanaChat .chat-thumbnail {
  position: relative;
  margin-right: 5px;
  top: -2px;
}
#workanaChat .chat-thumbnail img {
  border-radius: 11px;
  width: 22px;
  height: 22px;
}
#workanaChat .chat-thumbnail .status {
  position: absolute;
  bottom: 2px;
  right: -6px;
}
#workanaChat .chat-group {
  font-size: 14px;
  width: 22px;
  height: 22px;
  background-color: #253556;
  color: #FFFFFF;
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  line-height: 22px;
  position: relative;
  top: 1px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}
#workanaChat .chat-group-expander {
  position: absolute;
  display: inline-block;
  color: #4A4A4A;
  font-size: 22px;
  top: 3px;
  right: 13px;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
#workanaChat .expanded .chat-group-expander {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
#workanaChat .status {
  height: 12px;
  width: 12px;
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#workanaChat .status.status-online {
  background-color: #02D04E;
}
#workanaChat .status.status-offline {
  background-color: transparent;
}
#workanaChat header.chat-header {
  background-color: #4A4A4A;
  display: block;
  padding: 11px 15px;
  color: #FFF;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
#workanaChat header.chat-header .chat-thumbnail {
  top: 0;
}
@media (max-width: 1199px) {
  #workanaChat header.chat-header {
    font-size: 11px;
  }
}
#workanaChat header.chat-header a.user-name {
  color: #FFF;
  display: inline;
}
#workanaChat header.chat-header a.user-name:hover {
  text-decoration: underline;
}
#workanaChat header.chat-header .typicons-minus {
  position: relative;
  top: 3px;
}
#workanaChat header.chat-header .left {
  float: left;
  cursor: pointer;
  max-width: 170px;
  line-height: 28px;
}
#workanaChat header.chat-header .right {
  float: right;
}
#workanaChat header.chat-header .thread-option-icon {
  width: 22px;
  height: 22px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  font-size: 22px;
}
#workanaChat header.chat-header .thread-option-icon a {
  color: rgba(255, 255, 255, 0.5);
}
#workanaChat header.chat-header .thread-option-icon a:hover,
#workanaChat header.chat-header .thread-option-icon a:focus,
#workanaChat header.chat-header .thread-option-icon a:active {
  text-decoration: none;
  color: #FFF;
}
#workanaChat header.chat-header .chat-name {
  vertical-align: middle;
  display: inline-block;
  max-width: 135px;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 1199px) {
  #workanaChat header.chat-header .chat-name {
    max-width: 95px;
  }
}
#workanaChat .project-details {
  width: 100%;
  background-color: #686868;
  padding: 11px 15px;
  color: #FFF;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
}
#workanaChat .project-details .project-name {
  color: #FFF;
  text-decoration: none;
  display: block;
  float: left;
  max-width: 100%;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
#workanaChat .project-details.btn-chat .project-name {
  max-width: 160px;
}
#workanaChat .project-details.btn-chat .project-name:hover {
  text-decoration: underline;
}
@media (max-width: 1199px) {
  #workanaChat .project-details.btn-chat .project-name {
    max-width: 105px;
  }
}
#workanaChat .project-details.proposal .project-name {
  width: 100%;
}
#workanaChat .project-details.proposal .project-actions {
  width: 100%;
}
#workanaChat .project-details.proposal .project-actions .btn {
  margin-top: -3px;
}
#workanaChat .project-details.proposal .project-actions .bid-amount {
  color: #0AD254;
}
#workanaChat .project-details .project-actions {
  padding-top: 6px;
  max-width: inherit;
  float: right;
}
#workanaChat .project-details .bid-amount {
  line-height: 18px;
}
#workanaChat .project-details .btn-secondary {
  background: #FFF;
  color: #4A4A4A;
  height: 22px;
  line-height: 22px;
  padding: 0px 4px;
  font-size: 11px;
  margin: -10px 0 0 0;
}
#workanaChat .project-details .btn-secondary:hover,
#workanaChat .project-details .btn-secondary:active,
#workanaChat .project-details .btn-secondary:focus {
  color: #4A4A4A;
  background: #E7E7E7;
}
#workanaChat .project-details .left {
  float: left;
  width: 130px;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
#workanaChat .project-details .right {
  float: right;
}
#workanaChat .pusherChatBox {
  width: 280px;
  background: #F0F0F0;
  position: relative;
  bottom: 0;
  padding: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
@media (max-width: 1199px) {
  #workanaChat .pusherChatBox {
    width: 230px;
    font-size: 11px;
  }
  #workanaChat .pusherChatBox .project-name {
    font-size: 11px;
  }
}
#workanaChat .pusherChatBox .chat-loading-wrapper {
  width: 100%;
  padding: 5px 0px;
  font-size: 20px;
  text-align: center;
  color: #777;
}
#workanaChat .pusherChatBox .chat-loading-wrapper .wk2-icon-spinner {
  margin-left: -10px;
}
#workanaChat .pusherChatBox section .typing {
  font-size: 11px;
  line-height: 13px;
  overflow: hidden;
  display: none;
  padding: 3px;
  position: absolute;
  bottom: 40px;
  background: #F0F0F0;
  width: 100%;
}
#workanaChat .pusherChatBox section .typing.visible {
  display: block;
}
#workanaChat .pusherChatBox section .typing .chat-icon {
  margin: 0px 2px;
  color: #777;
  height: 13px;
  line-height: 13px;
}
#workanaChat .pusherChatBox section form {
  margin: 0;
  border: 0;
  width: 100%;
  outline: none;
  display: block;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-appearance: none;
  min-height: 40px;
  height: 40px;
  max-height: 108px;
}
#workanaChat .pusherChatBox section form textarea {
  resize: none;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  overflow-y: auto;
  min-height: 40px;
  max-height: 108px;
  padding: 10px 15px;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: 0;
  box-shadow: none;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
#workanaChat .pusherChatBox section form textarea::-moz-placeholder {
  color: #979797;
  opacity: 1;
}
#workanaChat .pusherChatBox section form textarea:-ms-input-placeholder {
  color: #979797;
}
#workanaChat .pusherChatBox section form textarea::-webkit-input-placeholder {
  color: #979797;
}
#workanaChat .pusherChatBox section form textarea:focus {
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: 0;
  box-shadow: none;
}
#workanaChat .pusherChatBox section form textarea:focus::-moz-placeholder {
  color: #4A4A4A;
  opacity: 1;
}
#workanaChat .pusherChatBox section form textarea:focus:-ms-input-placeholder {
  color: #4A4A4A;
}
#workanaChat .pusherChatBox section form textarea:focus::-webkit-input-placeholder {
  color: #4A4A4A;
}
#workanaChat .pusherChatBox section .discussion {
  list-style: none;
  margin: 0;
  padding: 0px;
  height: 250px;
  overflow-y: scroll;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
  overscroll-behavior: contain;
}
#workanaChat .pusherChatBox section .discussion > li {
  padding: 5px 15px;
  overflow: hidden;
}
#workanaChat .pusherChatBox section .discussion .message-notice.system .icon-wk {
  margin-top: -2px;
}
#workanaChat .pusherChatBox section .discussion .message-notice.system .edit a {
  margin-left: 15px;
}
#workanaChat .pusherChatBox section .other .message {
  border-bottom-left-radius: 0;
}
#workanaChat .pusherChatBox section .other .author-message-title img {
  float: left;
  margin-right: 5px;
}
#workanaChat .pusherChatBox section .self {
  text-align: right;
}
#workanaChat .pusherChatBox section .self .message {
  text-align: right;
  border-bottom-right-radius: 0;
  background-color: #F4F9FD;
}
#workanaChat .pusherChatBox section .system .message,
#workanaChat .pusherChatBox section .videocall .message,
#workanaChat .pusherChatBox section .bid-proposal .message,
#workanaChat .pusherChatBox section .message-notice .message,
#workanaChat .pusherChatBox section .message-notice-important .message {
  max-width: 100%;
  width: 100%;
}
#workanaChat .pusherChatBox section .system .message:after,
#workanaChat .pusherChatBox section .videocall .message:after,
#workanaChat .pusherChatBox section .bid-proposal .message:after,
#workanaChat .pusherChatBox section .message-notice .message:after,
#workanaChat .pusherChatBox section .message-notice-important .message:after {
  display: none;
}
#workanaChat .pusherChatBox section .system .message,
#workanaChat .pusherChatBox section .message-notice .message,
#workanaChat .pusherChatBox section .message-notice-important .message {
  border-left: solid 4px #F8DD00;
}
#workanaChat .pusherChatBox section .system-title {
  padding: 0 0 0 15px;
  margin-bottom: 10px;
  position: relative;
  background-image: url(https://wkncdn.com/newx/assets/build/img/logos-v3/m_logo.3f37cf71a.png);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: left 3px;
}
#workanaChat .pusherChatBox section .bid-proposal .message {
  border-left: solid 4px #0AD254;
}
#workanaChat .pusherChatBox section .message {
  background: #FFFFFF;
  padding: 10px 10px 5px 10px;
  max-width: 200px;
  word-wrap: break-word;
  position: relative;
  display: inline-block;
  min-width: 130px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#workanaChat .pusherChatBox section .message .time {
  font-size: 9px;
  font-weight: 300;
  color: #9B9B9B;
  text-align: right;
}
#workanaChat .pusherChatBox.chat-muted header.chat-header .chat-name {
  color: #DDD;
}
#workanaChat .chat-dropdown {
  z-index: 99999;
  position: absolute;
  color: #FFFFFF;
  background-color: #3B3B3B;
  top: 50px;
  left: 0;
  width: 90%;
  height: 100%;
  font-size: 13px;
  list-style-type: none;
  padding: 0 15px;
}
#workanaChat .chat-dropdown > li.item-dropdown {
  margin: 15px 0;
  text-align: left;
  width: 100%;
}
#workanaChat .chat-dropdown > li.item-dropdown > a {
  padding: 0;
  color: #D5D5D5;
  width: 100%;
}
#workanaChat .chat-dropdown > li.item-dropdown > a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
#workanaChat .chat-dropdown .control-group {
  margin-top: 15px;
}
[ng-click],
[data-ng-click],
[x-ng-click] {
  cursor: pointer;
}
.finance table th {
  background-color: #F4F4F4;
  text-transform: uppercase;
}
.finance table td.amount {
  text-align: right;
}
.finance table td.amount.debit {
  color: #0AD254;
}
.finance table td.amount.credit {
  color: #253556;
}
.finance .control-label {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 0;
}
.finance .balance .current-amount {
  color: #0AD254;
  font-weight: 300;
  margin-top: 0;
}
.finance .form-filters .actions {
  padding-top: 20px;
}
@media (min-width: 768px) {
  .finance .form-filters .actions {
    padding-top: 5px;
  }
}
.finance .input-calendar .control-label {
  display: block;
  margin: 15px 10px 0;
  text-transform: none;
}
@media (min-width: 480px) {
  .finance .input-calendar .control-label {
    float: left;
  }
}
@media (min-width: 768px) {
  .finance .input-group.date {
    max-width: 130px;
  }
}
.finance .filter-wrapper {
  margin: 20px 0;
}
.finance .filter-wrapper .tab {
  text-align: center;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 15px;
}
.finance .filter-wrapper .tab span.active {
  display: inline-block;
  border-bottom: 3px #253556 solid;
  color: #253556;
}
.finance .filter-wrapper .tab a {
  color: #333333;
}
.movements-onboarding-landing .wk-submit-block {
  margin: 50px 0;
}
.movements-onboarding-landing .wk2-icon-verifyed {
  color: #2f9aee;
  font-size: 32px;
}
.movements-onboarding-landing .btn {
  margin-top: 30px;
}
.movements-onboarding-landing .row {
  margin-bottom: 15px;
}
.movements-onboarding-landing h3 {
  margin-top: 0px;
}
.movements-onboarding-landing h5 {
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .movements-onboarding-landing .separate {
    display: block;
    clear: both;
  }
  .movements-onboarding-landing .explain {
    line-height: 30px;
  }
}
.movements-onboarding-landing .onboarding-screenshot {
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/finance/finances-default.fb68801fd.svg);
  background-position: top center;
  background-size: contain;
  display: block;
  width: 100%;
  height: 170px;
}
.companies-withdraw .box-common h3 {
  margin-top: 0;
}
.companies-withdraw .payment-methods {
  margin-top: 40px;
}
.companies-withdraw .payment-methods .form-group {
  margin-bottom: 0;
}
.companies-withdraw .payment-methods .form-group .radio-box input[type="radio"]:checked ~ .radio-box-info .radio-block {
  border-color: #2f9aee;
}
.companies-withdraw .payment-methods .form-group .radio-box input[type="radio"]:checked ~ .radio-box-info .radio-block:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background-color: #2f9aee;
  margin-left: 1px;
  position: relative;
  top: -1px;
}
.companies-withdraw .method-conditions {
  margin-top: 10px;
  font-size: 12px;
}
.companies-withdraw .payment-method {
  text-align: left;
  margin-bottom: 0;
  cursor: pointer;
}
.companies-withdraw .payment-method input:checked ~ .radio-box-info {
  box-shadow: none!important;
  border: 3px solid #2f9aee !important;
}
.companies-withdraw .payment-method .radio-box-info {
  border: 3px solid transparent;
  position: relative;
  padding: 15px 15px 15px 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -webkit-transition: border 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .companies-withdraw .payment-method .radio-box-info:hover {
    border: 3px solid #8dc8f6;
  }
}
.companies-withdraw .payment-method .radio-block {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #D5D5D5;
  background-color: #FFFFFF;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.companies-withdraw .payment-method .badge {
  font-size: 10px;
  background-color: #0AD254;
  text-transform: uppercase;
  padding: 7px 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.companies-withdraw .payment-method.recommended input:checked ~ .radio-box-info {
  border: 3px solid #0AD254 !important;
}
.companies-withdraw .payment-method.recommended .radio-box-info {
  background-color: #BDFDD5;
  color: #686868 !important;
}
@media (min-width: 768px) {
  .companies-withdraw .payment-method.recommended .radio-box-info:hover {
    border: 3px solid #0AD254;
  }
}
.companies-withdraw .col-right {
  float: right;
  margin-right: 15px;
}
.companies-withdraw .info {
  margin-left: 40px;
}
.companies-withdraw .popover.static {
  position: relative;
  z-index: 1;
}
.companies-withdraw .icon-method {
  display: inline-block;
  width: 140px;
  height: 50px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991px) {
  .companies-withdraw .icon-method {
    width: 100px;
    margin-left: 40px;
  }
}
.companies-withdraw ul.tree {
  display: none;
  background-color: #d4e9f6;
}
.companies-withdraw .tree li {
  border-top: 0px !important;
  border-bottom: 0px !important;
}
.companies-withdraw .finanzas {
  padding: 0px;
  background-color: #e5f1f8;
  border-top: 1px solid #e3e3e3;
  border: inherit;
  border-radius: inherit;
}
.companies-withdraw .nav-list {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.companies-withdraw .finanzas li {
  line-height: 30px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #cce3f1;
}
.companies-withdraw .nav-list > li > a {
  color: #102e57 !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.companies-withdraw .nav-list > .active > a {
  font-weight: 600 !important;
  text-shadow: inherit !important;
  background-color: inherit !important;
}
.companies-withdraw .metodo-pago {
  margin: 30px 0 0 !important;
  margin-left: -30px !important;
}
.companies-withdraw .input-payoneer-mastercard {
  margin-top: 30px;
}
.companies-withdraw .input-payoneer-transfer {
  margin-top: 12px;
}
.companies-withdraw .input-mp-transfer {
  margin-top: 16px;
}
.companies-withdraw .new-modal {
  width: 610px;
  height: 350px;
}
.companies-withdraw .new-modal .modal-body {
  width: 600px !important;
}
.companies-withdraw .new-modal .modal-footer {
  width: 600px;
}
.companies-withdraw .js-wrapper-email {
  display: none;
}
.companies-withdraw .edit-email {
  height: 30px;
  margin-top: -20px;
}
.companies-withdraw .card-link.edit-bank_account {
  line-height: 64px;
}
.companies-withdraw .new-modal.modal-bank_account {
  height: auto;
}
.companies-withdraw .new-modal.modal-bank_account .input-full-width {
  width: 96%;
}
.companies-withdraw .account p {
  margin-bottom: 0px;
}
.credit-cards .btn-add-new {
  margin-top: 15px;
}
.credit-cards .credit-card-list,
.credit-cards .no-credit-card {
  margin-top: 0;
}
@media (min-width: 992px) {
  .credit-cards .actions {
    text-align: right;
  }
}
.credit-cards .credit-card-list .box-common {
  margin-bottom: 5px;
  padding: 0 10px;
}
.credit-cards .credit-card-list .badge {
  border-radius: 8px;
  margin: 0 5px;
  vertical-align: initial;
}
.credit-cards .credit-card-list .badge-danger {
  background-color: #FB535B;
  color: #FFFFFF;
}
.credit-cards .credit-card-list .badge-warning {
  background-color: #EEAF00;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .credit-cards .credit-card-list .badge {
    margin-left: 0px;
  }
}
.credit-cards .credit-card-list ul {
  margin: 0;
  padding: 0;
}
.credit-cards .credit-card-list ul .list-group-item {
  border: none;
}
.credit-cards .credit-card-list ul .list-group-item .panel {
  border-bottom: solid 1px #EFEFEF;
  margin: 0 -15px;
}
.credit-cards .credit-card-list ul .list-group-item .panel .content {
  padding-left: 65px;
}
.credit-cards .credit-card-list ul .list-group-item a {
  font-weight: 600;
}
.credit-cards .credit-card-list ul .list-group-item .icon-card,
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-clock,
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-spinner,
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-verifyed,
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-x-b {
  position: absolute;
  vertical-align: middle;
}
.credit-cards .credit-card-list ul .list-group-item .icon-card {
  left: 15px;
  top: 20px;
}
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-clock {
  font-size: 45px;
  left: 20px;
  top: 15px;
}
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-spinner,
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-verifyed,
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-x-b {
  font-size: 28px;
  right: 5px;
  top: 12px;
}
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-verifyed {
  color: #0AD254;
}
.credit-cards .credit-card-list ul .list-group-item .wk2-icon-x-b {
  color: #FB535B;
}
.credit-cards .credit-card-list ul .list-group-item .actions {
  margin-top: 13px;
  opacity: 0;
}
.credit-cards .credit-card-list ul .list-group-item:hover .actions {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
.credit-cards .credit-card-list ul .list-group-item:hover .actions .btn-link {
  color: #A4A4A4;
}
.credit-cards .credit-card-list ul .list-group-item:last-child .panel {
  border: none;
}
.credit-cards .credit-card-empty h4 {
  margin-bottom: 15px;
}
.credit-cards .credit-card-empty a.icon-plus {
  color: #686868;
  transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
}
.credit-cards .credit-card-empty a.icon-plus:hover {
  color: #253556;
}
.credit-cards .credit-card-empty .wk2-icon {
  margin-top: 20px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .credit-cards .credit-card-list {
    margin-bottom: 10px;
  }
  .credit-cards .credit-card-list ul .list-group-item {
    padding: 10px 5px 10px 10px;
  }
  .credit-cards .credit-card-list ul .list-group-item a {
    text-decoration: underline;
  }
  .credit-cards .credit-card-list ul .list-group-item .wk2-icon-trash-2 {
    display: block;
    font-size: 30px;
    margin-top: -7px;
  }
  .credit-cards .credit-card-list ul .list-group-item .actions {
    margin: 0;
    opacity: 1;
    text-align: left;
  }
  .credit-cards .credit-card-list ul .list-group-item .actions .btn-link {
    color: #A4A4A4;
  }
  .credit-cards .credit-card-list ul .list-group-item .panel .content {
    padding-left: 0;
  }
  .credit-cards .credit-card-list ul .list-group-item .panel .content div.data {
    padding-left: 85px;
  }
  .credit-cards .credit-card-list ul .list-group-item .panel .content div.data.col-xs-12 {
    padding-bottom: 0px;
  }
  .credit-cards .credit-card-list ul .list-group-item .panel .content div.data p {
    margin-bottom: 5px;
  }
  .credit-cards .credit-card-list ul .list-group-item .panel .content div.hours {
    padding-left: 45px;
  }
  .credit-cards .credit-card-list ul .list-group-item .panel .content div.status {
    padding: 0;
  }
  .credit-cards .credit-card-list ul .list-group-item .icon-card {
    left: 5px;
    top: 15px;
  }
  .credit-cards .credit-card-list ul .list-group-item .wk2-icon-clock {
    font-size: 30px;
    left: 0;
  }
  .credit-cards .credit-card-list ul .list-group-item .wk2-icon-spinner,
  .credit-cards .credit-card-list ul .list-group-item .wk2-icon-verifyed,
  .credit-cards .credit-card-list ul .list-group-item .wk2-icon-x-b {
    left: 5px;
    right: auto;
  }
}
.dashboard-component {
  margin-top: 20px;
}
.dashboard-component .item.level {
  display: none;
}
.dashboard-component .ranking-improve h2 {
  margin-top: 0;
}
.dashboard-component .more a {
  color: #2f9aee;
}
.dashboard-component .box-membership {
  line-height: 30px;
}
.dashboard-component .box-refer-friend {
  line-height: 30px;
  background-image: url(https://wkncdn.com/newx/assets/build/img/dashboard/dashboard-refer-back.2a4c4bb66.png);
  background-size: cover;
}
.dashboard-component .improve-ranking-widget {
  margin-bottom: 40px;
}
.dashboard-component .improve-ranking-widget .btn {
  margin-top: 5px;
}
.dashboard-component .video-block {
  background-color: #5A4FA9;
  color: #FFFFFF;
}
@media (max-width: 991px) {
  .dashboard-component .video-block h4 {
    margin-top: 10px;
  }
}
.dashboard-component .ranking-line-progress .ranking-tooltip {
  padding: 25px 0 0 0;
}
.dashboard-component .ranking-line-progress .ranking-button {
  padding-top: 10px;
}
.dashboard-component .project-suggestions {
  min-height: 550px;
}
.dashboard-component .project-suggestion {
  padding-top: 20px;
  padding-bottom: 10px;
}
.dashboard-component .project-suggestion .img {
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
.dashboard-component .project-suggestion .img img {
  height: 100%;
  width: auto;
}
.dashboard-component .project-suggestion .description {
  margin-top: 20px;
  margin-bottom: 60px;
  line-height: 30px;
}
.dashboard-component .project-suggestion .description h4 {
  line-height: 25px;
}
.dashboard-component .project-suggestion .description ul {
  padding: 0;
  list-style: none;
  min-height: 155px;
}
.dashboard-component .project-suggestion .description ul li {
  margin-bottom: 10px;
}
.dashboard-component .user-project-item h4 {
  font-size: 13px;
}
.dashboard-component .box-membership {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/ray-background.ed8c4f513.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.dashboard-component .box-membership p {
  line-height: 30px;
}
.dashboard-component .box-membership .btn {
  margin-top: 20px;
}
.dashboard-component .box-rehire {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/rehire-background.1216dfdb7.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 151px auto;
}
.dashboard-component .box-rehire p {
  line-height: 30px;
}
.dashboard-component .box-rehire .btn {
  margin-top: 10px;
}
.dashboard-component .list-notifications .notification {
  padding-right: 50px;
}
.access-email {
  position: relative;
}
.access-email .input-group {
  font-size: 11px;
  font-style: italic;
  position: relative;
  top: -6px;
}
.access-email .control-spinner {
  position: absolute;
  top: 13px;
  right: 25px;
  font-size: 22px;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  color: #253556;
  display: block;
}
.access-email h2.login,
.access-email h2.register {
  display: none;
}
.access-email .show-password-mobile {
  margin-bottom: 15px;
}
.access-email .control-password,
.access-email .control-name,
.access-email .control-country,
.access-email .control-terms,
.access-email .show-password-mobile {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  opacity: 0;
  display: none;
}
.access-email .email-setup {
  display: inline-block;
}
.access-email.login-form .popover {
  display: none;
  opacity: 0;
}
.access-email.login-form .control-password,
.access-email.login-form .show-password-mobile {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -mozanimation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDelay;
  -moz-animation-name: fadeInDelay;
  animation-name: fadeInDelay;
  opacity: 1;
  display: block;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.access-email.login-form h2.login {
  display: block;
}
.access-email.login-form h2.email,
.access-email.login-form h2.register {
  display: none;
}
@media (min-width: 1199px) {
  .access-email.register-form .col-md-6 {
    min-height: 75px;
  }
}
.access-email.register-form .control-password,
.access-email.register-form .control-name,
.access-email.register-form .control-country,
.access-email.register-form .control-terms,
.access-email.register-form .show-password-mobile {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -mozanimation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDelay;
  -moz-animation-name: fadeInDelay;
  animation-name: fadeInDelay;
  opacity: 1;
  display: block;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.access-email.register-form h2.register {
  display: block;
}
.access-email.register-form h2.login,
.access-email.register-form h2.email {
  display: none;
}
.enterprise .h4 {
  line-height: 32px;
}
.enterprise h1 {
  line-height: 58.5px;
}
.enterprise .h2 {
  line-height: 39px;
}
.enterprise-header .navbar-inverse {
  background-color: #231349;
}
.enterprise ~ footer {
  background-color: #231349;
}
.enterprise-header-block {
  padding: 100px 0 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/enterprise-header-background.3b56d5fd0.svg);
  background-size: cover;
  background-color: #231349;
}
.enterprise-header-block .title {
  color: #FFFFFF;
  padding-right: 30px;
}
.enterprise-header-block h1 {
  max-width: 790px;
}
.enterprise-header-block .h4 {
  max-width: 380px;
}
.enterprise-header-block .btn {
  margin: 40px 0;
}
.enterprise-header-block .h2 {
  max-width: 660px;
}
.enterprise-header-block .container {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/enterprise-header-image-01.18716db64.svg);
  background-size: 40% auto;
}
.enterprise-companies {
  background-color: #FFFFFF;
  padding: 30px 0;
}
.enterprise-companies .list-inline {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  align-items: center;
  margin: 0;
}
.enterprise-companies .list-inline li {
  padding: 0;
}
.enterprise-how-it-works,
.enterprise-features {
  color: #FFFFFF;
  background-color: #301A65;
}
.enterprise-how-it-works {
  color: #FFFFFF;
  background-color: #301A65;
  padding: 60px 0 30px;
  text-align: center;
}
.enterprise-features {
  padding: 30px 0 60px;
  text-align: center;
}
.enterprise-icon {
  background-position: center;
  background-repeat: no-repeat;
  height: 68px;
  width: 68px;
  display: inline-block;
}
.enterprise-icon-binoculars {
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/icon-binoculars.43ea8b225.svg);
}
.enterprise-icon-package {
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/icon-package.1dcb559c6.svg);
}
.enterprise-icon-headset {
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/icon-headset.a0977c636.svg);
}
.enterprise-icon-cup {
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/icon-cup.776aeb0b7.svg);
}
.enterprise-icon-discount {
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/icon-discount.fba334678.svg);
}
.enterprise-icon-ray {
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/icon-ray.cb7d4a59d.svg);
}
.enterprise-icon-search {
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/icon-search.fddebf08e.svg);
}
.enterprise-icon-trending-up {
  background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/icon-trending-up.01e6d766f.svg);
}
.enterprise .page-header .btn {
  margin-top: 15px;
}
.enterprise-invite .btn-lg {
  padding-top: 15.5px;
  padding-bottom: 15.5px;
}
.enterprise-invite .wk-submit-block {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .enterprise-invite.box-common.box-md {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .enterprise-invite .wk-submit-block > .btn {
    width: auto;
  }
}
.enterprise-members .list-filtered.checking {
  min-height: 50px;
}
.enterprise-members .list-filtered-item-heading {
  padding-right: 90px;
}
.enterprise-members .list-filtered-item-heading p {
  margin-bottom: 10px;
}
.enterprise-members-item {
  padding: 15px 90px 15px 15px;
}
.enterprise-members-item:after {
  content: '\f034';
  display: none;
  position: absolute;
  right: 50px;
  top: 22px;
  font-size: 30px;
}
.enterprise-members-item.checking:after,
.enterprise-members-item.success:after,
.enterprise-members-item.error:after {
  display: block;
}
.enterprise-members-item.checking:after {
  content: '\F174';
  font-size: 20px;
  top: 28px;
  color: #D5D5D5;
  -webkit-animation: wk2-spin 2s infinite linear;
  animation: wk2-spin 2s infinite linear;
}
.enterprise-members-item.success:after {
  content: '\f151';
  color: #0AD254;
}
.enterprise-members-item.error:after {
  content: '\F153';
  color: #FB535B;
}
.enterprise-members-item .profile-photo {
  width: 40px;
  height: 40px;
  border: solid 2px transparent;
  position: absolute;
  top: 2px;
}
.enterprise-members-item .profile-photo.pro {
  border-color: #2BEAE0;
}
.enterprise-members-item .profile-photo + h5 {
  padding-left: 55px;
}
.enterprise-members-item .freelancer-name {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 60%;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .enterprise-members-item .freelancer-name {
    max-width: 70%;
  }
}
.enterprise-members-item .pro-label {
  position: relative;
  top: 2px;
}
.enterprise-members-item h5,
.enterprise-members-item p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.enterprise-members-item .member-actions.floating {
  position: absolute;
  top: 25px;
  right: 0;
}
@media (max-width: 767px) {
  .enterprise-members-item {
    padding: 0 0 0 55px;
  }
  .enterprise-members-item:after {
    right: auto;
    left: 14px;
    top: 66px;
  }
  .enterprise-members-item.checking {
    top: 70px;
  }
  .enterprise-members-item h5 {
    margin: 5px 0;
  }
  .enterprise-members-item .profile-photo {
    left: -35px;
  }
  .enterprise-members-item .profile-photo + h5 {
    padding-left: 0;
  }
  .enterprise-members-item .member-actions.floating {
    top: 10px;
  }
  .enterprise-members-item .dropdown.dropdown-dialog .dropdown-toggle {
    padding: 0 5px;
  }
  .enterprise-members-item .form-control {
    margin-top: 15px;
  }
}
.enterprise-invite article + article {
  margin-top: 25px;
}
.enterprise-plans {
  margin: 60px 0;
}
.enterprise-plans h2 {
  margin-bottom: 40px;
}
.enterprise-plans .btn {
  margin: 10px 0;
  min-width: 202px;
  padding-left: 10px;
  padding-right: 10px;
}
.enterprise-plans .plan-wrapper {
  position: relative;
  background-color: white;
  padding: 5px 15px;
  width: 100%;
  text-align: center;
}
.enterprise-plans .plan-wrapper:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  border-bottom: solid 1px #EFEFEF;
}
.enterprise-plans .plan-label {
  border-right: solid 1px #EFEFEF;
}
.enterprise-plans .plan-label .plan-wrapper {
  text-align: left;
}
.enterprise-plans .plan-title .plan-wrapper:after {
  display: none;
}
.enterprise-plans .plan-title:nth-child(2) .plan-wrapper {
  border-top-left-radius: 3px;
}
.enterprise-plans .plan-title:last-child .plan-wrapper {
  border-top-right-radius: 3px;
}
.enterprise-plans .plan-title .collapse-group small {
  padding: 10px;
  border-top: solid 1px #EFEFEF;
}
.enterprise-plans .plan-title .collapse-group small:after {
  content: '\f108';
  font-size: 24px;
  margin-left: 10px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.enterprise-plans .plan-title .collapse-group-open small:after {
  content: '\f109';
}
.enterprise-plans .plan-features .row:first-child .plan-label .plan-wrapper {
  border-top-left-radius: 3px;
}
.enterprise-plans .plan-features .row:nth-last-child(2) .plan-label .plan-wrapper {
  border-bottom-left-radius: 3px;
}
.enterprise-plans .plan-features .row:nth-last-child(2) .plan-label .plan-wrapper:after {
  display: none;
}
.enterprise-plans .plan-features .middle {
  display: table;
  height: 100%;
  min-height: 60px;
  overflow: hidden;
}
.enterprise-plans .plan-features .middle .plan-wrapper {
  display: table-cell;
  vertical-align: middle;
  height: 65px;
}
.enterprise-plans .plan-footer .plan-wrapper:after {
  display: none;
}
.enterprise-plans .plan-footer:nth-child(2) .plan-wrapper {
  border-bottom-left-radius: 3px;
}
.enterprise-plans .plan-footer:last-child .plan-wrapper {
  border-bottom-right-radius: 3px;
}
.enterprise-plans .plan-list {
  list-style: none;
  padding: 0;
  text-align: center;
}
.enterprise-plans .plan-list li {
  font-weight: 600;
  padding: 10px 15px;
  border-bottom: solid 1px #EFEFEF;
}
.enterprise-plans .plan-list li:last-child {
  border-bottom: 0;
}
.enterprise-plans .featured {
  color: #FFFFFF;
}
.enterprise-plans .featured .plan-wrapper {
  background-color: #301A65;
}
.enterprise-plans .featured .plan-wrapper:after {
  border-bottom-color: #5A4FA9;
}
.enterprise-plans .featured.plan-title .plan-wrapper {
  margin-top: -15px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.enterprise-plans .featured.plan-title .plan-list li {
  border-bottom-color: #231349;
}
.enterprise-plans .featured.plan-title .collapse-group small {
  border-top-color: #231349;
}
.enterprise-plans .featured.plan-footer .plan-wrapper {
  margin-bottom: -15px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.enterprise-plans i {
  font-size: 30px;
}
.enterprise-plans .h4 {
  line-height: inherit;
  margin: 5px 0;
}
.enterprise-plans .small {
  min-height: 15px;
}
@media (min-width: 992px) {
  .enterprise-how-it-works .h2 {
    margin-bottom: 40px;
  }
  .enterprise-features .container {
    max-width: 960px;
  }
  .enterprise-features .enterprise-features-item {
    width: 20%;
    float: left;
    padding: 30px 15px;
  }
}
@media (max-width: 1199px) {
  .enterprise-companies img {
    max-width: 80%;
  }
  .enterprise-companies .h4 {
    margin: 0;
  }
  .enterprise-companies .list-inline li {
    text-align: center;
  }
  .enterprise-header-block .h2 {
    max-width: 455px;
  }
}
@media (max-width: 991px) {
  .enterprise h1 {
    font-size: 25px;
    line-height: 37.5px;
  }
  .enterprise .h2 {
    font-size: 18px;
  }
  .enterprise .h2,
  .enterprise .h4 {
    line-height: 27px;
  }
  .enterprise .btn-lg {
    padding: 20px 28.8px;
  }
  .enterprise-header .navbar-header {
    background-color: #231349;
  }
  .enterprise-header-block {
    text-align: center;
    padding: 40px 0;
  }
  .enterprise-header-block .title {
    padding-right: 0;
  }
  .enterprise-header-block .container {
    background-image: none;
  }
  .enterprise-header-block .h2,
  .enterprise-header-block .h4 {
    max-width: 100%;
  }
  .enterprise-header-block .btn {
    margin: 20px 0;
  }
  .enterprise-companies .h4 {
    text-align: center;
    margin-bottom: 25px;
  }
  .enterprise-features .enterprise-features-item {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 0 15px;
    margin: 20px 0;
  }
  .enterprise-features .btn {
    margin-top: 30px;
  }
  .enterprise-plans {
    margin: 30px 0;
  }
  .enterprise-plans .row.is-flex {
    flex-flow: column-reverse;
  }
  .enterprise-plans .row.is-flex > [class*='col-'] {
    flex-basis: inherit;
  }
  .enterprise-plans .plan-title {
    margin: 10px 0;
  }
  .enterprise-plans .plan-title .plan-wrapper {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}
@media (max-width: 767px) {
  .enterprise-companies .h4 {
    margin-bottom: 0;
  }
  .enterprise-companies .list-inline {
    flex-wrap: wrap;
  }
  .enterprise-companies .list-inline li {
    width: 33.3%;
    margin-top: 25px;
  }
}
#wrapper_404 .title-error {
  color: #2f9aee;
}
#wrapper_404 .sep {
  margin: 30px 0;
}
.error-box {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 0;
}
.error-box .error-logo {
  padding: 30px 0;
}
.experts h2 {
  font-size: 26px;
}
.experts-header {
  padding: 60px 0;
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/experts/experts-header.320d7ab03.jpg);
  background-size: cover;
}
.experts-header .title {
  color: white;
  padding-right: 30px;
}
.experts-header h2 {
  margin-top: 0;
  line-height: 38px;
}
.experts-header h5 {
  line-height: 28px;
}
.experts-header h5 i {
  font-size: 25px;
  vertical-align: middle;
  margin-right: 15px;
}
.experts-header h5:last-of-type {
  margin-bottom: 25px;
}
.experts-content {
  padding: 20px 0;
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/experts/experts-background.96d2de01c.png);
  background-size: 600px auto;
}
.experts-content h3 {
  margin: 30px 0;
  color: #5A4FA9;
}
.experts-content p {
  line-height: 28px;
}
.experts .btn {
  padding: 15px;
  min-width: 240px;
}
.experts .btn.btn-block {
  min-width: auto;
}
@media (max-width: 1199px) {
  .experts-content {
    background-size: 520px auto;
  }
}
@media (max-width: 991px) {
  .experts-content {
    background-size: 420px auto;
  }
  .experts-header .title {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .experts-content {
    background-image: none;
    text-align: center;
  }
  .experts-header .title {
    padding-right: 15px;
  }
  .experts-header h2,
  .experts-header h5 {
    text-align: center;
  }
}
.course-box {
  padding: 0;
  overflow: hidden;
  margin: 0;
}
.course-box-info {
  padding: 15px 5px 10px 20px;
}
.course-box .btn-signin {
  margin-top: 30px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .course-box .btn-signin {
    margin-top: 18px;
  }
}
@media (max-width: 992px) {
  .course-box .btn-signin {
    margin-top: 8px;
  }
}
.course-box .btn-continue {
  margin-top: 80px;
}
.course-box .video {
  position: relative;
  padding-bottom: 51.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
@media (min-width: 768px) {
  .course-box .video {
    padding-bottom: 29.25%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .course-box .video {
    padding-bottom: 34.25%;
  }
}
.course-box .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .course-box {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
  }
  .course-box-info {
    padding: 15px;
    text-align: center;
  }
  .course-box h5 {
    float: left;
    width: 50%;
    line-height: 16px;
    position: relative;
    text-align: left;
    padding-left: 30px;
    padding-right: 5px;
  }
  .course-box h5 i {
    position: absolute;
    left: 0;
    top: -3px;
  }
  .course-box img {
    width: 100%;
    height: auto;
  }
}
.feedback .button {
  background-color: rgba(251, 83, 91, 0.1);
  color: #FFFFFF;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  font-size: 20px;
  display: inline-block;
  text-decoration: none;
  float: left;
  margin-right: 5px;
  transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
.feedback .button:hover {
  background-color: rgba(251, 83, 91, 0.2);
  color: #FFF;
}
.feedback .button .wk2-icon {
  padding-top: 5px;
  display: block;
  color: #FB535B;
  font-size: 18px;
}
header.organization .navbar--primary,
header.organization .navbar-header {
  background-color: #231349;
}
header.organization .navbar .main-navigation-dropdown {
  background-color: #301A65;
}
header.organization .navbar .dropdown-user:after {
  border-bottom-color: #301A65;
}
header.organization .lang-selector .btn {
  background-color: #231349;
}
@media (max-width: 991px) {
  header.organization .navbar--primary .navbar-nav > .open .dropdown-menu {
    background-color: #301A65;
  }
  header.organization .navbar--primary .navbar-nav .lang-selector .btn {
    background-color: #301A65;
  }
}
.hiring-header {
  height: 463px;
  margin-left: -15px;
  margin-right: -15px;
}
.hiring-header .image {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/refer-friend-header.c143e70b6.jpg);
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 463px;
  left: 0;
  top: 62px;
}
.hiring-header .container {
  text-align: center;
  padding-top: 30px;
  max-width: 700px;
}
.hiring-header .title {
  position: relative;
  z-index: 1;
  color: white;
}
.hiring-header .profile-photo {
  width: 100px;
  height: 100px;
}
.hiring-header h4 {
  margin-top: 20px;
  line-height: 32px;
}
.hiring-box {
  position: relative;
  z-index: 1051;
  margin-top: -200px;
}
.hiring p {
  line-height: 26px;
}
@media (max-width: 767px) {
  .hiring-header {
    height: auto;
    position: relative;
  }
  .hiring-header .image {
    top: -24px;
    height: 100%;
  }
  .hiring-header .container {
    padding-top: 0;
    padding-bottom: 80px;
  }
  .hiring-header .profile-photo {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
  }
  .hiring-box {
    margin-top: -70px;
  }
}
.modal-hiring h3.message {
  margin-bottom: 30px;
}
.how-it-works-section.es .how-it-works-step-2-client .image {
  margin-top: 76px;
}
@media (max-width: 1199px) {
  .how-it-works-section.es .how-it-works-step-2-client .image {
    margin-top: 70px;
    margin-left: -16px;
  }
}
.how-it-works-section.es .how-it-works-step-1-freelancer .image {
  margin-top: 20px;
}
.how-it-works-section.es .how-it-works-step-2-freelancer .image {
  margin-top: 16px;
}
.how-it-works-section.pt .how-it-works-step-1-freelancer .image {
  margin-top: 80px;
}
@media (max-width: 1199px) {
  .how-it-works-section.pt .how-it-works-step-1-freelancer .image {
    margin-top: 35px;
  }
}
.how-it-works-section.pt .how-it-works-step-2-freelancer .image {
  margin-top: 18px;
}
.how-it-works-section.pt .how-it-works-step-2-client .image {
  margin-top: 72px;
}
.how-it-works-section.pt .how-it-works-step-3-client .image {
  margin-top: -18px;
}
.how-it-works-header {
  background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-header-background.017b2a83f.jpg);
  margin-bottom: 50px;
}
.how-it-works-hours-header {
  background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-header-hours-background.b86d82cb2.jpg);
  margin-bottom: 50px;
}
.how-it-works-switcher {
  margin-top: 20px;
  display: inline-block;
  background-color: white;
  border: solid 2px white;
  width: 480px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.how-it-works-switcher .option {
  float: left;
  width: 50%;
  padding: 14px 40px;
}
.how-it-works-switcher .option a {
  text-decoration: underline;
}
.how-it-works-switcher .option.active {
  color: white;
  background-color: #253556;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.how-it-works-step {
  margin-bottom: 60px;
  position: relative;
}
.how-it-works-step h2 {
  font-size: 32px;
}
.how-it-works-step p + h2 {
  margin-top: -15px;
}
.how-it-works-step p {
  line-height: 32px;
}
.how-it-works-step .step-label {
  color: #2f9aee;
  position: relative;
}
.how-it-works-step-1-freelancer .step-line {
  margin-top: 25px;
}
.how-it-works-step-1-freelancer .step-line .dot.start {
  top: -170px;
  left: 50%;
  margin-left: 316px;
}
.how-it-works-step-1-freelancer .step-line .dot.end {
  bottom: -90px;
  left: 50%;
  margin-left: -352px;
}
.how-it-works-step-1-freelancer .step-line svg {
  stroke-dasharray: 881;
  stroke-dashoffset: -881;
  margin-top: -156px;
}
.how-it-works-step-1-freelancer .image {
  margin-top: 50px;
  margin-left: 70px;
}
@media (max-width: 1199px) {
  .how-it-works-step-1-freelancer .image {
    margin-top: 10px;
    margin-left: 0px;
  }
}
.how-it-works-step-2-freelancer {
  padding-bottom: 50px;
  padding-top: 10px;
}
.how-it-works-step-2-freelancer .step-line .dot.start {
  top: -60px;
  left: 50%;
  margin-left: -348.5px;
}
.how-it-works-step-2-freelancer .step-line svg {
  stroke-dasharray: 430;
  stroke-dashoffset: -430;
  margin-left: -329px;
  margin-top: -38px;
}
@media (max-width: 1199px) {
  .how-it-works-step-2-freelancer .image {
    max-width: 90%;
  }
}
.how-it-works-step-3-freelancer {
  text-align: center;
}
.how-it-works .how-it-works-step-3-freelancer .step-line {
  height: 0;
  margin: 0;
}
.how-it-works-step-3-freelancer .step-line .dot.end {
  bottom: -160px;
  right: -16.5px;
}
.how-it-works-step-3-freelancer .step-line svg {
  stroke-dasharray: 600;
  stroke-dashoffset: -600;
  margin-top: 50px;
  margin-left: 423px;
}
.how-it-works-step-4-freelancer {
  margin-bottom: 0;
  margin-top: 90px;
}
.how-it-works-step-4-freelancer i {
  margin-top: 20px;
  display: inline-block;
}
.how-it-works-step-4-freelancer .image {
  margin-top: 20px;
  margin-left: 10px;
}
@media (max-width: 1199px) {
  .how-it-works-step-4-freelancer .image {
    margin-left: -30px;
  }
}
.how-it-works-step-1-client .step-line {
  margin-top: 40px;
  margin-bottom: -40px;
}
.how-it-works-step-1-client .step-line .dot.start {
  top: -130px;
  left: 50%;
  margin-left: 281px;
}
.how-it-works-step-1-client .step-line .dot.end {
  bottom: -90px;
  left: 50%;
  margin-left: -317px;
}
.how-it-works-step-1-client .step-line svg {
  stroke-dasharray: 881;
  stroke-dashoffset: -881;
  margin-top: -106px;
}
.how-it-works-step-1-client .image {
  margin-top: 50px;
  margin-left: 50px;
}
@media (max-width: 1199px) {
  .how-it-works-step-1-client .image {
    margin-top: 60px;
    margin-left: -20px;
  }
}
.how-it-works-step-2-client .step-line,
.how-it-works-step-2-hours .step-line {
  margin-top: 25px;
}
.how-it-works-step-2-client .step-line .dot.start,
.how-it-works-step-2-hours .step-line .dot.start {
  top: -130px;
  left: 50%;
  margin-left: -317px;
}
.how-it-works-step-2-client .step-line .dot.end,
.how-it-works-step-2-hours .step-line .dot.end {
  bottom: -40px;
  left: 50%;
  margin-left: 369px;
}
.how-it-works-step-2-client .step-line svg,
.how-it-works-step-2-hours .step-line svg {
  stroke-dasharray: 881;
  stroke-dashoffset: -881;
  margin-top: -106px;
  margin-left: 88px;
}
.how-it-works-step-2-client .image,
.how-it-works-step-2-hours .image {
  max-width: 82%;
  margin-top: 56px;
  margin-left: 52px;
}
@media (max-width: 1199px) {
  .how-it-works-step-2-client .image,
  .how-it-works-step-2-hours .image {
    margin-top: 60px;
    margin-left: -16px;
  }
}
.how-it-works-step-2-hours .features-list {
  min-height: 190px;
}
.how-it-works-step-3-client i,
.how-it-works-step-3-hours i {
  font-size: 36px;
}
.how-it-works-step-3-client .step-line .dot.start,
.how-it-works-step-3-hours .step-line .dot.start {
  top: -86px;
  left: 50%;
  margin-left: 368.5px;
}
.how-it-works-step-3-client .step-line svg,
.how-it-works-step-3-hours .step-line svg {
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  margin-left: 385px;
  margin-top: -70px;
}
.how-it-works-step-3-client .image,
.how-it-works-step-3-hours .image {
  margin-left: 128px;
  margin-top: -28px;
  max-width: 250px;
}
@media (max-width: 1199px) {
  .how-it-works-step-3-client .image,
  .how-it-works-step-3-hours .image {
    margin-top: -40px;
    margin-left: 100px;
  }
}
.how-it-works-step-4-client,
.how-it-works-step-4-hours {
  text-align: center;
}
.how-it-works .how-it-works-step-4-client .step-line,
.how-it-works .how-it-works-step-4-hours .step-line {
  height: 0;
  margin: 0;
}
.how-it-works-step-4-client .step-line .dot.end,
.how-it-works-step-4-hours .step-line .dot.end {
  bottom: -180px;
  left: 50%;
  margin-left: -370px;
}
.how-it-works-step-4-client .step-line svg,
.how-it-works-step-4-hours .step-line svg {
  stroke-dasharray: 600;
  stroke-dashoffset: -600;
  margin-top: 50px;
  margin-left: -352px;
}
.how-it-works-step-5-client {
  margin-top: 120px;
}
.how-it-works-step-5-client .image {
  max-width: 70%;
  margin-top: 20px;
  margin-left: 60px;
}
@media (max-width: 1199px) {
  .how-it-works-step-5-client .image {
    margin-top: 20px;
    margin-left: -20px;
  }
}
@media (max-width: 992px) {
  .how-it-works-step-5-client .rating {
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/rating.7f03f4651.png);
    min-height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.how-it-works-step-1-hours .step-line {
  margin-top: 110px;
  margin-bottom: -40px;
}
.how-it-works-step-1-hours .step-line .dot.start {
  top: -320px;
  left: 50%;
  margin-left: 281.5px;
}
.how-it-works-step-1-hours .step-line .dot.end {
  bottom: -110px;
  left: 50%;
  margin-left: -317.5px;
}
.how-it-works-step-1-hours .step-line svg {
  stroke-dasharray: 950;
  stroke-dashoffset: 950;
  margin-top: -290px;
}
@media (max-width: 1199px) {
  .how-it-works-step-1-hours .step-line .dot.start {
    top: -280px;
  }
  .how-it-works-step-1-hours .step-line svg {
    margin-top: -260px;
  }
}
.how-it-works-step-1-hours .image {
  margin-top: 125px;
  margin-left: -20px;
}
@media (max-width: 1199px) {
  .how-it-works-step-1-hours .image {
    margin-top: 80px;
    max-width: 450px;
    margin-left: 10px;
  }
}
.how-it-works-step-2-hours .image {
  margin-top: 85px;
}
.how-it-works-step-3-hours .step-line {
  margin-top: 55px;
}
.how-it-works-step-4-hours .step-label {
  color: white;
}
.how-it-works-step-4-hours a {
  font-weight: 600;
  color: white;
  text-decoration: underline;
}
.how-it-works-step-5-hours {
  margin-top: 120px;
  margin-bottom: 0;
}
.how-it-works-step-5-hours .image {
  max-width: 70%;
  margin-top: 20px;
  margin-left: 85px;
}
@media (max-width: 1199px) {
  .how-it-works-step-5-hours .image {
    margin-top: 20px;
    margin-left: -20px;
  }
}
.how-it-works-step-blue {
  background-color: #2f9aee;
  color: white;
  padding: 30px 0;
  margin: 40px 0;
}
.how-it-works-step-blue .container {
  max-width: 880px;
}
@media (min-width: 992px) {
  .how-it-works-step-blue:before,
  .how-it-works-step-blue:after {
    content: '';
    display: block;
    position: absolute;
    padding: 10px 40px;
    margin-left: -40px;
    left: 50%;
    background-position: center;
    background-repeat: no-repeat;
  }
  .how-it-works-step-blue:before {
    top: -20px;
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/step-triangle-top-blue.a97c7270e.svg);
  }
  .how-it-works-step-blue:after {
    bottom: -20px;
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/step-triangle-bottom-blue.fab718bcc.svg);
  }
}
.how-it-works-section .step-line {
  height: 1px;
  text-align: center;
  position: relative;
  pointer-events: none;
  z-index: 1;
}
.how-it-works-section .step-line .dot {
  position: absolute;
  background-color: #2f9aee;
  border: solid 6px #D5E8F7;
  height: 36px;
  width: 36px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  opacity: 0;
}
.how-it-works-section .step-line svg {
  stroke: #D5E8F7;
  stroke-width: 3px;
  display: inline-block;
}
.how-it-works-section .step-line.animated svg {
  animation: line 1s linear forwards;
  -webkit-animation: line 1s linear forwards;
}
@keyframes line {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes line {
  to {
    stroke-dashoffset: 0;
  }
}
.how-it-works-section .step-line.animated .dot {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1;
}
.how-it-works-section .step-line.animated .dot.end {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.how-it-works-item {
  margin-top: 20px;
}
.how-it-works-icon {
  width: 142px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
}
.how-it-works-icon-1 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-1.b2e64c883.svg);
}
.how-it-works-icon-2 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-2.d68687ee9.svg);
}
.how-it-works-icon-3 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-3.3631141a5.svg);
}
.how-it-works-icon-4 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-4.f66fb4861.svg);
}
.how-it-works-icon-5 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-5.7b74a9629.svg);
}
.how-it-works-icon-6 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-6.1f889c006.svg);
}
.how-it-works-cta {
  background-color: #253556;
  color: white;
  text-align: center;
  padding: 60px 0;
}
.how-it-works-cta h2,
.how-it-works-cta .h2 {
  margin-bottom: 30px;
}
.how-it-works-cta .h5 {
  line-height: 26px;
}
.how-it-works-cta .btn {
  margin-top: 30px;
}
.how-it-works-faq {
  padding-top: 30px;
}
.how-it-works-faq h2,
.how-it-works-faq .h2 {
  margin-bottom: 40px;
}
.how-it-works-faq ul {
  line-height: 32px;
}
.how-it-works-faq .btn {
  margin-top: 30px;
}
.how-it-works-faq .panel-body a {
  color: #2f9aee;
  text-decoration: underline;
}
@media (max-width: 1199px) {
  .how-it-works-step h2 {
    font-size: 20px;
  }
  .how-it-works-step p + h2 {
    margin-top: -10px;
  }
  .how-it-works-step p {
    line-height: 20px;
  }
  .how-it-works-step-2-freelancer .step-line {
    margin-top: 15px;
  }
  .how-it-works-step-1-client .step-line {
    margin-top: 85px;
  }
  .how-it-works-step-2-client .step-line,
  .how-it-works-step-2-hours .step-line {
    margin-top: 75px;
  }
  .how-it-works-step-3-client .step-line,
  .how-it-works-step-3-hours .step-line {
    margin-top: 70px;
  }
}
@media (max-width: 991px) {
  .how-it-works-header,
  .how-it-works-hours-header {
    background-image: -webkit-linear-gradient(top, #253556 0%, #304878 100%);
    background-image: -o-linear-gradient(top, #253556 0%, #304878 100%);
    background-image: linear-gradient(to bottom, #253556 0%, #304878 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff253556', endColorstr='#ff304878', GradientType=0);
  }
  .how-it-works-switcher {
    width: 100%;
    max-width: 520px;
  }
  .how-it-works-switcher .option {
    padding: 14px;
  }
  .how-it-works-header {
    margin-bottom: 20px;
  }
  .how-it-works-section .step-line {
    display: none;
  }
  .how-it-works-step {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .how-it-works-step h2 {
    font-size: 15.6px;
  }
  .how-it-works-step p + h2 {
    margin-top: -5px;
  }
  .how-it-works-step p {
    line-height: 26px;
  }
  .how-it-works-step .step-label {
    color: #2f9aee;
    padding-left: 25px;
    position: relative;
  }
  .how-it-works-step .step-label:before {
    content: '';
    position: absolute;
    background-color: #2f9aee;
    border: solid 3px #D5E8F7;
    height: 17px;
    width: 17px;
    top: 0;
    left: 0;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
  }
  .how-it-works-step-blue .step-label {
    color: white;
  }
  .how-it-works-step-2-freelancer {
    background: #FBFBFB url(https://wkncdn.com/newx/assets/build/img/how-it-works/step-2-freelancer-mobile.5b61e5362.svg) center right 30px no-repeat;
    padding-top: 20px;
    margin-bottom: 0;
  }
  .how-it-works-step-3-freelancer,
  .how-it-works-step-4-client,
  .how-it-works-step-4-hours {
    margin-top: 0;
    text-align: left;
  }
  .how-it-works-step-4-freelancer {
    margin-bottom: 0;
  }
  .how-it-works-step-4-freelancer .secure-payment {
    padding-left: 120px;
    background: url(https://wkncdn.com/newx/assets/build/img/how-it-works/secure-shield.801daaf67.svg) left -60px top 20px no-repeat;
    background-size: 170px;
    padding-bottom: 20px;
  }
  .how-it-works-step-4-freelancer i {
    display: none;
  }
  .how-it-works-step-2-client,
  .how-it-works-step-2-hours {
    background: #FBFBFB url(https://wkncdn.com/newx/assets/build/img/how-it-works/step2-client-mobile.1563b5d62.svg) center bottom 20px no-repeat;
    padding-bottom: 180px;
    padding-top: 20px;
  }
  .how-it-works-step.how-it-works-step-3-hours {
    background: url(https://wkncdn.com/newx/assets/build/img/how-it-works/step-3-hours-mobile.6ab68cf09.svg) center bottom no-repeat;
    margin-bottom: 0;
    padding-bottom: 330px;
  }
  .how-it-works-step.how-it-works-step-3-hours h4,
  .how-it-works-step.how-it-works-step-3-hours p {
    padding-left: 0;
  }
  .how-it-works-step.how-it-works-step-3-hours i {
    display: none;
  }
  .how-it-works-step-5-hours {
    background: url(https://wkncdn.com/newx/assets/build/img/how-it-works/step-5-hours-mobile.63b4c0a8f.svg) center bottom no-repeat;
    padding-bottom: 330px;
    margin-bottom: 0;
  }
  .how-it-works-step-5-hours .rating {
    display: none;
  }
  .how-it-works-item {
    position: relative;
  }
  .how-it-works-item i {
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
  }
  .how-it-works-item h4,
  .how-it-works-item p {
    padding: 0 0 0 80px;
  }
  .how-it-works-icon {
    background-size: contain;
  }
  .how-it-works-icon-1 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-1-mobile.e1f13b5e4.svg);
  }
  .how-it-works-icon-2 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-2-mobile.e756673d0.svg);
  }
  .how-it-works-icon-3 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-3-mobile.f215555a5.svg);
  }
  .how-it-works-icon-4 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-4-mobile.39ced1e73.svg);
  }
  .how-it-works-icon-5 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-5-mobile.65c8ed347.svg);
  }
  .how-it-works-icon-6 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/how-it-works/how-it-works-icon-6-mobile.d5f0d6994.svg);
  }
  .how-it-works-cta {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .how-it-works-faq h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .how-it-works-step-4-freelancer .secure-payment {
    background-size: 90px;
    background-position: left center;
  }
}
@media (max-width: 767px) {
  .how-it-works-step-2-freelancer {
    background: #FBFBFB url(https://wkncdn.com/newx/assets/build/img/how-it-works/step-2-freelancer-mobile.5b61e5362.svg) center bottom 30px no-repeat;
    padding-top: 20px;
    padding-bottom: 280px;
  }
}
@media (max-width: 480px) {
  .how-it-works-switcher .option {
    min-height: 64px;
  }
}
.private-invited-projects .listing.wrapper-project {
  padding: 5px 25px;
}
.private-invited-projects .listing .project-item .budget {
  padding-right: 25px;
}
.private-invited-projects .listing .dropdown {
  position: absolute;
  right: 0;
}
.private-invited-projects .listing .dropdown .dropdown-toggle {
  padding-right: 0px;
}
.private-invited-projects .listing .dropdown .wk2-icon-dots-vertical {
  font-size: 24px;
}
.private-invited-projects .listing .dropdown .dropdown-menu-right {
  right: 40px;
}
@media (max-width: 767px) {
  .private-invited-projects .listing .dropdown .dropdown-menu-right {
    right: 0;
  }
  .private-invited-projects .listing .project-item .budget {
    padding-right: 0;
  }
}
.mediation .page-header h1 {
  position: relative;
  padding-left: 65px;
  margin-bottom: 5px;
}
.mediation .page-header h1 .btn-back {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  .mediation .page-header h1 {
    padding-left: 50px;
    margin-top: 0;
  }
  .mediation .page-header h1 .btn-back {
    padding: 2px;
    font-size: 20px;
  }
}
.mediation .wk-bullet {
  margin-bottom: 10px;
}
.mediation .form-group {
  margin-bottom: 15px;
}
.mediation p {
  margin-bottom: 15px;
}
.mediation hr {
  border: 0;
}
.mediation .box-common {
  line-height: 24px;
}
.mediation ul {
  padding-left: 15px;
}
.membership-container .reject {
  color: rgba(255, 255, 255, 0.7);
}
.membership-container .reject:hover {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.7);
}
.plan-block {
  margin: 20px 15px;
}
.plan-block .row.is-flex-sm-min > [class*='col-'] {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.plan-block .plan-item {
  padding: 10px 20px 20px 20px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: 92% 10px;
  margin-top: 20px;
  border-top: 10px solid transparent;
  text-align: left;
  transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -webkit-transition: border 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .plan-block .plan-item {
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .plan-block .plan-item {
    background-size: 40px auto;
  }
}
.plan-block .plan-item.normal:first-child {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.plan-block .plan-item.normal:last-child {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.plan-block .plan-item.featured {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  background-color: #2f9aee;
  background-position-y: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: -20px;
}
@media (max-width: 767px) {
  .plan-block .plan-item.featured {
    margin: 20px 0;
  }
}
.plan-block .plan-item.featured .action-buttons {
  bottom: 40px;
}
.plan-block .plan-item.starter h2,
.plan-block .plan-item.starter .price,
.plan-block .plan-item.starter .price-help {
  color: #253556;
}
.plan-block .plan-item.starter:hover {
  border-top: 10px solid #253556;
}
.plan-block .plan-item.starter.featured {
  background-color: rgba(37, 53, 86, 0.9);
}
.plan-block .plan-item.starter.featured:hover {
  background-color: rgba(37, 53, 86, 0.95);
  border-top-color: transparent;
}
.plan-block .plan-item.starter.featured h2,
.plan-block .plan-item.starter.featured .price,
.plan-block .plan-item.starter.featured .price-help,
.plan-block .plan-item.starter.featured .intro {
  color: #FFFFFF;
}
.plan-block .plan-item.professional h2,
.plan-block .plan-item.professional .price,
.plan-block .plan-item.professional .price-help {
  color: #2f9aee;
}
.plan-block .plan-item.professional:hover {
  border-top: 10px solid #2f9aee;
}
.plan-block .plan-item.professional.featured {
  background-color: rgba(47, 154, 238, 0.8);
}
.plan-block .plan-item.professional.featured:hover {
  background-color: rgba(47, 154, 238, 0.9);
  border-top-color: transparent;
}
.plan-block .plan-item.professional.featured h2,
.plan-block .plan-item.professional.featured .price,
.plan-block .plan-item.professional.featured .price-help,
.plan-block .plan-item.professional.featured .intro {
  color: #FFFFFF;
}
.plan-block .plan-item.premium h2,
.plan-block .plan-item.premium .price,
.plan-block .plan-item.premium .price-help {
  color: #5A4FA9;
}
.plan-block .plan-item.premium:hover {
  border-top: 10px solid #5A4FA9;
}
.plan-block .plan-item.premium.featured {
  background-color: rgba(90, 79, 169, 0.8);
}
.plan-block .plan-item.premium.featured:hover {
  background-color: rgba(90, 79, 169, 0.9);
  border-top-color: transparent;
}
.plan-block .plan-item.premium.featured h2,
.plan-block .plan-item.premium.featured .price,
.plan-block .plan-item.premium.featured .price-help,
.plan-block .plan-item.premium.featured .intro {
  color: #FFFFFF;
}
.plan-block .plan-item.prime {
  background-color: #2f9aee;
  background-image: -webkit-linear-gradient(top, #2f9aee 0%, #253556 100%);
  background-image: -o-linear-gradient(top, #2f9aee 0%, #253556 100%);
  background-image: linear-gradient(to bottom, #2f9aee 0%, #253556 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f9aee', endColorstr='#ff253556', GradientType=0);
  background-size: 100%;
}
.plan-block .plan-item.prime h2,
.plan-block .plan-item.prime .h2,
.plan-block .plan-item.prime .price,
.plan-block .plan-item.prime .price-help,
.plan-block .plan-item.prime .intro,
.plan-block .plan-item.prime .features-list {
  color: #FFFFFF;
}
.plan-block .plan-item h2,
.plan-block .plan-item .h2 {
  margin-top: 0px;
  font-size: 40px;
}
@media (max-width: 1199px) {
  .plan-block .plan-item h2,
  .plan-block .plan-item .h2 {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .plan-block .plan-item h2,
  .plan-block .plan-item .h2 {
    font-size: 24px;
  }
}
.plan-block .plan-item .price {
  font-size: 30px;
  margin-top: -10px;
}
@media (max-width: 1199px) {
  .plan-block .plan-item .price {
    font-size: 25px;
  }
}
.plan-block .plan-item .price-help {
  display: block;
}
.plan-block .plan-item .select {
  padding-top: 30px;
}
.plan-block .plan-item .intro {
  font-style: italic;
  padding: 20px 0px;
  line-height: 26px;
  color: #333333;
}
.plan-block .plan-item .features {
  line-height: 26px;
  margin-bottom: 75px;
}
.plan-block .plan-item .features-list li {
  position: relative;
}
.plan-block .plan-item .features-list li:before {
  content: "\F151";
  font-size: 150%;
  color: white;
  position: absolute;
  width: auto;
  margin: 0;
  left: 0;
  top: 2px;
}
.plan-block .plan-item .action-buttons {
  position: absolute;
  bottom: 20px;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse {
  color: #253556;
  background-color: #fff;
  border-color: #253556;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.focus {
  color: #253556;
  background-color: #e6e6e6;
  border-color: #000000;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover {
  color: #253556;
  background-color: #e6e6e6;
  border-color: #131b2b;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:active,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse {
  color: #253556;
  background-color: #e6e6e6;
  border-color: #131b2b;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:active:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:active:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:active.focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.focus {
  color: #253556;
  background-color: #d4d4d4;
  border-color: #000000;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:active,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-inverse.focus {
  background-color: #fff;
  border-color: #253556;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse .badge {
  color: #fff;
  background-color: #253556;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover {
  color: #fff;
  background-color: #344b7a;
  border-color: #44619d;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.focus {
  color: #fff;
  background-color: #253556;
  border-color: #1d2a44;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:hover {
  color: #fff;
  background-color: #253556;
  border-color: #314773;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:active,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover {
  color: #fff;
  background-color: #253556;
  border-color: #314773;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:active:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:active:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:active.focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.focus {
  color: #fff;
  background-color: #1a263d;
  border-color: #1d2a44;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:active,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover.focus {
  background-color: #344b7a;
  border-color: #44619d;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-inverse:hover .badge {
  color: #344b7a;
  background-color: #fff;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent {
  color: #253556;
  background-color: transparent;
  border-color: #253556;
  border-width: 1px;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.focus {
  color: #253556;
  background-color: rgba(0, 0, 0, 0);
  border-color: #000000;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover {
  color: #253556;
  background-color: rgba(0, 0, 0, 0);
  border-color: #131b2b;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:active,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent {
  color: #253556;
  background-color: rgba(0, 0, 0, 0);
  border-color: #131b2b;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:active:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:active:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:active.focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.focus {
  color: #253556;
  background-color: rgba(0, 0, 0, 0);
  border-color: #000000;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:active,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-transparent.focus {
  background-color: transparent;
  border-color: #253556;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent .badge {
  color: transparent;
  background-color: #253556;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover {
  color: #FFF;
  background-color: #4b6caf;
  border-color: #253556;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #3c568b;
  border-color: #000000;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:hover {
  color: #FFF;
  background-color: #3c568b;
  border-color: #131b2b;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:active,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover {
  color: #FFF;
  background-color: #3c568b;
  border-color: #131b2b;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:active:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:active:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:active.focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #314773;
  border-color: #000000;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:active,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:hover,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover.focus {
  background-color: #4b6caf;
  border-color: #253556;
}
.plan-block .plan-item .btn-choose_plan-Plus.btn-transparent:hover .badge {
  color: #4b6caf;
  background-color: #FFF;
}
.plan-block .plan-item .btn-choose_plan-Professional {
  color: #fff;
  background-color: #2f9aee;
  border-color: #178fec;
  border-radius: 3px;
}
.plan-block .plan-item .btn-choose_plan-Professional:focus,
.plan-block .plan-item .btn-choose_plan-Professional.focus {
  color: #fff;
  background-color: #1281d8;
  border-color: #0a497a;
}
.plan-block .plan-item .btn-choose_plan-Professional:hover {
  color: #fff;
  background-color: #1281d8;
  border-color: #0f6db7;
}
.plan-block .plan-item .btn-choose_plan-Professional:active,
.plan-block .plan-item .btn-choose_plan-Professional.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional {
  color: #fff;
  background-color: #1281d8;
  border-color: #0f6db7;
}
.plan-block .plan-item .btn-choose_plan-Professional:active:hover,
.plan-block .plan-item .btn-choose_plan-Professional.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional:hover,
.plan-block .plan-item .btn-choose_plan-Professional:active:focus,
.plan-block .plan-item .btn-choose_plan-Professional.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional:focus,
.plan-block .plan-item .btn-choose_plan-Professional:active.focus,
.plan-block .plan-item .btn-choose_plan-Professional.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.focus {
  color: #fff;
  background-color: #0f6db7;
  border-color: #0a497a;
}
.plan-block .plan-item .btn-choose_plan-Professional:active,
.plan-block .plan-item .btn-choose_plan-Professional.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Professional.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Professional[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional:hover,
.plan-block .plan-item .btn-choose_plan-Professional.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Professional[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional:focus,
.plan-block .plan-item .btn-choose_plan-Professional.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Professional[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.focus {
  background-color: #2f9aee;
  border-color: #178fec;
}
.plan-block .plan-item .btn-choose_plan-Professional .badge {
  color: #2f9aee;
  background-color: #fff;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-sm,
.plan-block .plan-item .btn-choose_plan-Professional.btn-lg {
  border-radius: 3px;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse {
  color: #2f9aee;
  background-color: #fff;
  border-color: #2f9aee;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.focus {
  color: #2f9aee;
  background-color: #e6e6e6;
  border-color: #0c5792;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover {
  color: #2f9aee;
  background-color: #e6e6e6;
  border-color: #117bcf;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:active,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse {
  color: #2f9aee;
  background-color: #e6e6e6;
  border-color: #117bcf;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:active:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:active:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:active.focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.focus {
  color: #2f9aee;
  background-color: #d4d4d4;
  border-color: #0c5792;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:active,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-inverse.focus {
  background-color: #fff;
  border-color: #2f9aee;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse .badge {
  color: #fff;
  background-color: #2f9aee;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover {
  color: #fff;
  background-color: #5eb1f2;
  border-color: #8dc8f6;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.focus {
  color: #fff;
  background-color: #2f9aee;
  border-color: #178fec;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:hover {
  color: #fff;
  background-color: #2f9aee;
  border-color: #55acf1;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:active,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover {
  color: #fff;
  background-color: #2f9aee;
  border-color: #55acf1;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:active:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:active:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:active.focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.focus {
  color: #fff;
  background-color: #1389e6;
  border-color: #178fec;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:active,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover.focus {
  background-color: #5eb1f2;
  border-color: #8dc8f6;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-inverse:hover .badge {
  color: #5eb1f2;
  background-color: #fff;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent {
  color: #2f9aee;
  background-color: transparent;
  border-color: #2f9aee;
  border-width: 1px;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.focus {
  color: #2f9aee;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0c5792;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover {
  color: #2f9aee;
  background-color: rgba(0, 0, 0, 0);
  border-color: #117bcf;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:active,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent {
  color: #2f9aee;
  background-color: rgba(0, 0, 0, 0);
  border-color: #117bcf;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:active:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:active:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:active.focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.focus {
  color: #2f9aee;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0c5792;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:active,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-transparent.focus {
  background-color: transparent;
  border-color: #2f9aee;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent .badge {
  color: transparent;
  background-color: #2f9aee;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover {
  color: #FFF;
  background-color: #a5d3f8;
  border-color: #2f9aee;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #76bcf4;
  border-color: #0c5792;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:hover {
  color: #FFF;
  background-color: #76bcf4;
  border-color: #117bcf;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:active,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover {
  color: #FFF;
  background-color: #76bcf4;
  border-color: #117bcf;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:active:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:active:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:active.focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #55acf1;
  border-color: #0c5792;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:active,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:hover,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover.focus {
  background-color: #a5d3f8;
  border-color: #2f9aee;
}
.plan-block .plan-item .btn-choose_plan-Professional.btn-transparent:hover .badge {
  color: #a5d3f8;
  background-color: #FFF;
}
.plan-block .plan-item .btn-choose_plan-Premium {
  color: #fff;
  background-color: #5A4FA9;
  border-color: #514798;
  border-radius: 3px;
}
.plan-block .plan-item .btn-choose_plan-Premium:focus,
.plan-block .plan-item .btn-choose_plan-Premium.focus {
  color: #fff;
  background-color: #473f86;
  border-color: #221e41;
}
.plan-block .plan-item .btn-choose_plan-Premium:hover {
  color: #fff;
  background-color: #473f86;
  border-color: #3b336e;
}
.plan-block .plan-item .btn-choose_plan-Premium:active,
.plan-block .plan-item .btn-choose_plan-Premium.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium {
  color: #fff;
  background-color: #473f86;
  border-color: #3b336e;
}
.plan-block .plan-item .btn-choose_plan-Premium:active:hover,
.plan-block .plan-item .btn-choose_plan-Premium.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium:hover,
.plan-block .plan-item .btn-choose_plan-Premium:active:focus,
.plan-block .plan-item .btn-choose_plan-Premium.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium:focus,
.plan-block .plan-item .btn-choose_plan-Premium:active.focus,
.plan-block .plan-item .btn-choose_plan-Premium.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.focus {
  color: #fff;
  background-color: #3b336e;
  border-color: #221e41;
}
.plan-block .plan-item .btn-choose_plan-Premium:active,
.plan-block .plan-item .btn-choose_plan-Premium.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Premium.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Premium[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium:hover,
.plan-block .plan-item .btn-choose_plan-Premium.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Premium[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium:focus,
.plan-block .plan-item .btn-choose_plan-Premium.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Premium[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.focus {
  background-color: #5A4FA9;
  border-color: #514798;
}
.plan-block .plan-item .btn-choose_plan-Premium .badge {
  color: #5A4FA9;
  background-color: #fff;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-sm,
.plan-block .plan-item .btn-choose_plan-Premium.btn-lg {
  border-radius: 3px;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse {
  color: #5A4FA9;
  background-color: #fff;
  border-color: #5A4FA9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.focus {
  color: #5A4FA9;
  background-color: #e6e6e6;
  border-color: #2c2652;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover {
  color: #5A4FA9;
  background-color: #e6e6e6;
  border-color: #443c7f;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:active,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse {
  color: #5A4FA9;
  background-color: #e6e6e6;
  border-color: #443c7f;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:active:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:active:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:active.focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.focus {
  color: #5A4FA9;
  background-color: #d4d4d4;
  border-color: #2c2652;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:active,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-inverse.focus {
  background-color: #fff;
  border-color: #5A4FA9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse .badge {
  color: #fff;
  background-color: #5A4FA9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover {
  color: #fff;
  background-color: #796fbc;
  border-color: #9992cc;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.focus {
  color: #fff;
  background-color: #5a4fa9;
  border-color: #514798;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:hover {
  color: #fff;
  background-color: #5a4fa9;
  border-color: #7268b9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:active,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover {
  color: #fff;
  background-color: #5a4fa9;
  border-color: #7268b9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:active:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:active:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:active.focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.focus {
  color: #fff;
  background-color: #4d4491;
  border-color: #514798;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:active,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover.focus {
  background-color: #796fbc;
  border-color: #9992cc;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-inverse:hover .badge {
  color: #796fbc;
  background-color: #fff;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent {
  color: #5A4FA9;
  background-color: transparent;
  border-color: #5A4FA9;
  border-width: 1px;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.focus {
  color: #5A4FA9;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2c2652;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover {
  color: #5A4FA9;
  background-color: rgba(0, 0, 0, 0);
  border-color: #443c7f;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:active,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent {
  color: #5A4FA9;
  background-color: rgba(0, 0, 0, 0);
  border-color: #443c7f;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:active:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:active:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:active.focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.focus {
  color: #5A4FA9;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2c2652;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:active,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-transparent.focus {
  background-color: transparent;
  border-color: #5A4FA9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent .badge {
  color: transparent;
  background-color: #5A4FA9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover {
  color: #FFF;
  background-color: #a9a3d4;
  border-color: #5A4FA9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #8981c4;
  border-color: #2c2652;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:hover {
  color: #FFF;
  background-color: #8981c4;
  border-color: #443c7f;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:active,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover {
  color: #FFF;
  background-color: #8981c4;
  border-color: #443c7f;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:active:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.active:hover,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:active:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.active:focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:active.focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.active.focus,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #7268b9;
  border-color: #2c2652;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:active,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.active,
.open > .dropdown-toggle.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover {
  background-image: none;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.disabled:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover[disabled]:hover,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:hover,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.disabled:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover[disabled]:focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover:focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.disabled.focus,
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover[disabled].focus,
fieldset[disabled] .plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover.focus {
  background-color: #a9a3d4;
  border-color: #5A4FA9;
}
.plan-block .plan-item .btn-choose_plan-Premium.btn-transparent:hover .badge {
  color: #a9a3d4;
  background-color: #FFF;
}
.switch-mode strong {
  position: relative;
  padding: 10px;
}
.switch-mode strong.active {
  color: #0AD254;
}
.switch-mode .tgl-btn {
  display: inline-block;
  position: relative;
  top: 10px;
}
.switch-mode .popover {
  display: block;
  left: 100%;
  top: -7px;
}
.memberships-pricing {
  margin-top: 60px;
}
.memberships-pricing thead th {
  text-align: center;
}
.memberships-pricing .item {
  text-align: right;
  max-width: 150px;
  font-weight: 600;
  text-transform: uppercase;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse {
  color: #253556;
  background-color: #fff;
  border-color: #253556;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.focus {
  color: #253556;
  background-color: #e6e6e6;
  border-color: #000000;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover {
  color: #253556;
  background-color: #e6e6e6;
  border-color: #131b2b;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:active,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse {
  color: #253556;
  background-color: #e6e6e6;
  border-color: #131b2b;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:active:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:active:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:active.focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse.focus {
  color: #253556;
  background-color: #d4d4d4;
  border-color: #000000;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:active,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.disabled:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.disabled:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse.disabled.focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-inverse.focus {
  background-color: #fff;
  border-color: #253556;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse .badge {
  color: #fff;
  background-color: #253556;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover {
  color: #fff;
  background-color: #344b7a;
  border-color: #44619d;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.focus {
  color: #fff;
  background-color: #253556;
  border-color: #1d2a44;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:hover {
  color: #fff;
  background-color: #253556;
  border-color: #314773;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:active,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover {
  color: #fff;
  background-color: #253556;
  border-color: #314773;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:active:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:active:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:active.focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.focus {
  color: #fff;
  background-color: #1a263d;
  border-color: #1d2a44;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:active,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.disabled:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.disabled:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.disabled.focus,
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover.focus {
  background-color: #344b7a;
  border-color: #44619d;
}
.memberships-pricing .btn-choose_plan-Plus.btn-inverse:hover .badge {
  color: #344b7a;
  background-color: #fff;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent {
  color: #253556;
  background-color: transparent;
  border-color: #253556;
  border-width: 1px;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.focus {
  color: #253556;
  background-color: rgba(0, 0, 0, 0);
  border-color: #000000;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover {
  color: #253556;
  background-color: rgba(0, 0, 0, 0);
  border-color: #131b2b;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:active,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent {
  color: #253556;
  background-color: rgba(0, 0, 0, 0);
  border-color: #131b2b;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:active:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:active:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:active.focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent.focus {
  color: #253556;
  background-color: rgba(0, 0, 0, 0);
  border-color: #000000;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:active,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.disabled:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.disabled:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent.disabled.focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-transparent.focus {
  background-color: transparent;
  border-color: #253556;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent .badge {
  color: transparent;
  background-color: #253556;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover {
  color: #FFF;
  background-color: #4b6caf;
  border-color: #253556;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #3c568b;
  border-color: #000000;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:hover {
  color: #FFF;
  background-color: #3c568b;
  border-color: #131b2b;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:active,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover {
  color: #FFF;
  background-color: #3c568b;
  border-color: #131b2b;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:active:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:active:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:active.focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #314773;
  border-color: #000000;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:active,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.disabled:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:hover,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.disabled:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.disabled.focus,
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover.focus {
  background-color: #4b6caf;
  border-color: #253556;
}
.memberships-pricing .btn-choose_plan-Plus.btn-transparent:hover .badge {
  color: #4b6caf;
  background-color: #FFF;
}
.memberships-pricing .btn-choose_plan-Professional {
  color: #fff;
  background-color: #2f9aee;
  border-color: #178fec;
  border-radius: 3px;
}
.memberships-pricing .btn-choose_plan-Professional:focus,
.memberships-pricing .btn-choose_plan-Professional.focus {
  color: #fff;
  background-color: #1281d8;
  border-color: #0a497a;
}
.memberships-pricing .btn-choose_plan-Professional:hover {
  color: #fff;
  background-color: #1281d8;
  border-color: #0f6db7;
}
.memberships-pricing .btn-choose_plan-Professional:active,
.memberships-pricing .btn-choose_plan-Professional.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional {
  color: #fff;
  background-color: #1281d8;
  border-color: #0f6db7;
}
.memberships-pricing .btn-choose_plan-Professional:active:hover,
.memberships-pricing .btn-choose_plan-Professional.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional:hover,
.memberships-pricing .btn-choose_plan-Professional:active:focus,
.memberships-pricing .btn-choose_plan-Professional.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional:focus,
.memberships-pricing .btn-choose_plan-Professional:active.focus,
.memberships-pricing .btn-choose_plan-Professional.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.focus {
  color: #fff;
  background-color: #0f6db7;
  border-color: #0a497a;
}
.memberships-pricing .btn-choose_plan-Professional:active,
.memberships-pricing .btn-choose_plan-Professional.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Professional.disabled:hover,
.memberships-pricing .btn-choose_plan-Professional[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional:hover,
.memberships-pricing .btn-choose_plan-Professional.disabled:focus,
.memberships-pricing .btn-choose_plan-Professional[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional:focus,
.memberships-pricing .btn-choose_plan-Professional.disabled.focus,
.memberships-pricing .btn-choose_plan-Professional[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.focus {
  background-color: #2f9aee;
  border-color: #178fec;
}
.memberships-pricing .btn-choose_plan-Professional .badge {
  color: #2f9aee;
  background-color: #fff;
}
.memberships-pricing .btn-choose_plan-Professional.btn-sm,
.memberships-pricing .btn-choose_plan-Professional.btn-lg {
  border-radius: 3px;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse {
  color: #2f9aee;
  background-color: #fff;
  border-color: #2f9aee;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.focus {
  color: #2f9aee;
  background-color: #e6e6e6;
  border-color: #0c5792;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover {
  color: #2f9aee;
  background-color: #e6e6e6;
  border-color: #117bcf;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:active,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse {
  color: #2f9aee;
  background-color: #e6e6e6;
  border-color: #117bcf;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:active:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:active:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:active.focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse.focus {
  color: #2f9aee;
  background-color: #d4d4d4;
  border-color: #0c5792;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:active,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.disabled:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.disabled:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse.disabled.focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-inverse.focus {
  background-color: #fff;
  border-color: #2f9aee;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse .badge {
  color: #fff;
  background-color: #2f9aee;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover {
  color: #fff;
  background-color: #5eb1f2;
  border-color: #8dc8f6;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.focus {
  color: #fff;
  background-color: #2f9aee;
  border-color: #178fec;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:hover {
  color: #fff;
  background-color: #2f9aee;
  border-color: #55acf1;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:active,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover {
  color: #fff;
  background-color: #2f9aee;
  border-color: #55acf1;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:active:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:active:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:active.focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.focus {
  color: #fff;
  background-color: #1389e6;
  border-color: #178fec;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:active,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.disabled:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.disabled:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.disabled.focus,
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover.focus {
  background-color: #5eb1f2;
  border-color: #8dc8f6;
}
.memberships-pricing .btn-choose_plan-Professional.btn-inverse:hover .badge {
  color: #5eb1f2;
  background-color: #fff;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent {
  color: #2f9aee;
  background-color: transparent;
  border-color: #2f9aee;
  border-width: 1px;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.focus {
  color: #2f9aee;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0c5792;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover {
  color: #2f9aee;
  background-color: rgba(0, 0, 0, 0);
  border-color: #117bcf;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:active,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent {
  color: #2f9aee;
  background-color: rgba(0, 0, 0, 0);
  border-color: #117bcf;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:active:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:active:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:active.focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent.focus {
  color: #2f9aee;
  background-color: rgba(0, 0, 0, 0);
  border-color: #0c5792;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:active,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.disabled:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.disabled:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent.disabled.focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-transparent.focus {
  background-color: transparent;
  border-color: #2f9aee;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent .badge {
  color: transparent;
  background-color: #2f9aee;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover {
  color: #FFF;
  background-color: #a5d3f8;
  border-color: #2f9aee;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #76bcf4;
  border-color: #0c5792;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:hover {
  color: #FFF;
  background-color: #76bcf4;
  border-color: #117bcf;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:active,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover {
  color: #FFF;
  background-color: #76bcf4;
  border-color: #117bcf;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:active:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:active:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:active.focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #55acf1;
  border-color: #0c5792;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:active,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.disabled:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:hover,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.disabled:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.disabled.focus,
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover.focus {
  background-color: #a5d3f8;
  border-color: #2f9aee;
}
.memberships-pricing .btn-choose_plan-Professional.btn-transparent:hover .badge {
  color: #a5d3f8;
  background-color: #FFF;
}
.memberships-pricing .btn-choose_plan-Premium {
  color: #fff;
  background-color: #5A4FA9;
  border-color: #514798;
  border-radius: 3px;
}
.memberships-pricing .btn-choose_plan-Premium:focus,
.memberships-pricing .btn-choose_plan-Premium.focus {
  color: #fff;
  background-color: #473f86;
  border-color: #221e41;
}
.memberships-pricing .btn-choose_plan-Premium:hover {
  color: #fff;
  background-color: #473f86;
  border-color: #3b336e;
}
.memberships-pricing .btn-choose_plan-Premium:active,
.memberships-pricing .btn-choose_plan-Premium.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium {
  color: #fff;
  background-color: #473f86;
  border-color: #3b336e;
}
.memberships-pricing .btn-choose_plan-Premium:active:hover,
.memberships-pricing .btn-choose_plan-Premium.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium:hover,
.memberships-pricing .btn-choose_plan-Premium:active:focus,
.memberships-pricing .btn-choose_plan-Premium.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium:focus,
.memberships-pricing .btn-choose_plan-Premium:active.focus,
.memberships-pricing .btn-choose_plan-Premium.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.focus {
  color: #fff;
  background-color: #3b336e;
  border-color: #221e41;
}
.memberships-pricing .btn-choose_plan-Premium:active,
.memberships-pricing .btn-choose_plan-Premium.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Premium.disabled:hover,
.memberships-pricing .btn-choose_plan-Premium[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium:hover,
.memberships-pricing .btn-choose_plan-Premium.disabled:focus,
.memberships-pricing .btn-choose_plan-Premium[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium:focus,
.memberships-pricing .btn-choose_plan-Premium.disabled.focus,
.memberships-pricing .btn-choose_plan-Premium[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.focus {
  background-color: #5A4FA9;
  border-color: #514798;
}
.memberships-pricing .btn-choose_plan-Premium .badge {
  color: #5A4FA9;
  background-color: #fff;
}
.memberships-pricing .btn-choose_plan-Premium.btn-sm,
.memberships-pricing .btn-choose_plan-Premium.btn-lg {
  border-radius: 3px;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse {
  color: #5A4FA9;
  background-color: #fff;
  border-color: #5A4FA9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.focus {
  color: #5A4FA9;
  background-color: #e6e6e6;
  border-color: #2c2652;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover {
  color: #5A4FA9;
  background-color: #e6e6e6;
  border-color: #443c7f;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:active,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse {
  color: #5A4FA9;
  background-color: #e6e6e6;
  border-color: #443c7f;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:active:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:active:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:active.focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse.focus {
  color: #5A4FA9;
  background-color: #d4d4d4;
  border-color: #2c2652;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:active,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.disabled:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.disabled:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-inverse:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse.disabled.focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-inverse.focus {
  background-color: #fff;
  border-color: #5A4FA9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse .badge {
  color: #fff;
  background-color: #5A4FA9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover {
  color: #fff;
  background-color: #796fbc;
  border-color: #9992cc;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.focus {
  color: #fff;
  background-color: #5a4fa9;
  border-color: #514798;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:hover {
  color: #fff;
  background-color: #5a4fa9;
  border-color: #7268b9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:active,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover {
  color: #fff;
  background-color: #5a4fa9;
  border-color: #7268b9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:active:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:active:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:active.focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.focus {
  color: #fff;
  background-color: #4d4491;
  border-color: #514798;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:active,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.disabled:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.disabled:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.disabled.focus,
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover.focus {
  background-color: #796fbc;
  border-color: #9992cc;
}
.memberships-pricing .btn-choose_plan-Premium.btn-inverse:hover .badge {
  color: #796fbc;
  background-color: #fff;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent {
  color: #5A4FA9;
  background-color: transparent;
  border-color: #5A4FA9;
  border-width: 1px;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.focus {
  color: #5A4FA9;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2c2652;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover {
  color: #5A4FA9;
  background-color: rgba(0, 0, 0, 0);
  border-color: #443c7f;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:active,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent {
  color: #5A4FA9;
  background-color: rgba(0, 0, 0, 0);
  border-color: #443c7f;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:active:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:active:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:active.focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent.focus {
  color: #5A4FA9;
  background-color: rgba(0, 0, 0, 0);
  border-color: #2c2652;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:active,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.disabled:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.disabled:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-transparent:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent.disabled.focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-transparent.focus {
  background-color: transparent;
  border-color: #5A4FA9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent .badge {
  color: transparent;
  background-color: #5A4FA9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover {
  color: #FFF;
  background-color: #a9a3d4;
  border-color: #5A4FA9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #8981c4;
  border-color: #2c2652;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:hover {
  color: #FFF;
  background-color: #8981c4;
  border-color: #443c7f;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:active,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover {
  color: #FFF;
  background-color: #8981c4;
  border-color: #443c7f;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:active:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.active:hover,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:active:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.active:focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:active.focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.active.focus,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.focus {
  color: #FFF;
  background-color: #7268b9;
  border-color: #2c2652;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:active,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.active,
.open > .dropdown-toggle.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover {
  background-image: none;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.disabled:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover[disabled]:hover,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:hover,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.disabled:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover[disabled]:focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover:focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.disabled.focus,
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover[disabled].focus,
fieldset[disabled] .memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover.focus {
  background-color: #a9a3d4;
  border-color: #5A4FA9;
}
.memberships-pricing .btn-choose_plan-Premium.btn-transparent:hover .badge {
  color: #a9a3d4;
  background-color: #FFF;
}
.memberships-pricing .wk2-icon {
  font-size: 25px;
}
.memberships-pricing .wk2-icon-verifyed {
  color: #0AD254;
}
.memberships-pricing .wk2-icon-x-b {
  color: #FB535B;
}
.modal-landing-enterprise .form-group-simple.has-error .help-block.filled {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal-landing-enterprise {
    width: 740px;
  }
}
.my-finances .page-header h2 {
  margin: 0;
  color: #0AD254;
}
.my-finances .page-header h2 + span {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .my-finances .page-header .balance {
    text-align: left;
    margin-top: 20px;
  }
}
.my-finances .form-inline .h5 {
  vertical-align: middle;
  margin-right: 5px;
}
.my-finances .form-inline .btn.btn-xs {
  padding: 8px 12px;
  color: #686868;
}
.my-finances-header {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .my-finances-header .btn {
    margin-top: 10px;
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .my-finances-header .options .btn.option-1 {
    margin-right: 1%;
    width: 49%;
    float: left;
  }
  .my-finances-header .options .btn.option-2 {
    margin-left: 1%;
    width: 49%;
    float: left;
  }
  .my-finances-header .options .btn.option-3 {
    float: left;
  }
}
@media (max-width: 480px) {
  .my-finances-header .options .btn.option-1 {
    min-height: 50px;
  }
  .my-finances-header .options .btn.option-2 {
    min-height: 50px;
  }
}
.my-finances-table {
  padding: 0;
  overflow: hidden;
}
.my-finances-table .user-wrapper .profile-photo {
  position: relative;
  top: 2px;
}
@media (max-width: 767px) {
  .my-finances-table .user-wrapper {
    margin: 7px 0;
    display: inline-block;
  }
}
.my-finances-table .profile-photo {
  width: 15px;
  height: 15px;
  margin-bottom: 0;
}
.my-finances-table .amount .monetary-amount {
  font-weight: 600;
}
.my-finances-table .amount p {
  margin-bottom: 0;
}
.my-finances-table .amount .small {
  color: #686868;
  font-weight: 400;
}
.my-finances-table .amount .monetary-amount.fee {
  color: #FB535B;
}
.my-finances-table .amount .monetary-amount.fee:before {
  display: inline-block;
  content: "-";
}
.my-finances-table .amount .monetary-amount.debit {
  color: #FB535B;
}
.my-finances-table .amount .monetary-amount.debit:before {
  display: inline-block;
  content: "-";
}
.my-finances-table .amount .monetary-amount.credit {
  color: #0AD254;
}
.my-finances-table .amount .monetary-amount.credit:before {
  display: inline-block;
  content: "+";
}
.my-finances-table .row {
  padding: 25px 10px;
  margin: 0;
}
.my-finances-table .row:nth-child(odd) {
  background-color: #f2f2f2;
}
.my-finances-table-header {
  text-transform: uppercase;
  font-weight: 600;
  background-color: #E6E6E6 !important;
}
@media (max-width: 767px) {
  .my-finances-table .row {
    padding: 15px 10px;
  }
  .my-finances-table .concept,
  .my-finances-table .date {
    width: auto;
  }
  .my-finances-table .date {
    margin-right: 5px;
  }
  .my-finances-table .concept {
    max-width: 100px;
  }
}
.my-finances-resume {
  background-color: #253556;
  padding: 15px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.my-finances-resume h5,
.my-finances-resume h4 {
  display: inline-block;
}
.my-finances-resume h5 {
  color: white;
  text-transform: uppercase;
  margin-right: 5px;
}
.my-finances-resume h4 {
  color: #0AD254;
}
.my-finances-resume + .box-common {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.my-finances-resume .empty {
  font-style: italic;
}
@media (max-width: 767px) {
  .my-finances-resume {
    margin-top: 20px;
  }
  .my-finances-resume .btn,
  .my-finances-resume h4,
  .my-finances-resume h5 {
    display: block;
    margin: 0;
  }
  .my-finances-resume h5 {
    margin-right: 0;
  }
}
.my-finances .search-form .options {
  margin-top: 20px;
}
.my-finances .wk-pager-scroll {
  margin: 10px 0;
}
@media (max-width: 767px) {
  .my-finances .wk-pager-scroll {
    margin: 10px 0 30px 0;
  }
}
.my-finances .wk-pager-scroll .pagination {
  margin: 18px 0 0 0;
}
@media (min-width: 992px) {
  .my-finances .sticky-mode-md {
    margin-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .my-finances .btn {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 1199px) {
  .my-finances .form-inline .h5 {
    display: block;
  }
  .my-finances .search-form {
    padding: 10px 15px;
  }
}
.my-team .box-common {
  padding: 20px;
}
.my-team-item .profile-photo {
  width: 40px;
  height: 40px;
  border: solid 2px transparent;
  position: absolute;
  top: 2px;
}
.my-team-item .profile-photo.pro {
  border-color: #2BEAE0;
}
.my-team-item .freelancer-name {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 60%;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .my-team-item .freelancer-name {
    max-width: 70%;
  }
}
.my-team-item .pro-label {
  position: relative;
  top: 2px;
}
.my-team-item .panel-heading {
  padding: 0;
  border: 0;
}
.my-team-item .panel-heading h5 {
  padding-left: 55px;
  padding-right: 30px;
}
@media (min-width: 992px) {
  .my-team-item .panel-heading h5 a:hover {
    text-decoration: none;
  }
  .my-team-item .panel-heading h5 a:hover .freelancer-name {
    text-decoration: underline;
  }
}
@media (max-width: 767px) {
  .my-team-item .panel-heading h5 {
    margin-top: 0px;
  }
}
.my-team-item .panel-heading h5,
.my-team-item .panel-heading p {
  margin-top: 15px;
  margin-bottom: 15px;
}
.my-team-item .panel-heading .spinner-loading {
  display: inline-block;
  position: absolute;
  right: 40px;
  top: 25px;
  z-index: 1;
}
.my-team-item .panel-heading .spinner-loading i {
  padding: 5px;
}
.my-team-item .panel-loading a[data-toggle='collapse'][aria-expanded='true'] {
  display: none;
}
.my-team-item .panel-loading .panel-collapse {
  position: absolute;
}
.my-team-item .wk-panel-collapsable .panel-heading .favorite-add-star {
  color: #C3C3C3;
  position: absolute;
  top: 21px;
  left: 30%;
  font-size: 20px;
}
@media (max-width: 767px) {
  .my-team-item .wk-panel-collapsable .panel-heading .favorite-add-star {
    left: auto;
    right: 50px;
  }
}
@media (min-width: 1200px) {
  .my-team-item .wk-panel-collapsable .panel-heading .favorite-add-star {
    left: 28%;
  }
}
.my-team-item .wk-panel-collapsable .panel-heading .favorite-add-star .wk2-icon-spinner {
  font-size: 13px;
  color: #686868;
  margin-top: 5px;
  left: 3px;
}
@media (max-width: 767px) {
  .my-team-item .wk-panel-collapsable .panel-heading .favorite-add-star .wk2-icon-spinner {
    left: -20px;
  }
}
@media (min-width: 992px) {
  .my-team-item .wk-panel-collapsable .panel-heading a[data-toggle='collapse'].collapsed:before {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
  }
  .my-team-item .wk-panel-collapsable .panel-heading a[data-toggle='collapse'].collapsed:hover:before {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
  }
}
.my-team-item .wk-panel-collapsable .collapse.in .actions {
  opacity: 1;
}
.my-team-item .wk-panel-collapsable .actions {
  opacity: 0;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .my-team-item .wk-panel-collapsable:hover {
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
  }
  .my-team-item .wk-panel-collapsable:hover .actions {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
  }
}
.my-team-item.open .panel-heading .actions {
  opacity: 1;
}
.my-team-item .item-data .h4 {
  display: block;
  margin-bottom: 0;
}
.my-team-item .btn {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
}
.my-team-item .mediation-alert {
  margin: 15px 0;
}
.my-team-item .qualifications {
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .my-team-item .qualifications {
    margin-top: 0 10px 10px 10px;
  }
}
.my-team-item .qualifications .qualification {
  border-bottom: 1px solid rgba(244, 244, 244, 0.7);
  padding: 20px 0;
}
@media (max-width: 991px) {
  .my-team-item .qualifications .qualification {
    padding: 10px 0;
  }
}
.my-team-item .qualifications .qualification-last {
  border-bottom: 0px;
}
.my-team-item .qualifications .qualification h6 {
  margin: 0;
  line-height: 20px;
}
.my-team .collapse-filters .user-search-element.open {
  z-index: 2;
}
@media (max-width: 767px) {
  .my-team .page-header {
    margin: 20px 0;
  }
  .my-team .box-common {
    padding: 10px;
  }
  .my-team-item .item-data {
    line-height: 20px;
  }
  .my-team-item .item-data .h4 {
    font-weight: normal;
    font-size: 13px;
    display: inline;
  }
  .my-team-item .item-data .h4 + span {
    float: right;
  }
  .my-team-item .btn {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
  }
  .my-team-item .profile-stars {
    margin: 10px 0;
    display: block;
  }
}
@media (max-width: 1199px) {
  .my-team-item .qualification {
    display: none;
  }
  .my-team-item .qualification-last {
    display: block;
  }
  .my-team-item .qualification h6 {
    font-size: 13px;
    padding-bottom: 10px;
  }
  .my-team-item .qualification h6 a {
    text-decoration: underline;
  }
}
.nav-organization li {
  position: relative;
  padding: 8px 0 8px 40px;
}
.nav-organization li.active a {
  color: #0AD254 !important;
}
.nav-organization img {
  position: absolute;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  height: 30px;
  width: 30px;
  left: 15px;
}
@media (max-width: 991px) {
  .nav-organization li {
    position: relative;
    padding: 8px 0 8px 52px;
  }
  .nav-organization img {
    left: 10px;
  }
  header .navbar .nav-organization li > a {
    padding: 8px 0;
  }
}
.notification-transition {
  transition: opacity 0.5s ease;
}
.notification-enter {
  opacity: 0;
}
.notification-leave {
  opacity: 0;
  position: absolute;
}
.notification-move {
  transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
#notifications-list {
  padding: 20px;
}
@media (max-width: 767px) {
  #notifications-list {
    padding: 5px;
  }
}
.notification {
  position: relative;
  padding: 15px 20px 15px 65px;
  background-color: #f7f7f7;
  border-bottom: solid 1px #e2e2e2;
  border-left: solid 4px transparent;
}
@media (max-width: 991px) {
  .notification-view {
    margin-top: 20px;
  }
}
.notification a {
  text-decoration: none!important;
}
.notification:last-child {
  border-bottom: 0;
}
.notification .profile-photo {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 15px;
  top: 15px;
}
.notification .profile-photo.pro {
  border: solid 2px #2BEAE0;
}
.notification h6 {
  color: #939393;
  font-weight: 600;
  margin: 0 0 5px 0;
  font-size: 13px;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.notification .notification-desc {
  font-style: italic;
}
.notification .notification-date {
  font-weight: normal;
  margin-left: 5px;
  color: #939393;
}
.notification p {
  color: #939393;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.notification .notification-icon {
  color: #656769;
  position: absolute;
  top: 15px;
  left: 5px;
  margin: 0;
  font-size: 40px;
  display: block;
  width: 50px;
  text-align: center;
}
.notification .notification-icon::after {
  display: none;
}
.notification .notification-remove {
  color: #253556 !important;
  font-size: 28px;
  cursor: pointer;
  position: relative;
  top: -2px;
}
.notification .notification-actions {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 10px;
}
.notification .notification-actions .btn,
.notification .notification-actions .notification-remove {
  vertical-align: top;
}
@media (min-width: 992px) {
  .notification:hover,
  .notification.new:hover {
    cursor: pointer;
    background-color: #f4fafe;
  }
  .notification:hover .notification-actions,
  .notification.new:hover .notification-actions {
    display: block;
  }
  .notification:hover h6,
  .notification.new:hover h6 {
    color: #333333;
  }
}
.notification.new {
  background-color: transparent;
}
.notification.new h6 {
  color: #253556;
}
.notification.new .wk2-icon {
  color: #253556;
}
@media (min-width: 992px) {
  .notification.new:hover {
    border-left-color: #2f9aee;
  }
  .notification.new:hover h6 {
    color: #2f9aee;
  }
}
.list-notifications {
  padding: 0;
  margin-bottom: 0px;
}
.list-notifications .notification {
  min-height: 70px;
}
@media (min-width: 992px) {
  .list-notifications .notification {
    padding-right: 200px;
  }
}
@media (max-width: 767px) {
  .list-notifications .notification {
    min-height: 60px;
    padding: 10px 10px 10px 60px;
  }
  .list-notifications .notification .profile-photo {
    top: 10px;
    left: 10px;
  }
  .list-notifications .notification h6 {
    font-size: 11px;
  }
  .list-notifications .notification p {
    margin-bottom: 5px;
    width: 60%;
    font-size: 11px;
  }
  .list-notifications .notification .notification-date {
    position: absolute;
    bottom: 16px;
    right: 15px;
  }
  .list-notifications .notification .notification-icon {
    font-size: 30px;
    left: 5px;
  }
}
.onboarding {
  position: relative;
  height: calc(100vh - 70px);
  overflow: auto;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(135deg, #5A4FA9, #2f9aee);
  background-image: -o-linear-gradient(135deg, #5A4FA9, #2f9aee);
  background-image: linear-gradient(135deg, #5A4FA9, #2f9aee);
}
@media (max-width: 991px) {
  .onboarding {
    height: 100%;
    min-height: calc(100vh - 60px);
  }
}
.onboarding ~ .footer {
  margin-top: 0px;
}
.onboarding .container.main {
  margin-bottom: 0px;
}
.onboarding-freelancer,
.onboarding-owner,
.onboarding-invited {
  padding: 10px 0 0;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  width: 100%;
  transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
}
@media (min-width: 991px) and (min-height: 600px) {
  .onboarding-welcome,
  .onboarding-profile,
  .onboarding-test,
  .onboarding-owner,
  .onboarding-invited {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }
}
.onboarding .onboarding-box {
  max-width: 750px;
  margin: auto;
}
.onboarding .onboarding-box h3 {
  margin-top: 0px;
}
.onboarding .onboarding-box #upload {
  position: relative;
}
.onboarding .onboarding-box .help-block {
  padding: 0px;
  border: 0px;
  max-width: 100%;
}
.onboarding .onboarding-box .help-block:before,
.onboarding .onboarding-box .help-block:after {
  display: none;
}
.onboarding .onboarding-box .help-block .parsley-custom-error-message {
  color: #FB535B;
  font-weight: 600;
}
@media (min-width: 991px) {
  .onboarding .onboarding-box .radio-box-new {
    margin-bottom: 20px;
  }
}
.onboarding .onboarding-box .is-flex-sm-min .radio-box-new {
  width: 100%;
}
@media (min-width: 991px) {
  .onboarding .onboarding-box .is-flex-sm-min .radio-box-new {
    width: 100%;
  }
}
.onboarding .onboarding-box .is-flex-sm-min .radio-box-new input[type="radio"]:empty ~ label {
  height: 100%;
}
@media (max-width: 991px) {
  .onboarding .onboarding-box .professional-type .h4 {
    margin-top: -5px;
  }
}
.onboarding .onboarding-box .return {
  margin: 10px 0;
}
.onboarding-welcome .btn {
  margin: -12px 40px 0;
  padding: 15px;
}
@media (max-width: 991px) {
  .onboarding-welcome .btn {
    padding: 16px;
  }
}
.onboarding-welcome .onboarding-box {
  margin: 108px auto;
  max-width: 1000px;
  padding: 20px 0 30px 40px;
  overflow: hidden;
}
.onboarding-welcome .onboarding-box h4 {
  line-height: 2;
  margin: 20px auto;
}
.onboarding-welcome .onboarding-box p {
  line-height: 2;
}
.onboarding-welcome .onboarding-box .worker-1 {
  background: url(https://wkncdn.com/newx/assets/build/img/svg/onboarding-worker-1.06cf51c6c.svg) left 20px top no-repeat;
  height: 300px;
  width: auto;
  display: block;
}
.onboarding-test .badge {
  margin-top: 10px;
}
.onboarding-test label[for="code"] {
  text-align: left;
  width: 100%;
}
.onboarding-test .questions-container .wk-loading {
  top: 20px;
  left: 10px;
  padding: 10px;
}
.onboarding-test .questions-container .wk-loading:after {
  width: 30px;
  height: 30px;
}
.onboarding-profile .btn,
.onboarding-test .btn,
.onboarding-owner .btn,
.onboarding-invited .btn {
  padding: 15px;
}
@media (max-width: 991px) {
  .onboarding-profile .btn,
  .onboarding-test .btn,
  .onboarding-owner .btn,
  .onboarding-invited .btn {
    padding: 16px;
  }
}
.onboarding-profile .onboarding-box,
.onboarding-test .onboarding-box,
.onboarding-owner .onboarding-box,
.onboarding-invited .onboarding-box {
  margin: 80px auto;
  max-width: 1000px;
  padding: 20px 40px;
  overflow-x: visible;
  overflow-y: hidden;
}
.onboarding-profile .onboarding-box h4,
.onboarding-test .onboarding-box h4,
.onboarding-owner .onboarding-box h4,
.onboarding-invited .onboarding-box h4 {
  line-height: 1.7;
  margin: 10px auto;
}
.onboarding-profile .onboarding-box h3,
.onboarding-test .onboarding-box h3,
.onboarding-owner .onboarding-box h3,
.onboarding-invited .onboarding-box h3 {
  line-height: 1.5;
}
.onboarding-profile .carousel-footer,
.onboarding-test .carousel-footer,
.onboarding-owner .carousel-footer {
  margin-top: 35px;
}
.onboarding-profile .carousel-indicators,
.onboarding-test .carousel-indicators,
.onboarding-owner .carousel-indicators {
  top: 15px;
}
.onboarding-profile .carousel-indicators li,
.onboarding-test .carousel-indicators li,
.onboarding-owner .carousel-indicators li {
  background-color: #D5D5D5;
  margin: 6px;
}
.onboarding-profile .carousel-indicators li.active,
.onboarding-test .carousel-indicators li.active,
.onboarding-owner .carousel-indicators li.active {
  background-color: #2f9aee;
  margin: 5px;
}
.onboarding-profile .controls-skills-ui select,
.onboarding-test .controls-skills-ui select {
  height: 50px;
  background-image: none;
}
.onboarding-profile .skills,
.onboarding-test .skills {
  margin-bottom: 0px;
}
.onboarding-profile .skills .display-selector,
.onboarding-test .skills .display-selector {
  margin-bottom: 0px;
}
.onboarding-profile .skills .display-selector .skill,
.onboarding-test .skills .display-selector .skill {
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333333;
}
.onboarding-profile .skills .display-selector .skill.selected,
.onboarding-test .skills .display-selector .skill.selected {
  display: none;
}
.onboarding-profile .profile-photo,
.onboarding-test .profile-photo {
  margin-top: 16px;
}
.onboarding-profile .carousel-inner,
.onboarding-test .carousel-inner {
  margin-top: 20px;
}
.onboarding-profile .carousel-inner > .item,
.onboarding-test .carousel-inner > .item {
  min-height: 200px;
}
.onboarding-profile .carousel-inner p,
.onboarding-test .carousel-inner p {
  line-height: 2;
}
.onboarding-profile .worker-2,
.onboarding-test .worker-2,
.onboarding-profile .worker-3,
.onboarding-test .worker-3,
.onboarding-profile .worker-4,
.onboarding-test .worker-4 {
  height: 260px;
  width: auto;
  display: block;
}
@media (max-width: 991px) {
  .onboarding-profile .worker-2,
  .onboarding-test .worker-2,
  .onboarding-profile .worker-3,
  .onboarding-test .worker-3,
  .onboarding-profile .worker-4,
  .onboarding-test .worker-4 {
    height: 200px;
  }
}
.onboarding-profile .worker-2,
.onboarding-test .worker-2 {
  background: url(https://wkncdn.com/newx/assets/build/img/svg/onboarding-worker-2.e964d583c.svg) right top no-repeat;
  background-position-x: center;
  background-size: 80%;
}
.onboarding-profile .worker-3,
.onboarding-test .worker-3 {
  background: url(https://wkncdn.com/newx/assets/build/img/svg/onboarding-worker-3.c2820087f.svg) right top no-repeat;
  background-size: 80%;
  background-position-x: left;
}
.onboarding-profile .worker-4,
.onboarding-test .worker-4 {
  background: url(https://wkncdn.com/newx/assets/build/img/svg/onboarding-worker-4.d40879e23.svg) center top no-repeat;
}
.onboarding-profile .quest,
.onboarding-test .quest {
  margin-top: 10px;
  margin-bottom: 50px;
}
.onboarding-profile .quest .radio-new p,
.onboarding-test .quest .radio-new p {
  padding: 5px 0;
  line-height: 25px;
}
.onboarding-profile .quest .wk2-icon,
.onboarding-test .quest .wk2-icon {
  font-size: 33px;
  top: 10px;
  position: relative;
  margin: 0 5px 0 -4px;
  line-height: 20px;
}
.onboarding-profile .quest .no-icon,
.onboarding-test .quest .no-icon {
  width: 34px;
  height: 24px;
  display: inline-block;
}
.onboarding-profile .quest .wk2-icon-verifyed,
.onboarding-test .quest .wk2-icon-verifyed {
  color: #0AD254;
}
.onboarding-profile .quest .wk2-icon-x-b,
.onboarding-test .quest .wk2-icon-x-b {
  color: #FB535B;
}
.onboarding-profile .quest .panel-heading .wk2-icon,
.onboarding-test .quest .panel-heading .wk2-icon {
  top: 4px;
  font-size: 39px;
  padding-left: 15px;
}
.onboarding-profile .quest .panel-heading .wk2-icon.wk2-icon-x-b,
.onboarding-test .quest .panel-heading .wk2-icon.wk2-icon-x-b,
.onboarding-profile .quest .panel-heading .wk2-icon.wk2-icon-verifyed,
.onboarding-test .quest .panel-heading .wk2-icon.wk2-icon-verifyed {
  color: #FFFFFF;
}
.onboarding-profile .quest .panel-danger,
.onboarding-test .quest .panel-danger,
.onboarding-profile .quest .panel-success,
.onboarding-test .quest .panel-success {
  border: none;
  margin: 80px auto;
  max-width: 1000px;
  overflow: hidden;
}
.onboarding-profile .quest .panel-danger .panel-body,
.onboarding-test .quest .panel-danger .panel-body,
.onboarding-profile .quest .panel-success .panel-body,
.onboarding-test .quest .panel-success .panel-body {
  padding: 30px;
}
.onboarding-profile .quest .panel-danger .panel-body .row,
.onboarding-test .quest .panel-danger .panel-body .row,
.onboarding-profile .quest .panel-success .panel-body .row,
.onboarding-test .quest .panel-success .panel-body .row {
  min-height: 110px;
}
.onboarding .small {
  line-height: 20px;
}
.onboarding .row {
  margin-bottom: 10px;
}
.onboarding .wk-submit-block {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .onboarding .wk-submit-block .btn {
    width: 100%;
  }
}
.onboarding .progress-block .wk-bullet {
  margin-top: 20px;
}
.onboarding .progress-block .progress {
  margin-top: 27px;
}
.onboarding .upload-photo {
  position: relative;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  overflow: hidden;
}
.onboarding .upload-photo .js-attached-files {
  display: none!important;
}
.onboarding .upload-photo .attach-file-inline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  border: 0;
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/icon-user-photo.ed0783268.svg);
  background-repeat: no-repeat;
  background-color: #D5D5D5;
  background-position: center center;
  max-width: inherit;
  margin: 0;
  width: 100%;
}
.onboarding .upload-photo .attach-file-inline form {
  margin: 0;
}
.onboarding .upload-photo .attach-file-inline a {
  font-size: 0;
  color: transparent;
  background: 0;
  padding: 0;
  border: 0;
  background: none;
}
.onboarding .upload-photo .attach-file-inline a:hover {
  background-color: transparent;
  border-color: transparent;
}
.onboarding .upload-photo .attach-file-inline a::before {
  font-size: 20px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  border-radius: 17px;
  position: relative;
  z-index: 1;
  display: inline-block;
  background-color: #253556;
  content: "\f023";
  margin: 43px;
  padding: 7px;
  color: white;
  text-indent: 0;
  width: auto;
}
.onboarding .upload-photo .attach-file-inline .profile-preview {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  background-color: white;
}
.onboarding .upload-photo p {
  margin-top: 60px;
  font-size: 11px;
  position: relative;
  color: #333333;
}
.onboarding .user-photo {
  width: 11%;
}
.onboarding .profile-photo {
  width: 53px;
  height: 53px;
}
.onboarding .attach-file-wrapper {
  width: 100%;
  padding: 0;
}
@media (min-width: 992px) {
  .onboarding .upload-text {
    margin: 5px 0px;
  }
}
.onboarding h1 {
  color: white;
}
.onboarding h5 {
  font-weight: normal;
  margin-bottom: 15px;
}
.onboarding h6 {
  font-weight: 600;
  text-transform: uppercase;
  color: #686868;
}
.onboarding .select2-container--default .select2-selection--multiple ul {
  margin: 5px 0;
}
.onboarding .form-group {
  margin-bottom: 15px;
  text-align: left;
}
.onboarding .search-results {
  color: #253556;
  min-height: 40px;
  position: relative;
}
.onboarding .search-results h4 {
  font-weight: normal;
  padding-left: 35px;
  margin-top: 5px;
}
.onboarding .search-results i {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 28px;
}
.onboarding .switch-mode strong {
  color: white;
}
.onboarding .switch-mode strong.active {
  color: #0AD254;
}
.onboarding .switch-mode .popover {
  color: #333333;
}
.onboarding .prices .btn {
  margin-right: 0;
}
.onboarding .prices h5 {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 15px;
}
.onboarding .alert .form-group {
  margin-bottom: inherit;
}
.onboarding .alert form {
  margin-top: 0;
}
.onboarding.first-connect-header {
  margin-bottom: 20px;
  min-height: auto;
  padding: 50px 40px 50px;
  height: auto;
  overflow: inherit;
  border-radius: 3px;
}
.onboarding.first-connect-header h1 {
  margin-bottom: 45px;
}
.onboarding.first-connect-header h4 {
  color: white;
}
.onboarding.first-connect-header a {
  font-weight: bold;
}
@media (max-width: 767px) {
  .onboarding.first-connect-header {
    padding: 30px;
  }
  .onboarding.first-connect-header h1 {
    margin-bottom: 20px;
  }
}
.onboarding-enterprise {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(135deg, #512F90, #260C3F);
  background-image: -o-linear-gradient(135deg, #512F90, #260C3F);
  background-image: linear-gradient(135deg, #512F90, #260C3F);
}
.onboarding-owner h2 + p,
.onboarding-invited h2 + p,
.onboarding-owner h2 + h4,
.onboarding-invited h2 + h4 {
  margin-bottom: 30px;
}
.onboarding-owner .upload-photo,
.onboarding-invited .upload-photo {
  width: 80px;
  height: 80px;
}
.onboarding-owner .upload-photo .attach-file-inline a::before,
.onboarding-invited .upload-photo .attach-file-inline a::before {
  margin: 23px;
}
.onboarding-owner nav,
.onboarding-invited nav {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
}
.onboarding-owner nav .row,
.onboarding-invited nav .row {
  margin-bottom: 0;
}
.onboarding-owner .photo-container .upload-photo,
.onboarding-invited .photo-container .upload-photo {
  float: left;
  margin: 0 15px 15px 0;
}
.onboarding-owner .form-group-simple .help-block,
.onboarding-invited .form-group-simple .help-block {
  margin-top: -5px;
}
.onboarding-owner .wk-submit-block {
  margin-bottom: 30px;
}
.onboarding-owner .carousel-footer {
  position: relative;
  margin-top: 60px;
}
.onboarding-owner .carousel-indicators {
  left: 30px;
  top: -30px;
}
@media (min-width: 1200px) {
  .onboarding-owner .onboarding-box,
  .onboarding-invited .onboarding-box {
    max-width: 1170px;
  }
}
@media (min-width: 768px) {
  .onboarding-owner .onboarding-box,
  .onboarding-invited .onboarding-box {
    padding-bottom: 70px;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .onboarding-owner .onboarding-box,
  .onboarding-invited .onboarding-box {
    padding-right: 440px;
    min-height: 598px;
  }
  .onboarding-owner nav,
  .onboarding-invited nav {
    right: 440px;
  }
  .onboarding-owner .enterprise-1,
  .onboarding-owner .enterprise-2,
  .onboarding-owner .enterprise-hiw {
    background-color: #FFFFFF;
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
  }
  .onboarding-owner .enterprise-1 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/onboarding-enterprise-1.173b9a80d.svg);
  }
  .onboarding-owner .enterprise-2 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/onboarding-enterprise-2.71fe37eb8.svg);
  }
  .onboarding-owner .enterprise-hiw {
    background-image: url(https://wkncdn.com/newx/assets/build/img/enterprise/onboarding-enterprise-hiw.6a2dce48e.svg);
  }
  .onboarding-owner .enterprise-invite .chip-group {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .onboarding-invited .enterprise-invited-1 {
    background: #FFFFFF url(https://wkncdn.com/newx/assets/build/img/enterprise/onboarding-enterprise-invited-1.e4c0bb826.svg) right top no-repeat;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .onboarding-owner .enterprise-hiw .slides {
    margin-top: 200px;
  }
}
@media (max-width: 991px) {
  .onboarding {
    margin-top: -2px;
  }
  .onboarding-welcome .onboarding-box,
  .onboarding-profile .onboarding-box,
  .onboarding-test .onboarding-box,
  .onboarding-owner .onboarding-box,
  .onboarding-invited .onboarding-box {
    margin: 108px 10px;
  }
  .onboarding-test .onboarding-box h3 {
    margin-top: 18px;
  }
  .onboarding-test .worker-2,
  .onboarding-test .worker-3,
  .onboarding-test .worker-4 {
    background-position: center top;
    height: 260px;
    background-size: contain;
    margin-top: 15px;
  }
  .onboarding-test .carousel-indicators {
    position: relative;
  }
  .onboarding-test .carousel-footer {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .onboarding-test .carousel-inner {
    min-height: 150px;
  }
  .onboarding-test .quest {
    text-align: left;
  }
  .onboarding-test .quest p {
    margin-top: 20px;
  }
  .onboarding-test .quest .panel-danger,
  .onboarding-test .quest .panel-success {
    margin: auto 10px;
  }
}
@media (max-width: 991px) and (orientation: portrait) {
  .onboarding-owner .slides {
    margin: 60px 0 90px;
  }
}
@media (max-width: 767px) {
  .onboarding-freelancer,
  .onboarding-enterprise {
    padding: 10px 0px;
    text-align: center;
  }
  .onboarding .onboarding-box {
    padding: 15px;
  }
  .onboarding .onboarding-box .wk2-icon-verifyed {
    top: 10px;
  }
  .onboarding-welcome .btn-primary,
  .onboarding-profile .btn-primary,
  .onboarding-test .btn-primary,
  .onboarding-owner .btn-primary,
  .onboarding-invited .btn-primary {
    border-radius: 3px;
    margin: 0;
  }
  .onboarding-welcome .btn[disabled],
  .onboarding-profile .btn[disabled],
  .onboarding-test .btn[disabled],
  .onboarding-owner .btn[disabled],
  .onboarding-invited .btn[disabled] {
    background-color: #2F5185;
    color: #BDD2F1;
    opacity: 1;
  }
  .onboarding-welcome .sticky-mode-sm-bottom .btn,
  .onboarding-profile .sticky-mode-sm-bottom .btn,
  .onboarding-test .sticky-mode-sm-bottom .btn,
  .onboarding-owner .sticky-mode-sm-bottom .btn,
  .onboarding-invited .sticky-mode-sm-bottom .btn {
    border-radius: 0 0 3px 3px;
  }
  .onboarding-welcome .box,
  .onboarding-profile .box,
  .onboarding-test .box,
  .onboarding-owner .box,
  .onboarding-invited .box {
    margin: -5px 10px 0;
    z-index: 16;
    background-color: #FFFFFF;
    border-radius: 3px;
  }
  .onboarding-welcome .onboarding-box,
  .onboarding-profile .onboarding-box,
  .onboarding-test .onboarding-box,
  .onboarding-owner .onboarding-box,
  .onboarding-invited .onboarding-box {
    margin: 10px 10px auto 10px;
    padding: 0 15px 15px;
  }
  .onboarding-welcome .quiz-container,
  .onboarding-profile .quiz-container,
  .onboarding-test .quiz-container,
  .onboarding-owner .quiz-container,
  .onboarding-invited .quiz-container {
    min-height: 370px;
  }
  .onboarding-test .carousel-inner {
    min-height: 150px;
  }
  .onboarding-test .carousel-inner > .item {
    min-height: auto;
  }
  .onboarding-welcome .onboarding-box .carousel-inner {
    min-height: 155px;
  }
  .onboarding-welcome .onboarding-box .carousel-indicators {
    bottom: inherit;
    margin-top: 10px;
    position: relative;
  }
  .onboarding-welcome .onboarding-box .carousel-indicators li {
    background-color: #D5D5D5;
    border: 0;
    margin: 1px 5px;
  }
  .onboarding-welcome .onboarding-box .carousel-indicators .active {
    background-color: #2f9aee;
    height: 10px;
    margin: 1px 5px;
    width: 10px;
  }
  .onboarding-welcome .onboarding-box .worker-1 {
    background-position: top -15px center;
    background-size: 210px;
    max-height: 170px;
  }
  .onboarding .quest .panel-body {
    text-align: center;
  }
  .onboarding .upload-photo {
    margin: 20px auto;
  }
  .onboarding .user-photo {
    width: 18%;
  }
  .onboarding-profile a.text-info {
    text-decoration: underline;
  }
  .onboarding-profile .row {
    margin-bottom: 0;
  }
  .onboarding-profile .onboarding-box {
    text-align: left;
  }
  .onboarding-profile .radio-box-new-wrapper:not(.no-mobile) {
    box-shadow: none;
  }
  .onboarding-profile .controls-skills-ui select {
    background-image: none;
  }
  .onboarding-header {
    height: 290px;
  }
  .onboarding-header h1 {
    margin-bottom: 20px;
    margin-top: 0;
  }
  .onboarding-owner,
  .onboarding-invited {
    text-align: left;
  }
}
.onboarding-block {
  color: #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(135deg, #5A4FA9, #2f9aee);
  background-image: -o-linear-gradient(135deg, #5A4FA9, #2f9aee);
  background-image: linear-gradient(135deg, #5A4FA9, #2f9aee);
}
.first-connect-notification {
  color: #282e38;
}
@media (max-width: 767px) {
  .first-connect-notification .col-full-right {
    padding-right: 0;
  }
}
.pin-block {
  max-width: 480px;
  margin: auto;
  min-height: 500px;
  padding: 30px 0;
  display: flex;
  align-items: center;
}
.pin-block .h5 {
  margin-top: 10px;
  line-height: 18px;
}
.pin-block .form-control {
  margin-bottom: 5px;
}
.pin-block input[type='number'] {
  font-size: 20px;
}
.pin-block h4:first-child {
  margin-top: 0;
}
.pin-downloads img {
  display: inline-block;
  width: 120px;
}
.pin-downloads img.apple {
  width: 105px;
}
.pin-device {
  width: 190px;
  height: 370px;
  background-color: #000;
  padding: 30px 10px;
  position: relative;
  text-align: center;
  margin: auto;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}
.pin-device:after {
  content: '';
  background-color: white;
  top: 30px;
  left: 10px;
  right: 10px;
  bottom: 30px;
  position: absolute;
}
.pin-device:before {
  content: '';
  position: absolute;
  height: 4px;
  width: 30px;
  border: solid 1px #282e38;
  top: 15px;
  left: 50%;
  margin-left: -15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.pin-device-small {
  width: 108px;
  height: 214px;
  padding: 20px 6px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pin-device-small:after {
  top: 20px;
  left: 6px;
  right: 6px;
  bottom: 20px;
}
.pin-device-small:before {
  border: solid 1px #6f6f6f;
  top: 10px;
  height: 2px;
  width: 20px;
  margin-left: -10px;
}
.pin-qr {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  align-items: center;
}
.pin-qr img {
  width: 170px;
  height: 170px;
}
.pin-icon {
  font-size: 0px;
  color: #0AD254;
  display: inline-block;
  margin: auto;
  -webkit-animation-fill-mode: both;
  -mozanimation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: iconFadeIn;
  -moz-animation-name: iconFadeIn;
  animation-name: iconFadeIn;
}
@-webkit-keyframes iconFadeIn {
  0% {
    font-size: 0px;
  }
  10% {
    font-size: 0px;
  }
  100% {
    font-size: 120px;
  }
}
@-moz-keyframes iconFadeIn {
  0% {
    font-size: 0px;
  }
  10% {
    font-size: 0px;
  }
  100% {
    font-size: 120px;
  }
}
@keyframes iconFadeIn {
  0% {
    font-size: 0px;
  }
  10% {
    font-size: 0px;
  }
  100% {
    font-size: 120px;
  }
}
.pin-icon-warning {
  color: #EEAF00;
}
.pin-icon-danger {
  color: #FB535B;
}
.pin-login {
  max-width: 370px;
}
.pin-login .form-group {
  margin: 20px 0;
}
.pin-login .h5 {
  margin-top: 5px;
}
.pin-dummy-content {
  background: url(https://wkncdn.com/newx/assets/build/img/svg/pin-dummy-content.a6797d542.svg) center 10px no-repeat, url(https://wkncdn.com/newx/assets/build/img/svg/pin-dummy-content.a6797d542.svg) center 50px no-repeat, url(https://wkncdn.com/newx/assets/build/img/svg/pin-dummy-content.a6797d542.svg) center 90px no-repeat;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .pin-block {
    max-width: 320px;
  }
  .pin-device {
    margin-bottom: 20px;
  }
}
.how-it-works {
  text-align: center;
  padding-bottom: 60px;
  background-color: #EFEFEF;
}
.how-it-works h4 {
  padding: 135px 0 10px 0;
}
.how-it-works p {
  padding: 0;
  margin-bottom: 60px;
  line-height: 26px;
}
.how-it-works .h2 {
  margin-bottom: 0px;
}
.how-it-works a.more {
  margin: 10px 0 40px 0;
  display: inline-block;
}
.how-it-works .step1,
.how-it-works .step2,
.how-it-works .step3,
.how-it-works .step4 {
  background-position: center 10px;
  background-repeat: no-repeat;
  background-size: auto 123px;
}
.how-it-works .step1 p,
.how-it-works .step2 p,
.how-it-works .step3 p,
.how-it-works .step4 p {
  background: none;
}
.how-it-works .step1 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/home/how-it-works-1.be2cbf2fb.svg);
  background-position-y: 20px;
  background-size: auto 109px;
}
.how-it-works .step2 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/home/how-it-works-2.95002a559.svg);
}
.how-it-works .step3 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/home/how-it-works-3.74751c2da.svg);
}
.how-it-works .step4 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/home/how-it-works-4.073650aac.svg);
  background-position-y: 13px;
  background-size: auto 116px;
}
@media (max-width: 767px) {
  .how-it-works {
    padding-bottom: 30px;
  }
  .how-it-works .step1,
  .how-it-works .step2,
  .how-it-works .step3,
  .how-it-works .step4 {
    text-align: left;
    background-size: 80px auto;
    background-position: 15px 0;
  }
  .how-it-works .step4 {
    background-size: 70px auto;
  }
  .how-it-works h4,
  .how-it-works p {
    padding: 0 0 0 100px;
  }
  .how-it-works p {
    margin-bottom: 30px;
  }
  .how-it-works .btn.btn-lg {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.quotes {
  padding: 20px 0 40px;
  background-color: #EFEFEF;
}
.quotes .h2 {
  text-align: center;
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
}
.quotes .carousel {
  height: 322px;
}
.quotes .carousel-inner {
  height: 100%;
}
.quotes .slide,
.quotes .item {
  height: 100%;
}
@media (min-width: 1199px) {
  .quotes .item {
    height: 350px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .quotes .item {
    height: 280px;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .quotes .item {
    height: 330px;
  }
}
.quotes .content {
  padding: 20px 0 20px 20px;
}
.quotes article {
  margin-bottom: 10px;
}
.quotes article .h2 {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: left;
}
.quotes article h4 {
  margin-top: 5px;
  margin-bottom: 0;
}
.quotes blockquote {
  background-image: url(https://wkncdn.com/newx/assets/build/img/home/icons/icon-quotes.045fbe26e.svg);
  background-size: 78px auto;
  background-repeat: no-repeat;
  background-position-y: 20px;
  padding-left: 120px;
  line-height: 28px;
  border: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .quotes blockquote {
    background-size: 30px auto;
    padding-left: 50px;
    font-size: 13px;
    margin: 0;
  }
  .quotes article .h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .quotes article h4 {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .quotes {
    text-align: center;
  }
  .quotes .content {
    padding: 20px;
  }
  .quotes .btn {
    max-width: 254px;
    margin: 20px auto 10px auto;
  }
  .quotes blockquote {
    background-image: none;
    padding-left: 0;
  }
  .quotes article .h2 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .quotes article {
    height: 410px;
  }
}
.quotes .carousel-indicators {
  position: relative;
  margin-top: 10px;
  bottom: inherit;
}
.quotes .carousel-indicators li {
  border: 0;
  background-color: #D5D5D5;
  margin: 1px 5px;
}
.quotes .carousel-indicators .active {
  width: 10px;
  height: 10px;
  background-color: #2f9aee;
  margin: 1px 5px;
}
@media (min-width: 480px) {
  .quotes .carousel-indicators {
    bottom: inherit;
  }
}
.prime-landing-header {
  background-image: url(https://wkncdn.com/newx/assets/build/img/prime/prime-header-background.eb619a42f.jpg);
}
.prime-landing-header h1,
.prime-landing-header .h1 {
  margin-bottom: 20px;
}
.prime-landing-header .btn {
  margin-top: 20px;
}
.prime-landing-header .title {
  text-align: center;
}
.prime-landing .how-it-works {
  padding-top: 40px;
}
.prime-landing .how-it-works .h2 + p {
  max-width: 800px;
  margin: 30px auto;
  padding: 0  ;
}
.prime-landing .how-it-works .step1 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/prime/prime-step-1.cfccac2bd.svg);
}
.prime-landing .how-it-works .step2 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/prime/prime-step-2.b3fb7161f.svg);
}
.prime-landing .how-it-works .step3 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/prime/prime-step-3.ff4f3bf0a.svg);
  min-height: 80px;
}
@media (min-width: 768px) {
  .prime-landing .how-it-works h4 {
    padding-top: 100px;
  }
  .prime-landing .how-it-works .step1 {
    background-size: 94px auto;
  }
  .prime-landing .how-it-works .step2 {
    background-size: 103px auto;
  }
  .prime-landing .how-it-works .step3 {
    background-size: 98px auto;
  }
}
.prime-landing .subtitle {
  font-size: 16px;
  line-height: 32px;
}
.prime-landing .sub-disclaimer {
  font-size: 11px;
  margin-top: 10px;
}
.prime-landing .quotes article {
  padding: 0;
}
.prime-landing .quotes .profile-photo {
  width: 60px;
  height: 60px;
}
.prime-landing .features {
  max-width: 960px;
}
.prime-landing .features .row {
  margin-bottom: 40px;
}
.prime-landing .features i {
  display: block;
  height: 191px;
  width: 100%;
  margin-top: 30px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: auto 191px;
}
.prime-landing .features-icon-1 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/prime/features-icon-1.aa591ee5e.svg);
}
.prime-landing .features-icon-2 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/prime/features-icon-2.d2522ab97.svg);
}
.prime-landing .features-icon-3 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/prime/features-icon-3.1961aef91.svg);
}
.prime-landing .features p {
  line-height: 26px;
}
.prime-landing .features .h3 {
  line-height: 36px;
  margin-bottom: 20px;
}
.prime-landing .default {
  max-width: 960px;
}
@media (max-width: 767px) {
  .prime-landing .btn {
    padding: 20px 50px;
  }
  .prime-landing .how-it-works {
    padding-top: 20px;
  }
  .prime-landing .features .h3 {
    line-height: 30px;
  }
  .prime-landing .features i {
    position: relative;
    background-size: auto 131px;
    background-position: top left;
    right: -15px;
  }
  .prime-landing .features i.features-icon-2 {
    background-position: top right;
    right: auto;
    left: -15px;
  }
}
@media (min-width: 992px) {
  .prime-landing-header {
    margin-top: 0;
    height: 350px;
  }
  .prime-landing-header h1,
  .prime-landing-header .h1 {
    margin-top: 60px;
    margin-bottom: 20px;
  }
}
/*
    Rating stars
 */
.rating-stars {
  display: inline-block;
}
.rating-stars label {
  color: #D5D5D5;
  font-size: 30px;
  cursor: pointer;
  margin: 0!important;
  padding: 0 5px;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.rating-stars label input {
  display: none;
}
.rating-stars label:hover ~ label,
.rating-stars label.active ~ label {
  color: #D5D5D5;
}
.rating-stars:hover > label,
.rating-stars.active > label {
  color: #F7B500;
}
.rating-stars.block-select {
  pointer-events: none;
}
/*
    Rating like
 */
.rating-like {
  display: inline-block;
}
.rating-like .radio-inline {
  margin: 0 ;
  padding: 2px 20px 0 0;
}
.rating-like .radio-inline input {
  display: none;
}
.rating-like .radio-inline input:checked + label {
  color: #F7B500;
}
.rating-like .radio-inline label {
  color: #D5D5D5;
  font-size: 60px;
  cursor: pointer;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.rating-like .radio-inline:hover label {
  color: #F7B500;
}
.rate-employer h4,
.rate-worker h4 {
  margin-top: 20px;
}
.rating-stars-share {
  color: #686868;
  font-size: 30px;
}
.rating-stars-share .wk2-icon-star-full {
  color: #F7B500;
}
.tipping .help-block {
  margin-top: 20px;
}
.refer-friend-box {
  position: relative;
  z-index: 2;
  margin-top: -140px;
}
.refer-friend-box .container {
  max-width: 700px;
}
.refer-friend-box .btn {
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 50.2px;
}
.refer-friend-box .btn--social {
  padding: 10.5px 10px;
  min-height: initial;
}
.refer-friend-box .btn--social .btn__icon {
  font-size: 25px;
  margin-right: 5px;
}
.refer-friend-box .refer-url {
  cursor: default;
}
.refer-friend-box h5 {
  margin: 10px 0 20px 0;
}
.refer-friend-box .btn-invite .control-spinner,
.refer-friend-box .btn-invite .control-success {
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  position: absolute;
  font-size: 32px;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -15px;
  color: white;
  opacity: 0;
}
.refer-friend-box .btn-invite.checking {
  position: relative;
  color: transparent;
}
.refer-friend-box .btn-invite.checking .control-spinner {
  opacity: 1;
}
.refer-friend-box .btn-invite.success {
  position: relative;
  color: transparent;
}
.refer-friend-box .btn-invite.success .control-success {
  opacity: 1;
}
.refer-friend-header {
  height: 463px;
  margin-left: -15px;
  margin-right: -15px;
}
.refer-friend-header .image {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/refer-friend-header.c143e70b6.jpg);
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 463px;
  left: 0;
  top: 62px;
}
.refer-friend-header .container {
  text-align: center;
  padding-top: 30px;
  max-width: 700px;
}
.refer-friend-header .title {
  position: relative;
  z-index: 1;
  color: white;
}
.refer-friend-header .profile-photo {
  width: 100px;
  height: 100px;
}
.refer-friend-header h4 {
  margin-top: 20px;
  line-height: 32px;
}
.refer-friend-content {
  text-align: center;
}
.refer-friend-content .container {
  max-width: 900px;
}
.refer-friend-content i {
  font-size: 60px;
  color: #2f9aee;
}
.refer-friend-content h3 {
  margin-bottom: 20px;
}
.refer-friend-content h2 {
  margin-bottom: 30px;
}
.refer-friend-content h5 {
  line-height: 26px;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .refer-friend-header {
    height: auto;
    position: relative;
  }
  .refer-friend-header .image {
    top: -24px;
    height: 100%;
  }
  .refer-friend-header .container {
    padding-top: 0;
    padding-bottom: 80px;
  }
  .refer-friend-header .profile-photo {
    width: 50px;
    height: 50px;
    margin-bottom: 0;
  }
  .refer-friend-box {
    margin-top: -70px;
  }
  .refer-friend-content article {
    position: relative;
    padding-left: 70px;
    text-align: left;
  }
  .refer-friend-content article i {
    top: 0;
    left: 0;
    position: absolute;
  }
  .refer-friend-content article h3 {
    margin-bottom: 0;
  }
  .refer-friend-content article h5 {
    max-width: 100%;
  }
}
.smart-messages .tutorial i {
  font-size: 55px;
}
.smart-messages .tutorial h4 {
  margin-bottom: 25px;
}
.smart-messages .tutorial ol,
.smart-messages .tutorial li {
  line-height: 22px;
}
.smart-messages .tutorial ol {
  padding-left: 15px;
}
.smart-messages .rules li {
  position: relative;
  padding-right: 30px;
  margin-bottom: 5px;
}
.smart-messages .rules li .wk2-icon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 25px;
}
.smart-messages .rules strong {
  color: #5A4FA9;
}
.smart-messages-list {
  margin-top: 20px;
}
.smart-messages-row {
  position: relative;
  border-bottom: 1px solid #EFEFEF;
}
.smart-messages-category p,
.smart-messages-item p {
  margin: 5px 0;
}
.smart-messages-category {
  font-weight: 600;
  padding: 15px 10px;
  margin: 0;
}
.smart-messages-category .btn-add {
  margin-top: -5px;
  margin-bottom: -7px;
  margin-right: -5px;
}
.smart-messages-item {
  padding: 15px 10px;
  margin: 0;
  position: relative;
}
.smart-messages-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 2px;
  width: 5px;
}
.smart-messages-item .icon-branch {
  font-size: 30px;
  color: #b4b4b4;
  margin-bottom: -2px;
  vertical-align: bottom;
  display: inline-block;
  margin-top: -10px;
  margin-right: 5px;
}
.smart-messages-item .has-attachments {
  position: absolute;
  left: -10px;
  top: 0;
}
.smart-messages-item .has-attachments .icon {
  height: 20px;
}
.smart-messages-item .message {
  padding-right: 30px;
}
.smart-messages-item.status-active:before {
  background-color: #0AD254;
}
.smart-messages-item.status-paused:before {
  background-color: #6f6f6f;
}
.smart-messages-item.status-pending:before {
  background-color: #EEAF00;
}
.smart-messages-item.status-rejected:before {
  background-color: #FB535B;
}
.smart-messages-actions {
  position: absolute;
  top: -5px;
  right: -20px;
}
.smart-messages-form .budget-radio {
  max-width: 430px;
}
.smart-messages-form textarea {
  min-height: 165px;
  max-height: 300px;
  resize: vertical;
}
.smart-messages-form h2 {
  margin-top: 0;
}
.smart-messages-form .wk-bullet {
  margin: 30px 0 10px;
}
.smart-messages-form .upload-block-slim .attach-file-wrapper a {
  min-height: auto;
}
.smart-messages-form .skills-select .display-selector .skill {
  background-color: #EFEFEF;
}
.smart-messages-form .skills-select .display-selector .skill.selected {
  background-color: #2f9aee;
}
.smart-messages-form .skills-exclude .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: none!important;
}
.smart-messages-form .skills-exclude .display-selector .skill {
  background-color: #EFEFEF;
}
.smart-messages-form .skills-exclude .display-selector .skill.selected {
  background-color: #FB535B;
}
@media (min-width: 767px) {
  .smart-messages-form .radio-box-new input[type="radio"]:empty ~ label {
    padding: 15px;
  }
}
.smart-messages .project-tips {
  margin-top: 0;
}
.smart-messages .project-tips h4 {
  margin-bottom: 30px;
}
.smart-messages .project-tips .wk2-icon-circle-question {
  font-size: 24px;
}
.smart-messages .google-play-badge img {
  max-width: 150px;
  margin-left: -10px;
}
.smart-messages .btn-pause-all {
  margin-top: 15px;
}
.smart-messages .page-header {
  padding-top: 7px;
}
@media (max-width: 767px) {
  .smart-messages .page-header {
    margin-bottom: 0;
  }
  .smart-messages-content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  .smart-messages-block {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  .smart-messages .tutorial {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  .smart-messages .tutorial i {
    position: absolute;
    font-size: 36px;
  }
  .smart-messages .tutorial h4 {
    padding-left: 40px;
    margin-bottom: 15px;
  }
  .smart-messages .tutorial .wk2-icon-startup {
    margin-left: 7px;
  }
  .smart-messages-category,
  .smart-messages-item,
  .smart-messages-row {
    padding: 0;
  }
  .smart-messages-category p,
  .smart-messages-item p,
  .smart-messages-row p {
    margin: 10px 0;
  }
  .smart-messages-category {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .smart-messages-category .category {
    padding-right: 50px;
  }
  .smart-messages-category .btn-add {
    position: absolute;
    top: 0;
    right: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -36px;
  }
  .smart-messages-item:before {
    max-height: 32px;
    top: -10px;
  }
  .smart-messages-item p {
    padding-left: 20px;
  }
  .smart-messages-item .icon-branch {
    position: absolute;
    left: 12px;
    top: 0;
  }
  .smart-messages-item .has-attachments {
    left: 10px;
  }
  .smart-messages-actions {
    right: -10px;
  }
  .smart-messages-form {
    padding: 20px;
  }
  .smart-messages-form .wk-submit-block {
    margin-bottom: 0;
  }
  .smart-messages-form .wk-submit-block .btn {
    margin-bottom: 0;
  }
  .smart-messages-form .budget-radio {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .smart-messages-form .budget-radio .radio-box-new label {
    border: 0!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
  }
  .smart-messages-form .budget-radio .radio-box-new label:after {
    margin-left: -10px;
  }
  .smart-messages-form .budget-radio .radio-box-new label:before {
    margin-left: -10px;
  }
}
.time-report h1 {
  margin: 60px 0px 10px;
}
.time-report h2 {
  padding-bottom: 40px;
}
@media (min-width: 991px) {
  .time-report h2 {
    padding: 0px 25% 40px 25%;
  }
}
.time-report h3 {
  margin: 0px 0px 60px 0px;
  font-weight: normal;
}
.time-report ul {
  padding: 0px;
}
.time-report ul li {
  list-style: none;
  margin: 0 0 50px 0;
}
.time-report ul li:last-child {
  margin: 0px;
}
.time-report .icon {
  width: 68px;
  height: 68px;
  float: left;
  background-repeat: no-repeat;
  background-position: left top;
}
.time-report .text {
  margin-top: 10px;
  font-size: 16px;
}
.time-report .step01 .icon {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/icon-time-report-step01.db861387e.svg);
  background-position: 10px top;
}
.time-report .step02 .icon {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/icon-time-report-step02.5e0a255ba.svg);
  background-position: 15px top;
}
.time-report .step03 .text {
  margin-top: 0px;
}
.time-report .step03 .icon {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/icon-time-report-step03.8040f9907.svg);
  background-position: 10px top;
}
.time-report .featured-image img {
  display: inline-block;
  width: 100%;
}
@media (max-width: 991px) {
  .time-report .featured-image img {
    margin-top: 30px;
  }
}
.time-report .items-download {
  padding: 40px 0 0 0;
}
@media (min-width: 991px) {
  .time-report .items-download .row {
    margin-bottom: 20px;
  }
}
.time-report .items-download .btn {
  text-align: left;
}
.time-report .items-download .btn .icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 30px;
  font-size: 36px;
}
.time-report .items-download .btn a {
  color: #FFFFFF;
  margin-top: 5px;
  font-size: 12px;
}
.time-report .items-download .btn a:hover {
  text-decoration: none;
}
@media (min-width: 991px) {
  .time-report .description .box-common {
    min-height: 500px;
  }
}
.time-report .description .box-common i {
  float: left;
  width: 100%;
}
@media (min-width: 991px) {
  .time-report .description .box-common i {
    margin: 20px 0px;
  }
}
.time-report .description .box-common h4 {
  margin: 20px 0px;
  float: left;
  width: 100%;
  line-height: 25px;
}
@media (min-width: 991px) {
  .time-report .description .box-common h4 {
    min-height: 50px;
  }
}
.time-report .description .box-common p {
  line-height: 25px;
}
.troubleshooter__question {
  margin-bottom: 10px;
}
.troubleshooter__question--selected {
  font-weight: 600;
}
.project-upsell-new {
  margin: 40px 15px;
}
.project-upsell-new .col-full {
  padding-left: 0;
  padding-right: 0;
}
.project-upsell-new .row.is-flex-sm-min {
  min-height: 540px;
}
.project-upsell-new .icon-upsell {
  position: absolute;
  right: 20px;
  top: 20px;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px;
  height: 30px;
}
.project-upsell-new .upsell:first-child .upsell-wrapper {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.project-upsell-new .upsell:last-child .upsell-wrapper {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.project-upsell-new .upsell-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
  line-height: 26px;
  background-color: #FFFFFF;
}
.project-upsell-new .upsell h2 {
  padding-right: 50px;
  margin-top: 0;
  min-height: 66px;
}
.project-upsell-new .upsell .h5 {
  min-height: 52px;
  display: block;
  line-height: 26px;
}
.project-upsell-new .upsell-label {
  line-height: 45px;
  padding-bottom: 11px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
}
.project-upsell-new .upsell-label .lg {
  font-size: 30px;
  vertical-align: middle;
}
.project-upsell-new .upsell-label .md {
  font-size: 20px;
  vertical-align: middle;
}
.project-upsell-new .upsell-label .sm {
  font-size: 16px;
}
.project-upsell-new .upsell-discount {
  display: inline-block;
  margin-bottom: 10px;
}
.project-upsell-new .upsell-discount .h4,
.project-upsell-new .upsell-discount .badge {
  display: block;
}
.project-upsell-new .upsell-discount .h4 {
  margin: 0;
  opacity: 0.6;
  position: relative;
}
.project-upsell-new .upsell-discount .h4:before {
  content: '';
  border-bottom: 1px solid #333333;
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  opacity: 0.6;
}
.project-upsell-new .upsell-discount .lg,
.project-upsell-new .upsell-discount .md,
.project-upsell-new .upsell-discount .sm {
  vertical-align: middle;
}
.project-upsell-new .upsell-discount .md {
  font-size: 80%;
}
.project-upsell-new .upsell-discount .sm {
  font-size: 60%;
}
.project-upsell-new .upsell-discount .badge {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px;
  text-transform: uppercase;
}
.project-upsell-new .upsell-list {
  padding: 10px 0;
  list-style: none;
  font-weight: 600;
}
.project-upsell-new .upsell-list li {
  padding: 10px 0;
  border-bottom: 1px solid #EFEFEF;
}
.project-upsell-new .upsell-list li:last-child {
  border-bottom: none;
}
.project-upsell-new .upsell-feature .upsell-wrapper {
  padding: 0 20px;
  position: relative;
}
.project-upsell-new .upsell-feature .upsell-wrapper .h5 {
  margin: 0;
  padding: 15px 0;
  line-height: 26px;
}
.project-upsell-new .upsell-feature .upsell-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  background-color: #EFEFEF;
  height: 1px;
}
.project-upsell-new .upsell-feature.featured .upsell-wrapper {
  background-color: #1681D5;
  color: white;
}
.project-upsell-new .upsell-feature.featured .upsell-wrapper:after {
  background-color: rgba(239, 239, 239, 0.5);
}
.project-upsell-new .upsell-features .row:last-child .upsell-wrapper:after {
  display: none;
}
.project-upsell-new .upsell-features .row:last-child .upsell-feature.featured .upsell-wrapper:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 20px;
  background-color: #1681D5;
  display: block;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.project-upsell-new .upsell-private h2 {
  color: #253556;
}
.project-upsell-new .upsell-private .upsell-btn {
  background-color: #253556;
  color: white;
}
.project-upsell-new .upsell-private .upsell-discount .badge {
  background-color: #253556;
  color: white;
}
.project-upsell-new .upsell-bundle h2 {
  color: #253556;
}
.project-upsell-new .upsell-bundle .upsell-btn {
  background-color: #253556;
  color: white;
}
.project-upsell-new .upsell-bundle .upsell-discount .badge {
  background-color: #253556;
  color: white;
}
.project-upsell-new .upsell-bundle .upsell-discount .h4:before {
  border-bottom-color: #253556;
}
.project-upsell-new .upsell-email-promoted h2 {
  color: #5A4FA9;
}
.project-upsell-new .upsell-email-promoted .upsell-btn {
  background-color: #5A4FA9;
  color: white;
}
.project-upsell-new .upsell-email-promoted .upsell-discount .badge {
  background-color: #5A4FA9;
  color: white;
}
.project-upsell-new .upsell-highlight h2 {
  color: #EEAF00;
}
.project-upsell-new .upsell-highlight .upsell-btn {
  background-color: #EEAF00;
  color: white;
}
.project-upsell-new .upsell-highlight .upsell-discount .badge {
  background-color: #EEAF00;
  color: white;
}
.project-upsell-new .upsell-assistance h2 {
  color: #2f9aee;
}
.project-upsell-new .upsell-assistance .upsell-btn {
  background-color: #2f9aee;
  color: white;
}
.project-upsell-new .upsell-assistance .upsell-discount .badge {
  background-color: #2f9aee;
  color: white;
}
.project-upsell-new .upsell-urgent h2 {
  color: #FB535B;
}
.project-upsell-new .upsell-urgent .upsell-btn {
  background-color: #FB535B;
  color: white;
}
.project-upsell-new .upsell-urgent .upsell-discount .badge {
  background-color: #FB535B;
  color: white;
}
.project-upsell-new .upsell-free h2 {
  color: #253556;
}
.project-upsell-new .upsell-free .upsell-btn {
  background-color: #253556;
  color: white;
}
.project-upsell-new .upsell-free .upsell-discount .badge {
  background-color: #253556;
  color: white;
}
.project-upsell-new .upsell-free .free-label {
  font-size: 30px;
}
.project-upsell-new .upsell.featured .upsell-wrapper {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-color: #1681D5;
  color: white;
  margin-top: -20px;
  height: calc(20px + 100%);
  padding-top: 40px;
}
.project-upsell-new .upsell.featured h2 {
  color: white;
}
.project-upsell-new .upsell.featured .upsell-btn {
  background-color: white;
  color: #2F9AEE;
}
.project-upsell-new .upsell.featured .upsell-discount .badge {
  background-color: white;
  color: #2f9aee;
}
.project-upsell-new .upsell.featured .upsell-discount .h4:before {
  border-bottom-color: white;
}
.project-upsell-new .upsell.featured .upsell-list li {
  border-bottom: 1px solid rgba(239, 239, 239, 0.5);
}
.project-upsell-new .upsell.featured .upsell-list li:last-child {
  border-bottom: none;
}
.project-upsell-new .upsell.featured .icon-upsell {
  top: 40px;
}
@media (max-width: 991px) {
  .project-upsell-new {
    margin: 20px 0 0 0;
  }
  .project-upsell-new .col-full {
    padding-left: 15px;
    padding-right: 15px;
  }
  .project-upsell-new .upsell {
    padding: 10px 15px;
    text-align: center;
    flex: 0 1 100%;
    flex-basis: 100%!important;
    order: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .project-upsell-new .upsell .btn-block {
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
  }
  .project-upsell-new .upsell .icon-upsell {
    display: none;
  }
  .project-upsell-new .upsell h2 {
    padding-right: 0;
  }
  .project-upsell-new .upsell .h5,
  .project-upsell-new .upsell h2 {
    min-height: 0;
  }
  .project-upsell-new .upsell .collapse-group .btn {
    margin: 0;
    text-decoration: underline;
  }
  .project-upsell-new .upsell.featured {
    order: 0;
  }
  .project-upsell-new .upsell.featured .upsell-wrapper {
    height: 100%;
    padding-top: 20px;
    margin-top: 0;
  }
  .project-upsell-new .upsell.featured .icon-upsell {
    top: 20px;
  }
  .project-upsell-new .upsell.featured .collapse-group .btn {
    color: white!important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .project-upsell-new .upsell h2 {
    font-size: 20px;
  }
  .project-upsell-new .upsell-label {
    padding-bottom: 5px;
  }
  .project-upsell-new .upsell-discount {
    display: block;
  }
  .project-upsell-new .upsell-discount .h4,
  .project-upsell-new .upsell-discount .badge {
    display: inline-block;
  }
}
.user-config {
  line-height: 26px;
}
.user-config .tab-content {
  padding: 15px 30px 15px 0;
}
.user-config .control-label {
  margin: 10px 0;
}
.user-config .h3 {
  margin-bottom: 20px;
}
.user-config .h4 {
  margin: 15px 0 10px 0;
}
.user-config .tgl-btn {
  margin-top: 12px;
}
@media (min-width: 992px) {
  .user-config .page-header {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .wk-time-picker {
    max-width: 286px;
  }
}
.wk-time-picker nav {
  text-align: center;
}
.wk-time-picker nav .btn {
  margin: 10px;
  width: 54px;
  height: 30px;
}
.wk-time-picker nav .btn i {
  font-size: 42px;
  line-height: 30px;
}
.wk-time-picker nav .btn + .btn {
  float: right;
}
@media (min-width: 768px) {
  .wk-time-picker nav .btn:hover {
    background-color: #EFEFEF;
  }
}
.wk-time-picker time {
  display: block;
  color: #253556;
  text-align: center;
  font-size: 72px;
  line-height: 100px;
  user-select: none;
}
.admin-toggle {
  cursor: pointer;
}
.admin-toggle .wk2-icon-down::before {
  display: inline-block;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.admin-toggle[aria-expanded="false"] .wk2-icon-down::before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.admin-withdraws .table tr.payed {
  background: #AAA;
  opacity: 0.5;
}
.admin-withdraws .table tr.payed:hover {
  background: #DDD;
  opacity: 1;
}
.logged-in-as .alert {
  z-index: 2;
}
.alert-proposal {
  margin: 20px 0;
  padding: 15px;
}
.alert-proposal .wk-bullet,
.alert-proposal h3 {
  margin: 0;
}
.alert-proposal i {
  line-height: 22px;
}
@media (max-width: 767px) {
  .alert-proposal h3 {
    margin-bottom: 15px;
  }
}
.bid {
  border-bottom: 1px solid #EFEFEF;
}
.bid.empty {
  text-align: center;
  padding: 30px 15px;
}
.bid.empty .btn {
  margin-top: 20px;
}
.bid.empty .wk2-icon {
  font-size: 39px;
}
.bid.invite {
  padding: 30px;
}
.bid.invite .options-block .btn {
  min-width: 130px;
  max-height: 37px;
}
@media (max-width: 991px) {
  .bid.invite .options-block .btn {
    max-width: 100%;
    width: 100%;
  }
}
.bid.invite .options-block .btn .wk2-icon {
  display: none;
  opacity: 0;
  margin-top: -5px;
  position: initial;
}
.bid.invite .options-block .btn .wk2-icon-spinner {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.bid.invite .options-block .btn.process {
  pointer-events: none;
  cursor: default;
}
.bid.invite .options-block .btn.process span,
.bid.invite .options-block .btn.process .wk2-icon-verifyed {
  display: none;
}
.bid.invite .options-block .btn.process .wk2-icon-spinner {
  display: inline-block;
  opacity: 1;
}
.bid.invite .options-block .btn.done {
  pointer-events: none;
  cursor: default;
}
.bid.invite .options-block .btn.done span,
.bid.invite .options-block .btn.done .wk2-icon-spinner {
  display: none;
}
.bid.invite .options-block .btn.done .wk2-icon-verifyed {
  display: inline-block;
  font-size: 26px;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -mozanimation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDelay;
  -moz-animation-name: fadeInDelay;
  animation-name: fadeInDelay;
  opacity: 1;
  display: block;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInDelay {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bid.message .new {
  margin-bottom: 20px;
}
.bid.message .new a {
  color: #2f9aee;
  font-weight: 600;
}
.bid.item {
  padding: 30px;
  margin: 0px;
}
@media (max-width: 768px) {
  .bid.item {
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .bid.item .acknowledged {
    display: none;
  }
}
.bid.item .user .user-wrapper {
  max-width: 73px;
  max-height: 73px;
  position: relative;
  float: left;
  margin-right: 10px;
}
.bid.item .user .user-wrapper .profile-photo {
  width: 73px;
  height: 73px;
  margin: 10px 0 20px 0;
  position: relative;
}
@media (max-width: 1199px) {
  .bid.item .user .user-wrapper .profile-photo {
    width: 25px;
    height: 25px;
    margin-top: 0;
  }
}
.bid.item .user .user-wrapper .user-message {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 11px;
  background-color: #253556;
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #FFF;
}
.bid.item .user .user-wrapper .user-message:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 10px solid #253556;
  transform: rotate(-45deg);
  margin-top: -5px;
}
@media (max-width: 767px) {
  .bid.item .user .user-wrapper .user-message {
    right: auto;
    left: 16px;
    top: -10px;
    height: 20px;
    width: 20px;
    line-height: 20px;
  }
}
@media (min-width: 767px) {
  .bid.item .bid-info {
    width: 88%;
  }
}
@media (max-width: 767px) {
  .bid.item .bid-info .btn {
    padding: 6px 8px;
  }
  .bid.item .bid-info .btn-circle {
    padding: 0;
    width: 20px;
    height: 20px;
  }
  .bid.item .bid-info .btn-circle .wk2-icon {
    padding: 0;
    font-size: 16px;
    top: -6px;
  }
}
.bid.item .medals .profile-badge {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.bid.item .add-wrapper {
  position: relative;
  width: 30px;
  display: inline-block;
}
.bid.item .add-wrapper .wk2-icon-star-full {
  font-size: 24px;
  position: absolute;
  top: -18px;
  transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
}
.bid.item .add-wrapper .wk2-icon-star-full.add {
  color: #F7B500;
}
.bid.item .add-wrapper .wk2-icon-star-full.remove {
  color: #D5D5D5;
}
.bid.item .badge {
  font-weight: 600;
  margin: 0px 5px 5px 0;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .bid.item .badge {
    font-size: 10px;
  }
}
.bid.item .badge-featured {
  background-color: #2f9aee;
}
.bid.item .badge-new {
  background-color: #5A4FA9;
}
.bid.item .badge-message {
  background-color: #253556;
}
@media (max-width: 991px) {
  .bid.item .item-data {
    font-size: 11px;
  }
}
.bid.item .item-data .value {
  font-size: 14px;
  font-weight: 600;
}
.bid.item .title {
  line-height: 30px;
  margin-top: 0px;
}
@media (max-width: 991px) {
  .bid.item .title {
    margin-bottom: 0px;
    line-height: 22px;
  }
}
.bid.item .title a {
  color: #686868;
}
.bid.item .price {
  font-size: 20px;
  color: #0AD254;
  margin-bottom: 0px;
  min-height: 30px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .bid.item .price {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .bid.item .price {
    margin-bottom: 10px;
  }
  .bid.item .price .option {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 10px;
    border-left: 1px solid #EFEFEF;
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .bid.item .price {
    font-size: 16px;
  }
}
.bid.item .country {
  margin-top: 15px;
}
.bid.item .country .flag {
  margin-bottom: -7px;
  border: 0px;
  width: 22px;
  height: 22px;
}
.bid.item .stat {
  font-size: 11px;
  display: inline-block;
}
.bid.item .message-intro {
  line-height: 26px;
  margin-bottom: 20px;
}
.bid.item .message-intro a {
  color: #2f9aee;
}
.bid.item .message-intro a.more {
  color: #0AD254;
}
@media (max-width: 767px) {
  .bid.item .message-intro {
    line-height: normal;
    margin-bottom: 10px;
  }
}
.bid.item .options-block .option {
  margin: 0 10px;
  color: #333333;
  display: inline-block;
}
.bid.item .options-block .option.delete {
  opacity: 0;
  margin: 10px;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
.bid.item .options-block .option.delete:hover {
  cursor: pointer;
  text-decoration: none;
}
.bid.item .options-block .btn .status {
  width: 10px;
  height: 10px;
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #a8a8a8;
}
.bid.item .options-block .btn .status.online {
  background-color: #0AD254;
}
.bid.item .options-block .send-message-option {
  display: inline-block;
}
@media (max-width: 991px) {
  .bid.item .options-block > div {
    padding-right: 40px;
  }
  .bid.item .options-block .option {
    margin: 5px 0 5px 5px;
    font-size: 12px;
  }
  .bid.item .options-block .option.delete {
    margin: 0;
    opacity: 1;
    position: absolute;
    top: -5px;
    padding: 5px 15px;
    right: 0;
  }
}
.bid.item:hover .options-block .delete {
  opacity: 1;
}
@media (max-width: 991px) {
  .bid.item .mobile-user-info {
    margin-bottom: 10px;
  }
  .bid.item .mobile-user-info span {
    margin-right: 3px;
  }
}
@media (max-width: 767px) {
  .bid.item .mobile-user-info {
    margin-bottom: 0;
    margin-top: -5px;
  }
}
.bid-block .bid.item .user {
  width: 12%;
  float: left;
}
.bid-header .item-data {
  margin-bottom: 30px;
}
.bid-header .item-data .value {
  font-size: 16px;
  font-weight: 600;
}
.bid-header .btn {
  padding: 10px 9.6px;
}
@media (max-width: 768px) {
  .bid-block > .col-md-12 {
    padding: 0px;
    margin: 10px 0 0 0;
  }
}
.bid-block header {
  z-index: 1;
  background-color: #FFFFFF;
  top: 65px;
}
.bid-block header .nav-tab li a {
  padding: 25px 20px;
}
@media (max-width: 1199px) {
  .bid-block header .nav-tab li a {
    padding: 25px 15px;
  }
}
.bid-block header .nav-tab li a.btn-brand {
  background-color: #2f9aee;
  color: #FFFFFF;
  padding: 13px;
  margin: 10px 20px 13px 5px;
}
.bid-block header .nav-tab li a.btn-brand .wk2-icon {
  font-size: 17px;
  position: relative;
  top: -2px;
}
.bid-block header .nav-tab .active .badge {
  padding: 3px 5px;
  font-size: 9px;
  background-color: #2f9aee;
}
.bid-block header .nav-tab .badge {
  padding: 3px 5px;
  font-size: 9px;
  background-color: #6f6f6f;
  float: right;
  margin: 3px;
  transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .bid-block header .nav-tab li {
    width: initial;
  }
  .bid-block header .nav-tab li a {
    padding: 20px 30px;
  }
}
.bid-block .nav-tab-blue li {
  width: 16.66666667%;
  padding: 0;
  line-height: 50px;
  display: inline-block;
  float: none;
  text-align: center;
}
.bid-block .nav-tab-blue li a {
  padding: 0px;
  font-weight: 600;
}
.bid-block .nav-tab-blue li a .wk2-icon {
  font-size: 22px;
  position: relative;
  top: 8px;
}
.bid-block .nav-tab-blue li a .badge {
  background-color: transparent;
  color: #FFFFFF;
}
.bid-block .nav-tab-blue li a:hover {
  border-bottom: 0px;
}
@media (max-width: 767px) {
  .bid-block .nav-tab-blue li a .badge {
    padding: 0;
    margin: 0;
    vertical-align: inherit;
  }
}
.bid-block .nav-tab-blue li.active .badge {
  background-color: transparent;
  color: #2f9aee;
}
.bid-block .nav-tab-blue li.active a {
  border-bottom: 0px;
}
.bid-block .dialog-float {
  right: 10px;
  bottom: -80px;
  position: absolute;
  left: auto;
}
@media (max-width: 768px) {
  .bid-block .dialog-float {
    position: sticky;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    padding: 5px;
    margin-left: -15px;
    margin-right: -15px;
    bottom: 51px;
    left: 0px;
  }
}
.bid-block footer .dialog-float {
  width: 100%;
}
@media (max-width: 768px) {
  .bid-header .item-data {
    margin-bottom: 10px;
  }
  .nav-line {
    font-size: 10px;
    margin-bottom: 15px!important;
  }
}
.merit-block {
  background-color: #EFEFEF;
  position: relative;
  padding: 15px 15px 15px 70px;
  overflow: hidden;
  display: inline-block;
}
.merit-block .h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.merit-block .text {
  margin-bottom: 0;
}
.merit-block .text b {
  display: none;
}
.merit-block .merit-icon {
  height: 100%;
  position: absolute;
  width: 60px;
  top: 0;
  left: 0;
  background-color: #D5D5D5;
  color: white;
  font-size: 50px;
  text-align: center;
}
.merit-block .merit-icon:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: block;
  margin-top: -25px;
}
.merit-block .merit-icon.wk2-icon-fire:before {
  margin-top: -32px;
}
.merit-block.red .merit-icon {
  background-color: #FB535B;
}
.merit-block.primary .merit-icon {
  background-color: #253556;
}
.merit-block.blue .merit-icon {
  background-color: #2f9aee;
}
.merit-block.violet .merit-icon {
  background-color: #5A4FA9;
}
.merit-block.green .merit-icon {
  background-color: #0AD254;
}
@media (max-width: 991px) {
  .merit-block {
    padding: 10px 10px 10px 54px;
  }
  .merit-block .merit-icon {
    width: 44px;
    font-size: 35px;
  }
  .merit-block .merit-icon:before {
    margin-top: -20px;
  }
  .merit-block .merit-icon.wk2-icon-fire:before {
    margin-top: -22px;
  }
}
@media (min-width: 992px) {
  .thanks-post-bid .recomended-projects .project-item {
    height: 320px;
  }
  .thanks-post-bid .recomended-projects .project-item .project-author {
    height: 60px;
  }
  .thanks-post-bid .recomended-projects .project-item .project-main-details {
    height: 40px;
  }
  .thanks-post-bid .recomended-projects .project-item .project-details {
    height: 40px;
    overflow: hidden;
  }
}
.fee-modal p {
  line-height: 24px;
}
.fee-modal h5 {
  margin: 0;
}
.fee-modal .profile-photo {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.fee-modal .user-info {
  margin: 20px 0;
}
.fee-modal .user-info p {
  line-height: 18px;
}
.fee-modal .modal-content {
  border-top: 0;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.fee-modal .modal-body {
  height: auto;
  max-height: 530px;
  overflow-y: auto;
}
@media (max-height: 700px) {
  .fee-modal .modal-body {
    height: auto;
    max-height: 400px;
  }
}
@media (max-height: 600px) {
  .fee-modal .modal-body {
    height: auto;
    max-height: 340px;
  }
}
.fee-modal .modal-footer {
  border-top: 0;
}
.fee-modal .modal-footer p {
  margin: 20px 0;
  text-align: left;
  line-height: normal;
}
@media (min-width: 768px) {
  .fee-modal {
    width: 745px;
  }
}
@media (max-width: 767px) {
  .fee-modal h5 {
    margin-top: 15px;
  }
  .fee-modal .modal-body {
    padding: 10px 0 0 0;
    max-height: 85vh;
  }
  .fee-modal .modal-body > p {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fee-modal .modal-body .user-info {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .fee-modal .modal-body .user-info p {
    line-height: 18px;
  }
  .fee-modal .modal-footer {
    display: none;
  }
  .fee-modal .modal-header {
    padding-bottom: 10px;
  }
  .fee-modal .fee-table {
    border: 0;
    margin-bottom: 0;
    font-size: 11px;
  }
  .fee-modal .fee-table thead tr > th {
    font-weight: normal;
  }
  .fee-modal .fee-table tfoot {
    background-color: #253556;
    color: white;
  }
  .fee-modal .fee-table tfoot tr {
    border: 0;
  }
}
.fee-table {
  margin-bottom: 0;
}
.fee-table.with-custom-fee .original-rate {
  text-decoration: line-through;
}
.fee-table.with-custom-fee .badge.hero {
  position: relative;
  top: -2px;
}
.fee-table .status {
  width: 16px;
  height: 16px;
  background-color: white;
  display: inline-block;
  vertical-align: middle;
  margin-top: -4px;
  color: white;
  text-align: center;
  margin-right: 5px;
  font-size: 13px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.fee-table .status.success {
  background-color: #0AD254;
}
.fee-table thead {
  letter-spacing: 0;
}
.fee-table tfoot td {
  text-transform: uppercase;
  font-weight: 600;
}
.fee-table tfoot > tr > th,
.fee-table thead > tr > th,
.fee-table tbody > tr > td {
  padding-right: 2px;
  padding-left: 2px;
}
.fee-table tfoot > tr > th:first-child,
.fee-table thead > tr > th:first-child,
.fee-table tbody > tr > td:first-child {
  padding-left: 10px;
}
@media (max-width: 767px) {
  .fee-table tfoot > tr > th:first-child,
  .fee-table thead > tr > th:first-child,
  .fee-table tbody > tr > td:first-child {
    padding-left: 5px;
  }
}
.fee-table tfoot > tr > th:last-child,
.fee-table thead > tr > th:last-child,
.fee-table tbody > tr > td:last-child {
  padding-right: 10px;
}
@media (max-width: 767px) {
  .fee-table tfoot > tr > th:last-child,
  .fee-table thead > tr > th:last-child,
  .fee-table tbody > tr > td:last-child {
    padding-right: 5px;
  }
}
.gamification .medals .medal {
  height: 32px;
  width: 32px;
  display: inline-block;
  background-size: 100%;
  opacity: 0.2;
  position: relative;
  margin: 20px 0;
}
.gamification .medals .medal.active {
  opacity: 1;
}
.gamification .medals .medal .medal-name {
  position: absolute;
  top: -20px;
  left: 0;
  color: #FB535B;
  font-weight: 600;
  text-transform: capitalize;
}
.gamification-pending-steps h3 {
  margin-bottom: 30px;
}
.gamification-pending-steps .item {
  margin-bottom: 10px;
}
.unilever-landing-header {
  background-image: url(https://wkncdn.com/newx/assets/build/img/unilever/unilever-header-background.7b49f51d6.jpg);
  background-size: contain;
  background-color: #5A4FA9;
}
.unilever-landing-header .btn {
  margin-top: 20px;
  padding: 17px 28.8px;
}
@media (max-width: 1199px) {
  .unilever-landing-header {
    background-size: cover;
    background-position-x: 125px;
  }
}
@media (max-width: 991px) {
  .unilever-landing-header {
    text-align: center;
    background: #5A4FA9;
  }
}
.unilever-landing-steps {
  text-align: center;
  padding-bottom: 60px;
  background-color: white;
}
.unilever-landing-steps .container {
  max-width: 900px;
}
.unilever-landing-steps .h2 {
  margin-top: 40px;
}
.unilever-landing-steps .subtitle {
  max-width: 600px;
  margin: 30px auto;
}
.unilever-landing-steps p {
  line-height: 26px;
}
.unilever-landing-steps .step {
  background-position: center 10px;
  background-repeat: no-repeat;
  background-size: auto 110px;
}
.unilever-landing-steps .step p {
  padding: 135px 0 10px 0;
}
.unilever-landing-steps .step1 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/unilever/unilever-step-1.75b89ffd7.svg);
}
.unilever-landing-steps .step2 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/unilever/unilever-step-2.f40d0d0cb.svg);
  background-size: auto 96px;
}
.unilever-landing-steps .step3 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/unilever/unilever-step-3.2b465ddf0.svg);
}
@media (max-width: 767px) {
  .unilever-landing-steps {
    padding-bottom: 30px;
  }
  .unilever-landing-steps .step {
    text-align: left;
    background-size: 80px auto;
    background-position: 15px 0;
  }
  .unilever-landing-steps .step p {
    padding: 0 0 0 100px;
    margin-bottom: 30px;
  }
}
.unilever-landing-posts .h2 {
  margin: 40px 0;
}
.unilever-landing-posts .h4 {
  margin-top: 20px;
  line-height: 20px;
}
.unilever-landing-posts article {
  text-align: left;
  padding-bottom: 10px;
}
.unilever-landing-posts article:last-child {
  padding-bottom: 0px;
}
.unilever-landing-posts .btn {
  margin: 20px 20px 0 0;
  float: right;
}
.unilever-landing-posts .label {
  font-size: 11px;
}
@media (max-width: 991px) {
  .unilever-landing-posts article {
    padding: 15px;
    border-bottom: solid 1px #EFEFEF;
  }
  .unilever-landing-posts article .btn {
    float: none;
  }
  .unilever-landing-posts article .h4 {
    margin-top: 0;
  }
  .unilever-landing-posts article:last-child {
    border-bottom: 0;
    padding-bottom: 10px;
  }
}
.unilever-landing-footer {
  background-image: url(https://wkncdn.com/newx/assets/build/img/unilever/unilever-footer-background.65510ced4.jpg);
  background-repeat: no-repeat;
  background-color: #2f9aee;
  background-size: cover;
  background-position: center;
}
.unilever-landing-footer .h2 {
  line-height: 39px;
}
@media (max-width: 991px) {
  .unilever-landing-footer {
    background-image: none;
  }
}
.unilever-landing .smile {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(https://wkncdn.com/newx/assets/build/img/unilever/smile.31c978406.png);
  margin-left: 5px;
  vertical-align: middle;
}
.unilever-logo {
  width: 83px;
  height: 92px;
  display: inline-block;
  background-image: url(https://wkncdn.com/newx/assets/build/img/unilever/unilever-logo.08bf358e7.svg);
  margin-bottom: 15px;
}
.auto-responses {
  text-align: right;
  line-height: 24px;
}
.auto-responses ul {
  margin-bottom: 0;
}
.auto-responses a {
  display: inline-block;
  padding: 4px 10px;
  background-color: white;
  border: solid 1px #D5D5D5;
  font-weight: 600;
  color: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 5px;
  text-decoration: none!important;
}
@media (min-width: 992px) {
  .auto-responses a {
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
  .auto-responses a:hover {
    background-color: #f7f7f7;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
}
.messages-new-content .message-author.color0 {
  color: #861AED;
}
.messages-new-content .message-author.color1 {
  color: #933853;
}
.messages-new-content .message-author.color2 {
  color: #1C3262;
}
.messages-new-content .message-author.color3 {
  color: #10B5CE;
}
.messages-new-content .message-author.color4 {
  color: #C8466B;
}
.messages-new-content .message-author.color5 {
  color: #483AD7;
}
.messages-new-content .message-author.color6 {
  color: #CB8229;
}
.messages-new-content .message-author.color7 {
  color: #F21394;
}
.messages-new-content .message-author.color8 {
  color: #F59F12;
}
.messages-new-content .message-author.color9 {
  color: #3B25F4;
}
.message h5 .chat-author-thread.color0 {
  color: #861AED;
}
.message h5 .chat-author-thread.color1 {
  color: #933853;
}
.message h5 .chat-author-thread.color2 {
  color: #1C3262;
}
.message h5 .chat-author-thread.color3 {
  color: #10B5CE;
}
.message h5 .chat-author-thread.color4 {
  color: #C8466B;
}
.message h5 .chat-author-thread.color5 {
  color: #483AD7;
}
.message h5 .chat-author-thread.color6 {
  color: #CB8229;
}
.message h5 .chat-author-thread.color7 {
  color: #F21394;
}
.message h5 .chat-author-thread.color8 {
  color: #F59F12;
}
.message h5 .chat-author-thread.color9 {
  color: #3B25F4;
}
.messages-new {
  height: 100vh;
  margin-bottom: -50px;
  margin-top: -70px;
  position: relative;
  padding-top: 70px;
  margin-left: -15px;
}
.messages-new .btn-videocall {
  padding: 5px 10px;
  margin-right: 0;
}
.messages-new .btn-videocall i {
  margin-right: 5px;
}
.messages-new .btn-videocall i:last-child {
  margin-right: 0;
}
.messages-new .status {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  right: -4px;
  display: none;
  background-color: #a8a8a8;
  margin-top: -6px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.messages-new .status.online {
  display: block;
  background-color: #0AD254;
}
.messages-new .profile-photo {
  width: 44px;
  height: 44px;
  border: solid 2px transparent;
}
.messages-new .profile-photo.pro {
  border-color: #55DDDE;
}
.messages-new .badge-info {
  background-color: #D5D5D5;
}
.messages-new-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.messages-new-roaster,
.messages-new aside,
.messages-new-content {
  float: left;
  height: 100%;
}
.messages-new-roaster,
.messages-new aside {
  background-color: white;
}
.messages-new nav,
.messages-new aside {
  overflow-y: auto;
}
.messages-new-title {
  width: 100%;
  height: 79px;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-bottom: solid 1px #D5D5D5;
}
.messages-new-title h4 {
  margin: 14px 0 5px 0;
}
.messages-new-title .btn-videocall {
  margin-top: 10px;
  margin-bottom: 0;
}
.messages-new-title .dropdown.dropdown-dialog.dropdown-dialog-mobile {
  position: absolute;
  top: 18px;
  right: 0;
  z-index: 4;
}
.messages-new-title .dropdown.dropdown-dialog.dropdown-dialog-mobile .dropdown-toggle {
  color: white!important;
}
.messages-new-title .project-data {
  margin-top: 10px;
  display: inline-block;
  vertical-align: middle;
}
.messages-new-title .project-data strong,
.messages-new-title .project-data .label {
  margin-right: 10px;
}
.messages-new-content {
  padding-top: 80px;
  padding-bottom: 114px;
}
.messages-new-content section {
  padding: 16px;
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.messages-new-content section .alert-container {
  padding: 6px 0;
  background-color: #EFEFEF;
}
.messages-new-content section .alert-container:empty {
  display: none;
}
.messages-new-content section .alert-container .alert:first-child {
  margin-top: 0;
}
.messages-new-content .self,
.messages-new-content .other {
  display: block;
  position: relative;
}
.messages-new-content .self {
  text-align: right;
}
.messages-new-content .self .message-author {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}
.messages-new-content .self .message-author p {
  right: 62px;
  left: auto;
}
.messages-new-content .other {
  text-align: left;
}
.messages-new-content .other .message {
  background-color: white;
}
.messages-new-content .other .message:after {
  right: auto;
  border-top-color: white;
  left: -10px;
}
.messages-new-content .system .message,
.messages-new-content .videocall .message,
.messages-new-content .bid-proposal .message,
.messages-new-content .message-notice .message,
.messages-new-content .message-notice-important .message {
  max-width: 100%;
  width: 100%;
}
.messages-new-content .system .message:after,
.messages-new-content .videocall .message:after,
.messages-new-content .bid-proposal .message:after,
.messages-new-content .message-notice .message:after,
.messages-new-content .message-notice-important .message:after {
  display: none;
}
.messages-new-content .system h5,
.messages-new-content .videocall h5,
.messages-new-content .bid-proposal h5,
.messages-new-content .message-notice h5,
.messages-new-content .message-notice-important h5 {
  margin-top: 0;
}
.messages-new-content .system .message,
.messages-new-content .message-notice .message,
.messages-new-content .message-notice-important .message {
  border-left: solid 4px #F8DD00;
}
.messages-new-content .bid-proposal .message {
  border-left: solid 4px #0AD254;
}
.messages-new-content .bid-proposal p.bid {
  padding-bottom: 10px;
}
.messages-new-content .bid-proposal.other .message {
  background-color: white;
}
.messages-new-content .bid-proposal-header {
  margin-bottom: 20px;
}
.messages-new-content .bid-proposal-header h4 {
  margin-bottom: 0;
}
.messages-new-content .bid-proposal-header p.bid {
  padding-bottom: 10px;
}
.messages-new-content .bid-proposal .box-attachments h5 {
  margin: 20px 0 10px 0;
}
.messages-new-content .bid-proposal .btn {
  margin-top: 15px;
}
.messages-new-content .bid-proposal .message-author + .message {
  width: calc(100% - 63px);
}
.messages-new-content .videocall .message {
  background-color: #2f9aee;
  color: white;
  padding-right: 170px;
}
.messages-new-content .videocall .btn-videocall {
  position: absolute;
  top: 18px;
  right: 18px;
}
.messages-new-content .message-notice .message,
.messages-new-content .message-notice-important .message {
  background-color: white;
}
.messages-new-content .message-notice .icon-wk,
.messages-new-content .message-notice-important .icon-wk {
  margin-top: -2px;
}
.messages-new-content .message {
  position: relative;
  text-align: left;
  padding: 15px 18px 22px 18px;
  margin-bottom: 10px;
  display: inline-block;
  max-width: 90%;
  background-color: #F4F9FD;
  min-width: 100px;
}
.messages-new-content .message time {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 9px;
  font-weight: 300;
  color: #9B9B9B;
}
.messages-new-content .message:after {
  content: '';
  border: solid 10px transparent;
  border-top-color: #F4F9FD;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -10px;
}
.messages-new-content .message .sending:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 0;
  background-color: #0AD254;
  left: 0;
  bottom: 0;
  -webkit-animation: sendingAnimation 1.5s ease infinite;
  -moz-animation: sendingAnimation 1.5s ease infinite;
  animation: sendingAnimation 1.5s ease infinite;
}
@-webkit-keyframes sendingAnimation {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@-moz-keyframes sendingAnimation {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes sendingAnimation {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
.messages-new-content .message-author {
  padding: 0;
  display: inline-block;
  margin-top: 30px;
  margin-right: 15px;
  vertical-align: top;
}
.messages-new-content .message-author p {
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  top: 10px;
  left: 62px;
  margin: 0;
}
.messages-new-content .message-author + .message {
  margin-top: 30px;
}
.messages-new-content.no-messages {
  padding-top: 0;
  padding-bottom: 0;
}
.messages-new-roaster {
  position: relative;
  overflow: hidden;
}
.messages-new-roaster section {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
}
.messages-new-roaster section + section {
  left: 100%;
  transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
}
.messages-new-roaster .with-seatch .empty {
  padding-top: 20px;
}
.messages-new-roaster.second-level section {
  left: -100%;
}
.messages-new-roaster.second-level section + section {
  left: 0;
}
.messages-new-roaster header {
  padding: 15px;
  width: 100%;
}
.messages-new-roaster .btn-back {
  padding: 0;
  height: 21px;
  width: 20px;
  margin-right: 5px;
  margin-bottom: 0;
}
.messages-new-roaster .btn-back .wk2-icon {
  font-size: 17px;
}
.messages-new-search {
  position: relative;
}
.messages-new-search .search-element {
  margin: 0;
}
.messages-new-search .search-element input[type="search"] {
  padding-right: 85px;
  margin: 0;
}
.messages-new-search .search-element button.search {
  right: 45px;
}
.messages-new-search .search-element .filter {
  position: absolute;
  top: 8px;
  right: 5px;
  border: 0;
  height: 30px;
  width: 30px;
  color: #D5D5D5;
  text-decoration: none!important;
}
.messages-new-search .search-element .filter i {
  font-size: 33px;
}
.messages-new-search .search-element .filter:not(.collapsed) {
  color: #2f9aee;
}
@media (min-width: 992px) {
  .messages-new-search .search-element .filter:hover {
    color: #2f9aee;
  }
}
.messages-new-search .collapse-input-filters {
  position: absolute;
  width: 100%;
}
.messages-new-bids {
  padding-top: 15px;
}
.messages-new-bids .badge-count {
  float: right;
}
.messages-new-welcome {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
.messages-new-welcome-text {
  text-align: center;
  max-width: 350px;
  margin: auto;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/messages-welcome.08b231e06.svg);
  background-position: top center;
  padding-top: 270px;
}
.messages-new-welcome.evalbids .messages-new-welcome-text {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/messages-welcome-evalbids.6e366b83a.svg);
}
.messages-new-welcome.working .messages-new-welcome-text {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/messages-welcome-working.d6c4b62aa.svg);
}
.messages-new-welcome.myteam .messages-new-welcome-text {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/messages-welcome-myteam.58acac45b.svg);
}
.messages-new-welcome.bids .messages-new-welcome-text {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/messages-welcome-bids.57ec7be2a.svg);
}
.messages-new nav {
  height: 100%;
  width: 100%;
}
.messages-new nav .user {
  cursor: pointer;
  position: relative;
  padding: 10px 15px 10px 72px;
  border-bottom: solid 1px #EFEFEF;
  border-left: solid 5px transparent;
}
.messages-new nav .user h4 {
  margin: 0;
  line-height: 23px;
}
.messages-new nav .user p {
  margin-bottom: 0;
  padding-right: 25px;
}
.messages-new nav .user p strong {
  font-weight: 600;
}
.messages-new nav .user a {
  text-decoration: none!important;
}
.messages-new nav .user a p,
.messages-new nav .user a h4 {
  color: #939393;
}
.messages-new nav .user a i {
  color: #A8A8A8;
}
.messages-new nav .user .badge-count {
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.messages-new nav .user-wrapper {
  position: absolute;
  top: 10px;
  left: 15px;
}
.messages-new nav .user.new a p,
.messages-new nav .user.new a h4 {
  color: #4A4A4A;
}
.messages-new nav .user.new a .small {
  color: #686868;
}
.messages-new nav .user.active {
  border-left-color: #2f9aee;
  background-color: #F4F9FD;
}
.messages-new nav .user.featured .badge-featured {
  position: absolute;
  right: 15px;
  top: 13px;
}
.messages-new nav .user.featured h4 {
  padding-right: 120px;
}
.messages-new nav .project-icon {
  width: 44px;
  height: 44px;
  background-color: #253556;
  color: white;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  text-align: center;
}
.messages-new nav .project-icon i {
  font-size: 27px;
  line-height: 47px;
  letter-spacing: 1px;
}
.messages-new nav .project-icon.freelancer {
  background-color: #6f6f6f;
}
.messages-new nav.loading:after {
  display: inline-block;
  content: '';
  bottom: 10px;
  left: 50%;
  margin-top: 15px;
  margin-left: -15px;
  position: relative;
  width: 30px;
  height: 30px;
  border: 3px solid #686868;
  border-top-color: transparent;
  -webkit-animation: loading-spin 1s infinite linear;
  animation: loading-spin 1s infinite linear;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.messages-new-back {
  padding-top: 19px;
}
.messages-new footer,
.messages-new .thread-actions {
  position: absolute;
  bottom: 0;
  height: 114px;
  padding: 25px 15px 0 15px;
}
.messages-new .thread-actions {
  left: 0;
  width: 100%;
  background-color: white;
}
.messages-new .thread-actions .btn {
  padding-top: 15px;
  padding-bottom: 15px;
}
.messages-new footer {
  background-color: #E8E8E8;
}
.messages-new footer textarea {
  padding: 15px 100px 15px 15px;
}
.messages-new footer .form-control,
.messages-new footer .btn {
  margin-bottom: 0;
}
.messages-new footer .form-group {
  padding-right: 80px;
  position: relative;
}
.messages-new footer .form-group textarea.form-control[disabled] {
  background-color: #E8E8E8;
}
.messages-new footer .form-group .btn[disabled] {
  background-color: #D5D5D5;
  border: none;
  color: #e8e8e8;
}
.messages-new footer .btn-send {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 66px;
  height: 50px;
  padding: 10px 22px;
  margin: 0;
}
.messages-new footer .btn-send .wk2-icon {
  font-size: 28px;
}
.messages-new footer .upload-block-input {
  width: 72px;
}
.messages-new.expanded .messages-new-content {
  padding-bottom: 171px;
}
.messages-new.expanded footer {
  height: 171px;
}
.messages-new.expanded footer textarea {
  height: 100px;
}
.messages-new.has-attachment footer textarea {
  padding-right: 270px;
}
.messages-new.has-attachment footer .upload-block-input {
  width: 270px;
}
.messages-new aside {
  overflow-y: hidden;
  position: relative;
  padding-top: 164px;
  padding-bottom: 114px;
}
.messages-new .user-block {
  padding: 15px;
  background-color: white;
  height: 164px;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.messages-new .user-block h4 {
  margin: 0;
}
.messages-new .user-block p.item-data {
  font-size: 12px;
}
.messages-new .user-block .project-actions.floating {
  top: 20px;
  right: -5px;
}
.messages-new .user-info {
  margin-bottom: 15px;
  padding-left: 60px;
}
.messages-new .user-info .user-name {
  display: inline-block;
}
.messages-new .user-info .user-wrapper {
  position: absolute;
  top: 15px;
  left: 15px;
}
.messages-new .user-info .user-name {
  margin: 0;
  padding-right: 40px;
  display: block;
}
.messages-new .user-info .user-name span {
  display: inline-block;
  vertical-align: middle;
}
.messages-new .user-info .user-name span:first-child {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.messages-new .user-info .profile-stars {
  margin-top: 5px;
}
.messages-new .user-info .profile-stars .stars-bg {
  vertical-align: top;
}
.messages-new .user-info .country .flag {
  transform: scale(0.7);
}
.messages-new .data-block {
  padding: 15px;
  overflow-y: auto;
  height: 100%;
}
.messages-new .data-block .box-attachments,
.messages-new .data-block .proposal {
  padding: 15px;
}
.messages-new .data-block .project-extensions {
  padding: 0;
}
.messages-new .data-block .proposal p {
  font-size: 12px;
  line-height: 22px;
}
.messages-new .data-block .proposal h4 {
  margin-top: 0;
}
.messages-new .details {
  line-height: 22px;
}
.messages-new .more {
  color: #0AD254;
  font-weight: 600;
}
.messages-new .attached-file i {
  font-size: 18px;
  vertical-align: text-bottom;
  margin-right: 10px;
}
.messages-new h5 {
  margin: 15px 0;
}
.messages-new .qualification {
  border-bottom: 1px solid #EFEFEF;
}
.messages-new .qualification:last-child {
  border-bottom: 0;
}
.messages-new .toggle-aside {
  float: right;
  display: none;
  color: #2f9aee;
  font-size: 10px;
  text-decoration: none!important;
}
.messages-new .toggle-aside i {
  font-size: 24px;
  vertical-align: middle;
}
.messages-new .toggle-aside-backdrop {
  display: none;
  position: absolute;
  background-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.messages-new .project-extension-item {
  padding: 0;
}
.messages-new .project-extension-item h5 {
  padding-top: 3px;
}
.messages-new .messages-new-title {
  height: 79px;
  width: 100%;
}
.messages-new.no-roaster footer {
  left: 0;
}
.messages-new.no-roaster .messages-new-title {
  left: 0;
}
.messages-new.no-roaster-content {
  padding-top: 80px;
}
.messages-new.with-roaster.loading:before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  z-index: 2;
}
.messages-new.with-roaster.loading:after {
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  position: absolute;
  z-index: 3;
  width: 60px;
  height: 60px;
  border: 3px solid #686868;
  border-top-color: transparent;
  -webkit-animation: loading-spin 1s infinite linear;
  animation: loading-spin 1s infinite linear;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.messages-new.with-roaster.loading .messages-new-content {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/messages-new-loading-title.375af2d9a.svg), url(https://wkncdn.com/newx/assets/build/img/svg/messages-new-loading-type.aaee0ed11.svg);
  background-position: left top 30px, left bottom;
  background-repeat: no-repeat;
  background-size: contain, 100%;
}
.messages-new.with-roaster.loading aside {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/messages-new-loading-profile.fd45e1d48.svg), url(https://wkncdn.com/newx/assets/build/img/svg/messages-new-loading-cta.59d28278b.svg);
  background-position: left top 10px, left bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
@-webkit-keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@media (min-width: 768px) {
  .messages-new.full-width .messages-new-content,
  .messages-new.full-width.no-roaster .messages-new-content,
  .messages-new.full-width .messages-new-title,
  .messages-new.full-width.no-roaster .messages-new-title,
  .messages-new.full-width footer,
  .messages-new.full-width.no-roaster footer {
    width: 100%;
  }
  .messages-new.no-roaster .messages-new-title {
    padding-left: 56px;
  }
  .messages-new.no-roaster .messages-new-title .btn-back {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 5px 6px;
    margin-top: 7px;
  }
  .messages-new.no-roaster .messages-new-title .btn-back .wk2-icon {
    font-size: 17px;
  }
  .messages-new.with-roaster {
    padding-top: 0;
    position: inherit;
  }
  .messages-new.with-roaster .messages-new-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 62px;
  }
  .messages-new.with-roaster .messages-new-title {
    background-color: #F2F2F2;
    position: absolute;
    top: 62px;
    left: 25%;
  }
  .messages-new.with-roaster .messages-new-content {
    background-color: #F2F2F2;
  }
  .messages-new-content section .alert-container {
    position: -webkit-sticky;
    position: sticky;
    top: -16px;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  .messages-new.with-roaster .messages-new-wrapper {
    padding-top: 70px;
  }
  .messages-new.with-roaster .messages-new-title {
    top: 70px;
  }
  .messages-new nav .user {
    -webkit-transition: border-left-color 0.4s ease;
    -o-transition: border-left-color 0.4s ease;
    transition: border-left-color 0.4s ease;
    -webkit-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
  }
  .messages-new nav .user:hover {
    -webkit-transition: border-left-color 0.2s ease;
    -o-transition: border-left-color 0.2s ease;
    transition: border-left-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    border-left-color: rgba(47, 154, 238, 0.4);
    background-color: rgba(47, 154, 238, 0.05);
  }
  .messages-new nav .user.active {
    -webkit-transition: border-left-color 0.2s ease;
    -o-transition: border-left-color 0.2s ease;
    transition: border-left-color 0.2s ease;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    border-left-color: #2f9aee;
    background-color: rgba(47, 154, 238, 0.25);
  }
  .messages-new nav .user.active a h4,
  .messages-new nav .user.active a p,
  .messages-new nav .user.active a p i {
    color: #686868;
  }
  .messages-new .user-info .user-name:hover {
    text-decoration: none;
  }
  .messages-new .user-info .user-name:hover span:nth-child(1) {
    text-decoration: underline;
  }
}
@media (max-width: 767px) {
  .messages-new {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  .messages-new aside {
    display: none!important;
  }
  .messages-new-content,
  .messages-new footer {
    width: 100%;
  }
  .messages-new .messages-new-title,
  .messages-new.with-roaster .messages-new-title {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    height: 62px;
    background-color: #253556;
    color: white;
    padding: 6px 5px;
  }
  .messages-new .messages-new-title .btn-videocall i,
  .messages-new.with-roaster .messages-new-title .btn-videocall i {
    margin-right: 0;
  }
  .messages-new .messages-new-title h4,
  .messages-new.with-roaster .messages-new-title h4 {
    margin-top: 16px;
    padding-left: 30px;
  }
  .messages-new .messages-new-title h4 a,
  .messages-new.with-roaster .messages-new-title h4 a {
    color: #FFFFFF;
  }
  .messages-new .messages-new-title h4 a:focus,
  .messages-new.with-roaster .messages-new-title h4 a:focus {
    text-decoration: none;
    outline: none;
  }
  .messages-new .messages-new-title .btn-back,
  .messages-new.with-roaster .messages-new-title .btn-back {
    background-color: transparent!important;
    border: none!important;
    padding: 2px 3px;
    position: absolute;
    margin-top: 12px;
    left: 5px;
  }
  .messages-new .messages-new-title .btn-back .wk2-icon,
  .messages-new.with-roaster .messages-new-title .btn-back .wk2-icon {
    font-size: 27px;
  }
  .messages-new .messages-new-title .project-data strong,
  .messages-new.with-roaster .messages-new-title .project-data strong {
    display: block;
  }
  .messages-new-content {
    padding-bottom: 70px;
    padding-top: 62px;
  }
  .messages-new-content .videocall .message {
    padding-right: 18px;
  }
  .messages-new-content .videocall .btn-videocall {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    width: 100%;
    margin-top: 15px;
  }
  .messages-new footer {
    height: 70px;
    padding: 10px 15px;
  }
  .messages-new footer textarea {
    padding-right: 85px;
  }
  .messages-new footer .btn-send {
    width: 50px;
    padding: 10px 15px;
  }
  .messages-new footer .form-group {
    padding-right: 60px;
  }
  .messages-new-roaster {
    position: fixed;
    z-index: 2;
    top: 62px;
    bottom: 0;
    height: auto;
    left: -100%;
    width: 100%;
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease;
  }
  .messages-new.with-roaster .messages-new-wrapper {
    position: absolute;
    top: 0;
  }
  .messages-new.with-roaster .messages-new-wrapper,
  .messages-new.with-roaster .messages-new-title {
    left: 0;
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease;
  }
  .messages-new.with-roaster.bidding .cta-block,
  .messages-new.with-roaster.with-cta .cta-block {
    -webkit-transition: left 0.2s ease;
    -o-transition: left 0.2s ease;
    transition: left 0.2s ease;
  }
  .messages-new.with-roaster.roaster-expanded .messages-new-roaster {
    left: 0;
    -webkit-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
  .messages-new.with-roaster.roaster-expanded .messages-new-wrapper,
  .messages-new.with-roaster.roaster-expanded .messages-new-title {
    left: 100%;
    -webkit-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
  .messages-new.with-roaster.roaster-expanded.bidding .cta-block,
  .messages-new.with-roaster.roaster-expanded.with-cta .cta-block {
    left: 100%;
    -webkit-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
  }
  .messages-new.no-roaster .messages-new-content,
  .messages-new.no-roaster footer {
    width: 100%;
  }
  .messages-new.no-roaster .messages-new-title .btn-back {
    margin-top: 18px;
  }
  .messages-new.bidding .cta-block,
  .messages-new.with-cta .cta-block {
    position: fixed;
    bottom: 70px;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 1;
    display: block;
  }
  .messages-new.bidding .cta-block .btn,
  .messages-new.with-cta .cta-block .btn {
    margin-bottom: 0;
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .messages-new.bidding .messages-new-content,
  .messages-new.with-cta .messages-new-content {
    padding-bottom: 120px;
  }
  .messages-new.expanded .messages-new-content {
    padding-bottom: 126px;
  }
  .messages-new.expanded footer {
    height: 126px;
  }
  .messages-new.expanded.bidding .cta-block,
  .messages-new.expanded.with-cta .cta-block {
    bottom: 126px;
  }
  .messages-new.expanded.bidding .messages-new-content,
  .messages-new.expanded.with-cta .messages-new-content {
    padding-bottom: 176px;
  }
  .messages-new.has-attachment footer textarea {
    padding-right: 170px;
  }
  .messages-new.has-attachment footer .upload-block-input {
    width: 170px;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .messages-new {
    position: relative;
    height: 200vh;
    margin-left: -15px;
    margin-right: -15px;
  }
  .messages-new.bidding .cta-block,
  .messages-new.with-cta .cta-block {
    bottom: auto;
    top: 60px;
  }
  .messages-new.bidding .messages-new-content,
  .messages-new.with-cta .messages-new-content {
    padding-bottom: 70px;
  }
  .messages-new.bidding.expanded .messages-new-content,
  .messages-new.with-cta.expanded .messages-new-content {
    padding-bottom: 126px;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  .messages-new footer {
    position: fixed;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .messages-new {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: 0;
  }
  .messages-new .messages-new-wrapper {
    overflow: hidden;
  }
  .messages-new .messages-new-roaster {
    width: 35%;
  }
  .messages-new .messages-new-content,
  .messages-new .messages-new-title {
    width: 65%;
  }
  .messages-new aside {
    width: 40%;
    position: absolute;
    z-index: 2;
    top: 0;
    right: -40%;
    -webkit-transition: right 0.2s ease;
    -o-transition: right 0.2s ease;
    transition: right 0.2s ease;
  }
  .messages-new aside.expanded {
    right: 0;
    -webkit-transition: right 0.5s ease;
    -o-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
  .messages-new footer {
    width: 65%;
    left: 35%;
  }
  .messages-new .toggle-aside {
    display: block;
  }
  .messages-new .toggle-aside-backdrop.expanded {
    display: block;
  }
  .messages-new.no-roaster .messages-new-content,
  .messages-new.no-roaster footer,
  .messages-new.no-roaster .messages-new-title {
    width: 100%;
  }
  .messages-new.bidding .cta-block,
  .messages-new.with-cta .cta-block {
    display: none;
  }
  .messages-new.with-roaster .messages-new-title {
    left: 35%;
    width: 65%;
  }
  .messages-new.with-roaster.loading:before {
    content: '';
    top: 0;
    left: 35%;
  }
  .messages-new.with-roaster.loading:after {
    left: 67.5%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .messages-new aside {
    width: 35%;
    right: -35%;
  }
  .messages-new .toggle-aside {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .messages-new .messages-new-title {
    left: 25%;
  }
  .messages-new .messages-new-roaster,
  .messages-new aside {
    width: 25%;
  }
  .messages-new .messages-new-content,
  .messages-new .messages-new-title {
    width: 50%;
  }
  .messages-new footer {
    left: 25%;
    right: 25%;
  }
  .messages-new .cta-block {
    display: none;
  }
  .messages-new.no-roaster .messages-new-content,
  .messages-new.no-roaster footer,
  .messages-new.no-roaster .messages-new-title {
    width: 67%;
  }
  .messages-new.no-roaster aside {
    width: 33%;
  }
  .messages-new.full-width,
  .messages-new.full-width.no-roaster {
    margin-right: -15px;
  }
  .messages-new.with-roaster.loading:before {
    content: '';
    top: 0;
    left: 25%;
  }
  .messages-new.with-roaster.loading:after {
    left: 50%;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  .modal-open .messages-new footer {
    position: absolute;
  }
}
.messages-view #productName,
.bid-view #productName {
  display: none;
}
.messages-view .bid-block,
.bid-view .bid-block {
  margin: 30px -15px 10px -15px;
}
.messages-view .form-control,
.bid-view .form-control {
  line-height: 30px;
}
.messages-view .box-wallet,
.bid-view .box-wallet {
  margin-bottom: 0;
  margin-top: 10px;
}
.messages-view .box-wallet .close,
.bid-view .box-wallet .close {
  font-size: 30px;
  margin-top: -5px;
  text-decoration: none;
}
@media (max-width: 991px) {
  .bid-view .page-header {
    max-width: 1200px;
    display: block;
  }
  .bid-view .page-header h1 {
    position: relative;
    padding-left: 65px;
    margin-bottom: 5px;
  }
  .bid-view .page-header h1 .btn-back {
    position: absolute;
    left: 0;
    top: 0;
  }
  .bid-view .page-header h1 .project-name {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .bid-view .box-admin {
    display: none;
  }
  .bid-view .project-detail-new .client-box,
  .bid-view .project-detail-new hr {
    display: none;
  }
  .bid-view h2 {
    margin-top: 0;
  }
  .bid-view .send-bid .wk-bullet {
    font-size: 11px;
    margin: 10px 0;
    width: 54%;
  }
  .bid-view .project-bid p.text-danger {
    line-height: normal;
    margin-bottom: 10px;
    font-size: 11px;
  }
  .bid-view .project-bid .control-label {
    font-size: 11px;
  }
  .bid-view .project-bid .form-group-bid .control-label,
  .bid-view .project-bid .form-group-bid .form-control {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
  }
  .bid-view .project-bid .form-group-bid .form-control {
    font-size: 15px;
    padding: 0;
    border: 0;
    height: auto;
    width: 44%;
    line-height: normal;
    text-align: right;
  }
  .bid-view .project-bid .form-group-bid .control-label {
    width: 54%;
  }
  .bid-view .project-bid .form-group-bid.total .control-label,
  .bid-view .project-bid .form-group-bid.total .form-control {
    font-weight: 600;
  }
  .bid-view .project-bid .text-muted {
    margin-top: -5px;
    font-size: 11px;
    display: block;
  }
  .bid-view .project-bid .box-wallet p {
    font-size: 12px;
    line-height: normal;
  }
  .bid-view .project-bid .alert p {
    font-size: 11px;
    line-height: 16px;
  }
  .bid-view .project-bid .alert .actions {
    padding: 0;
  }
  .bid-view textarea.form-control {
    line-height: 20px;
    max-height: 120px;
    margin-bottom: 0;
  }
  .bid-view .checkbox label {
    font-size: 11px;
  }
  .bid-view .upload-block-slim .form-file {
    padding: 12px 70px 12px 40px;
    height: 40px;
    font-size: 11px;
  }
  .bid-view .upload-block-slim .attached-file-wrapper {
    padding: 5px 15px;
  }
  .bid-view .upload-block-slim .attach-file-wrapper {
    padding: 10px;
    height: 30px;
    margin-bottom: 0;
  }
  .bid-view .upload-block-slim .attach-file-wrapper i {
    width: 20px;
    height: 15px;
    margin-right: 2px;
  }
  .bid-view .upload-block-slim .attach-file-wrapper a {
    font-size: 11px;
  }
  .bid-view .upload-block-slim .form-file-checkbox label:before {
    top: 8px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .bid-view .page-header h1 {
    padding-left: 50px;
    margin-top: 0;
  }
  .bid-view .page-header h1 .btn-back {
    padding: 0;
    font-size: 20px;
  }
}
.messages-view .page-header {
  max-width: 1200px;
  display: block;
}
.messages-view .page-header h1 {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 991px) {
  .messages-view .page-header h1 .btn-videocall {
    margin: 0;
    float: right;
  }
}
@media (max-width: 767px) {
  .messages-view .page-header h1 .btn-videocall span {
    display: none;
  }
}
.messages-view .page-header h4 {
  margin: 0;
  padding-left: 65px;
}
@media (max-width: 991px) {
  .messages-view .page-header h4 {
    padding-left: 50px;
  }
}
.messages-view .page-header .favorite-add-star {
  vertical-align: middle;
  font-size: 30px;
  margin: -10px 5px;
  display: inline-block;
}
.messages-view .page-header .favorite-add-star .wk2-icon-star-full {
  color: #5A4FA9;
}
.messages-view .page-header .skype-widget {
  margin: -10px 5px;
}
@media (min-width: 992px) {
  .messages-view .messages-title {
    max-width: 680px;
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  .messages-view .messages-title {
    max-width: 900px;
  }
}
@media (max-width: 991px) {
  .messages-view .place-bid {
    margin-top: 20px;
  }
  .messages-view .page-header h1 {
    padding-bottom: 5px;
  }
  .messages-view .page-header h1 .btn-back {
    padding: 0 5px;
  }
  .messages-view .page-header h1 .btn-back .wk2-icon {
    font-size: 17px;
  }
}
.messages-view .fixed-height {
  height: 450px;
}
.messages-view .fixed-height .messages-wrapper {
  height: 450px;
}
.messages-view .message-add {
  margin-top: 20px;
}
.messages-view .message-add .col-md-4 .box-blue {
  margin-top: 30px;
}
.messages-view .message-add .alert-error {
  margin: 0 15px 20px;
}
.messages-view .form-group {
  position: relative;
}
.messages-view .form-group .form-control-description {
  position: absolute;
  margin-top: -35px;
  right: 15px;
  font-size: 12px;
  color: #898989;
}
.messages-view .btn-videocall {
  margin-top: 10px;
  float: right;
}
@media (max-width: 991px) {
  .messages-view .btn-videocall {
    padding: 5px 14.4px;
    float: none;
  }
}
.messages-view .info-videocall {
  margin-right: 10px;
  float: right;
}
@media (max-width: 991px) {
  .messages-view .info-videocall {
    float: none;
  }
}
@media (max-width: 767px) {
  .messages-view {
    position: absolute;
    padding-top: 62px;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background-color: #F2F2F2;
    overflow: hidden;
  }
  .messages-view .page-header {
    background-color: #E8E8E8;
    width: 100%;
    height: 65px;
    position: absolute;
    top: 62px;
    left: 0;
    padding: 10px;
    margin: 0;
  }
  .messages-view .page-header h1,
  .messages-view .page-header h4 {
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
    padding-left: 40px;
    padding-right: 30px;
    padding-bottom: 0;
  }
  .messages-view .page-header h1 {
    font-size: 16px;
    margin: 0;
    line-height: 30px;
  }
  .messages-view .page-header h4 {
    margin-top: 0;
    color: #2f9aee;
    font-size: 12px;
  }
  .messages-view .dropdown.dropdown-dialog {
    position: absolute;
    top: 75px;
    right: 0;
  }
  .messages-view .dropdown.dropdown-dialog .dropdown-toggle {
    padding: 0 10px;
  }
  .messages-view .message-list {
    height: 100%;
    padding: 65px 0 100px 0;
    background-color: #F2F2F2;
  }
  .messages-view .fixed-height,
  .messages-view .fixed-height .messages-wrapper {
    height: 100%;
  }
  .messages-view .page-header .favorite-add-star,
  .messages-view .skype-widget {
    display: none;
  }
  .messages-view .user-info {
    display: none;
  }
  .messages-view .user-message {
    width: 100%;
  }
  .messages-view .message-add {
    position: absolute;
    bottom: 0;
    height: 100px;
    padding: 0;
    background-color: #E8E8E8;
    width: 100%;
    margin: 0;
  }
  .messages-view .message-add .alert-error {
    margin: 15px 30px;
  }
  .messages-view .message-add .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .messages-view .message-add .btn-primary {
    padding: 15px 5px;
    width: 70px;
    margin-right: 0;
  }
  .messages-view .message-add textarea {
    padding: 15px 10px;
    height: 50px;
    line-height: normal;
  }
  .messages-view .message-add .form-control,
  .messages-view .message-add .btn {
    margin-bottom: 0;
  }
  .messages-view .message-add .form-group {
    margin-bottom: 0;
    padding-right: 70px;
  }
  .messages-view .wk-submit-block {
    position: absolute;
    top: 0;
    right: 16px;
    margin: 0;
  }
  .messages-view .attach-file-select {
    display: none;
  }
  .messages-view .upload-block-slim {
    margin: 0;
    position: relative;
  }
  .messages-view .upload-block-slim .attach-file-wrapper a {
    font-size: 11px;
  }
  .messages-view .upload-block-slim .form-file {
    padding: 12px 30px 12px 35px;
    height: 40px;
    border: 0;
    background-color: white;
    font-size: 10px;
  }
  .messages-view .upload-block-slim .form-file:after {
    content: '';
    border: solid 10px transparent;
    width: 0;
    height: 0;
    position: absolute;
    border-right-color: white;
    left: -20px;
    top: 50%;
    margin-top: -10px;
  }
  .messages-view .attached-files {
    position: absolute;
    left: 50%;
    counter-reset: files;
  }
  .messages-view .attached-files .attached-file-wrapper {
    position: absolute;
    padding: 5px 10px;
    width: 50%;
    counter-increment: files;
  }
  .messages-view .attached-files .attached-file-wrapper + .attached-file-wrapper:before {
    top: -6px;
    right: 6px;
    position: absolute;
    z-index: 1;
    content: counter(files);
    padding: 2px;
    color: white;
    background-color: #2f9aee;
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  .messages-view .attached-files .form-file .attached-file-remove {
    right: 0;
    color: #6f6f6f;
    margin-top: -13px;
  }
  .messages-view .attached-files .form-file .attached-file-remove i {
    font-size: 22px;
  }
  .messages-view .attached-files .form-file .attached-file-remove i:before {
    content: "\F153";
  }
  .messages-view .attached-files .form-file .attached-file-keep {
    display: none;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .messages-view {
    height: 200vh;
  }
}
.message-list {
  width: 100%;
}
.messages-wrapper {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  background-color: #EFEFEF;
}
@media (min-width: 768px) {
  .messages-wrapper {
    padding-right: 15px;
  }
}
.messages-wrapper .message {
  padding-bottom: 10px;
  max-width: 1170px;
  display: block;
  margin: auto;
}
.messages-wrapper .message:first-child {
  padding-top: 10px;
}
.messages-wrapper .message .profile-photo {
  width: 62px;
  height: 62px;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .messages-wrapper .message .profile-photo {
    width: 30px;
    height: 30px;
  }
}
.messages-wrapper .message .author {
  font-weight: 600;
}
.messages-wrapper .message .date {
  font-style: italic;
  position: absolute;
  bottom: 5px;
  right: 18px;
  font-size: 11px;
  font-weight: 300;
  color: #9B9B9B;
}
.messages-wrapper .message .bid {
  color: #2f9aee;
}
.messages-wrapper .message .actions {
  margin-top: 10px;
}
.messages-wrapper .message .actions form {
  display: inline-block;
}
@media (max-width: 767px) {
  .messages-wrapper .message .actions {
    padding: 0;
  }
}
.messages-wrapper .message .status {
  font-style: italic;
  font-size: 11px;
}
@media (max-width: 768px) {
  .messages-wrapper .message .status {
    width: 100%;
    margin-bottom: 10px;
  }
}
.messages-wrapper .message .col-md-1 {
  padding-right: 0;
}
.messages-wrapper .message.message-last {
  padding-bottom: 10px;
}
.messages-wrapper .message.message-last .box-common {
  margin-bottom: 3px;
}
.messages-wrapper .message .box-common {
  position: relative;
  padding: 10px 15px 20px 10px;
  margin: 0;
}
.messages-wrapper .message .box-common p {
  line-height: normal;
  margin-bottom: 10px;
}
.messages-wrapper .message.message-other,
.messages-wrapper .message.message-self {
  text-align: right;
}
.messages-wrapper .message.message-other .box-common,
.messages-wrapper .message.message-self .box-common {
  display: inline-block;
  width: auto;
  min-width: 130px;
  max-width: 95%;
  float: none;
  background-color: #F4F9FD;
  text-align: left;
}
.messages-wrapper .message.message-other .box-common:after,
.messages-wrapper .message.message-self .box-common:after {
  content: '';
  border: solid 10px transparent;
  width: 0;
  height: 0;
  position: absolute;
  border-top-color: #F4F9FD;
  right: -10px;
  top: 0;
}
.messages-wrapper .message.message-other .box-common .headline,
.messages-wrapper .message.message-self .box-common .headline {
  margin-bottom: 0;
}
.messages-wrapper .message.message-other-bid .box-common,
.messages-wrapper .message.message-self-bid .box-common {
  border-left: solid 4px #0AD254;
  width: 100%;
}
.messages-wrapper .message.message-other-bid .box-common:after,
.messages-wrapper .message.message-self-bid .box-common:after {
  display: none;
}
.messages-wrapper .message.message-other.message-videocall a,
.messages-wrapper .message.message-self.message-videocall a {
  color: white;
  font-weight: 600;
}
.messages-wrapper .message.message-other.message-videocall .box-common,
.messages-wrapper .message.message-self.message-videocall .box-common {
  background-color: #2f9aee;
  color: white;
}
.messages-wrapper .message.message-other.message-videocall .box-common:after,
.messages-wrapper .message.message-self.message-videocall .box-common:after {
  border-top-color: #2f9aee;
}
.messages-wrapper .message.message-other.message-videocall .btn,
.messages-wrapper .message.message-self.message-videocall .btn {
  margin-left: 10px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .messages-wrapper .message.message-other.message-videocall .btn,
  .messages-wrapper .message.message-self.message-videocall .btn {
    margin: 10px 0 0 0;
  }
}
.messages-wrapper .message.message-other.message-videocall.message-videocall-calling .headline,
.messages-wrapper .message.message-self.message-videocall.message-videocall-calling .headline {
  display: none;
}
.messages-wrapper .message.message-other.message-videocall.message-videocall-calling h4,
.messages-wrapper .message.message-self.message-videocall.message-videocall-calling h4 {
  margin-top: 0;
}
.messages-wrapper .message.message-other.message-videocall .date,
.messages-wrapper .message.message-self.message-videocall .date {
  color: white;
}
.messages-wrapper .message.message-notice .box-common,
.messages-wrapper .message.message-notice-important .box-common {
  background-color: white;
  border: 0;
  border-left: solid 4px #F8DD00;
  color: inherit;
}
.messages-wrapper .message.message-rejected .box-common {
  border: 0;
  border-left: solid 4px #FB535B;
  color: inherit;
}
.messages-wrapper .message.message-self .user-message {
  text-align: right;
}
.messages-wrapper .message.message-self .col-md-1,
.messages-wrapper .message.message-self .col-md-11 {
  float: right;
}
.messages-wrapper .message.message-self .col-md-1 {
  padding-left: 0;
  padding-right: 15px;
}
.messages-wrapper .message.message-other {
  text-align: left;
}
.messages-wrapper .message.message-other .box-common {
  background-color: white;
  text-align: left;
}
.messages-wrapper .message.message-other .box-common:after {
  right: auto;
  left: -10px;
  border-top-color: white;
}
@media (max-width: 767px) {
  .messages-wrapper {
    height: 100%;
  }
  .messages-wrapper .row {
    margin-left: inherit;
    margin-right: inherit;
  }
}
.budget-view .control-label {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0;
}
.budget-view .page-header {
  margin-bottom: 20px;
}
.budget-view .btn-icon {
  position: relative;
  top: 2px;
}
@media (min-width: 768px) {
  .budget-view .task-amount {
    padding-top: 16px;
  }
}
.message-appear .box-common {
  border: 1px solid transparent;
  position: relative;
  -webkit-animation: animation-message 2s ease-in;
  -moz-animation: animation-message 2s ease-in;
  -ms-animation: animation-message 2s ease-in;
}
@-webkit-keyframes animation-message {
  0% {
    opacity: 0;
    top: 10px;
    border-color: transparent;
  }
  20% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
  40% {
    opacity: 1;
    top: 0;
    border-color: #2f9aee;
  }
  60% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
  80% {
    opacity: 1;
    top: 0;
    border-color: #2f9aee;
  }
  100% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
}
@-moz-keyframes animation-message {
  0% {
    opacity: 0;
    top: 10px;
    border-color: transparent;
  }
  20% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
  40% {
    opacity: 1;
    top: 0;
    border-color: #2f9aee;
  }
  60% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
  80% {
    opacity: 1;
    top: 0;
    border-color: #2f9aee;
  }
  100% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
}
@keyframes animation-message {
  0% {
    opacity: 0;
    top: 10px;
    border-color: transparent;
  }
  20% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
  40% {
    opacity: 1;
    top: 0;
    border-color: #2f9aee;
  }
  60% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
  80% {
    opacity: 1;
    top: 0;
    border-color: #2f9aee;
  }
  100% {
    opacity: 1;
    top: 0;
    border-color: transparent;
  }
}
.message-appear .message .profile-photo {
  -webkit-animation: animation-message-profile 0.25s ease-in;
  -moz-animation: animation-message-profile 0.25s ease-in;
  -ms-animation: animation-message-profile 0.25s ease-in;
}
@-webkit-keyframes animation-message-profile {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes animation-message-profile {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes animation-message-profile {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cant-bid-dialog .actions {
  margin-top: 30px;
  margin-bottom: 20px;
}
.cant-bid-dialog .actions p {
  margin-top: 20px;
}
.cant-bid-dialog .actions a {
  color: #253556;
  text-decoration: underline;
}
.cant-bid-dialog .profile-completeness {
  max-width: 100%;
}
.cant-bid-dialog .profile-completeness h4 {
  margin-top: 40px;
}
.cant-bid-dialog .profile-completeness h2 {
  color: #0AD254;
}
.cant-bid-dialog .profile-completeness .btn {
  max-width: 200px;
}
.project-actions .cant-bid-dialog .modal-footer .btn {
  width: auto;
  padding: 10px 28.8px;
}
.cant-post-modal .device .icon-notification {
  color: #2f9aee;
  position: absolute;
  top: 40px;
  font-size: 40px;
  left: 50%;
  margin-left: -15px;
}
@media (max-width: 991px) {
  .cant-post-modal .device .icon-notification {
    margin-left: -20px;
    margin-top: -20px;
    top: 50%;
  }
}
.modal-dialog .evalbids-tutorial {
  background-color: #2f9aee;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.evalbids-tutorial .modal-header {
  padding: 30px;
}
.evalbids-tutorial .modal-header h2 {
  color: white;
  line-height: 36px;
}
@media (max-width: 767px) {
  .evalbids-tutorial .modal-header {
    padding: 15px;
  }
}
.evalbids-tutorial .modal-body {
  height: 370px;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .evalbids-tutorial .modal-body {
    height: 470px;
  }
}
.evalbids-tutorial .modal-body p {
  color: white;
}
.evalbids-tutorial .modal-body p.intro {
  margin-bottom: 20px;
  line-height: 26px;
}
.evalbids-tutorial .modal-body .messages-wrapper {
  background-color: transparent;
}
@media (max-width: 767px) {
  .evalbids-tutorial .modal-body {
    height: 50vh;
    padding: 0 15px;
  }
}
.evalbids-tutorial .modal-body .box-common {
  padding: 20px;
}
.evalbids-tutorial .modal-body .bid {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  padding: 0px;
  border: 0px;
}
.evalbids-tutorial .modal-body .bid .more,
.evalbids-tutorial .modal-body .bid .price {
  color: #0AD254;
}
.evalbids-tutorial .modal-body .bid i.status {
  margin-right: 3px;
}
.evalbids-tutorial .modal-body .bid .btn {
  pointer-events: none;
}
.evalbids-tutorial .modal-body .bid p {
  color: #686868;
}
.evalbids-tutorial .modal-body .bid .delay {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.evalbids-tutorial .modal-body .messages-wrapper {
  overflow: initial;
}
.evalbids-tutorial .modal-body .messages-wrapper .message {
  position: relative;
}
.evalbids-tutorial .modal-body .messages-wrapper .message p {
  color: #686868;
}
.evalbids-tutorial .modal-body .messages-wrapper .message .avatar {
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/avatar-tutorial-sample.c2fec9424.png);
  background-size: contain;
  width: 53px;
  height: 53px;
  position: absolute;
  right: 15px;
}
.evalbids-tutorial .modal-body .messages-wrapper .message.first {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.evalbids-tutorial .modal-body .messages-wrapper .message.second {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.evalbids-tutorial .modal-body .messages-wrapper .profile-photo {
  width: 53px;
  height: 53px;
}
.evalbids-tutorial .modal-body .messages-wrapper .profile-photo img {
  transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  margin-left: 26px;
}
.evalbids-tutorial .modal-body .select {
  border: 1px solid #D5D5D5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/icon-select-arrow-down.75e671b0f.svg);
  background-repeat: no-repeat;
  background-position: top 13px right 13px;
  padding: 10px 45px 10px 12px;
  position: relative;
  top: -8px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.evalbids-tutorial .modal-body .nav-tab {
  margin-bottom: 20px;
}
.evalbids-tutorial .modal-body .nav-tab a {
  padding: 0px 15px 20px 15px;
  pointer-events: none;
}
.evalbids-tutorial .modal-body .nav-tab .first {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.evalbids-tutorial .modal-body .nav-tab .second {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.evalbids-tutorial .modal-body .nav-tab .third {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.evalbids-tutorial .modal-body .nav-tab .fourth {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.evalbids-tutorial .modal-footer {
  padding: 30px;
  border: 0;
}
.evalbids-tutorial .modal-footer li {
  display: none;
}
.evalbids-tutorial .modal-footer li.active + li {
  display: block;
}
.evalbids-tutorial .modal-footer .btn {
  margin: 0;
  float: right;
}
@media (max-width: 767px) {
  .evalbids-tutorial .modal-footer {
    padding: 0 15px 15px 15px;
  }
  .evalbids-tutorial .modal-footer .btn {
    float: left;
    margin-right: 0;
  }
  .evalbids-tutorial .modal-footer .btn + .btn {
    margin-right: 0;
    margin-top: 10px;
  }
  .evalbids-tutorial .modal-footer .btn-prev {
    float: right;
  }
}
.evalbids-tutorial .tutorial-step {
  display: none;
}
.evalbids-tutorial .tutorial-step.block-appear {
  display: block;
}
.files-select-tutorial {
  background-color: #2f9aee;
}
.files-select-tutorial .modal-header h3 {
  color: #FFFFFF;
}
.files-select-tutorial .modal-body h4,
.files-select-tutorial .modal-body p {
  color: #FFFFFF;
}
.files-select-tutorial .modal-body p {
  line-height: 26px;
}
.files-select-tutorial .attached-files .attached-file-wrapper {
  max-width: 100%!important;
}
.files-select-tutorial .tutorial-step {
  display: none;
}
.files-select-tutorial .tutorial-step.block-appear {
  display: block;
}
.files-select-tutorial .box-common {
  margin-bottom: 0;
}
.files-select-tutorial .attached-file-remove,
.files-select-tutorial .attached-file-keep,
.files-select-tutorial .form-file-checkbox label {
  cursor: default;
}
.files-select-tutorial .list-inline .active {
  display: none!important;
}
.files-select-tutorial .modal-body {
  padding-top: 0;
}
@media (max-width: 767px) {
  .files-select-tutorial {
    max-width: 320px;
  }
  .files-select-tutorial .modal-footer .list-inline > li {
    width: 100%;
  }
  .files-select-tutorial .modal-footer .btn-next {
    float: right;
  }
  .files-select-tutorial .modal-footer .btn-prev {
    float: left;
  }
}
@media (min-width: 992px) {
  .files-select-modal .modal-content.files-select-tutorial {
    width: 600px;
  }
}
.modal .form-file-animated {
  -webkit-animation: animation-form-file 5s ease-in-out infinite;
  -moz-animation: animation-form-file 5s ease-in-out infinite;
  -ms-animation: animation-form-file 5s ease-in-out infinite;
}
@-webkit-keyframes animation-form-file {
  0% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
  40% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
  50% {
    box-shadow: inset 3px 3px 0 #2f9aee, inset -3px -3px 0 #2f9aee, inset 3px -3px 0 #2f9aee, inset -3px 3px 0 #2f9aee;
    border-color: transparent;
    color: #2f9aee;
  }
  90% {
    box-shadow: inset 3px 3px 0 #2f9aee, inset -3px -3px 0 #2f9aee, inset 3px -3px 0 #2f9aee, inset -3px 3px 0 #2f9aee;
    border-color: transparent;
    color: #2f9aee;
  }
  100% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
}
@-moz-keyframes animation-form-file {
  0% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
  40% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
  50% {
    box-shadow: inset 3px 3px 0 #2f9aee, inset -3px -3px 0 #2f9aee, inset 3px -3px 0 #2f9aee, inset -3px 3px 0 #2f9aee;
    border-color: transparent;
    color: #2f9aee;
  }
  90% {
    box-shadow: inset 3px 3px 0 #2f9aee, inset -3px -3px 0 #2f9aee, inset 3px -3px 0 #2f9aee, inset -3px 3px 0 #2f9aee;
    border-color: transparent;
    color: #2f9aee;
  }
  100% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
}
@keyframes animation-form-file {
  0% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
  40% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
  50% {
    box-shadow: inset 3px 3px 0 #2f9aee, inset -3px -3px 0 #2f9aee, inset 3px -3px 0 #2f9aee, inset -3px 3px 0 #2f9aee;
    border-color: transparent;
    color: #2f9aee;
  }
  90% {
    box-shadow: inset 3px 3px 0 #2f9aee, inset -3px -3px 0 #2f9aee, inset 3px -3px 0 #2f9aee, inset -3px 3px 0 #2f9aee;
    border-color: transparent;
    color: #2f9aee;
  }
  100% {
    box-shadow: none;
    border-color: #D5D5D5;
    color: #686868;
  }
}
.modal .attached-file-icon-animated {
  -webkit-animation: animation-attach-file 5s ease-in-out infinite;
  -moz-animation: animation-attach-file 5s ease-in-out infinite;
  -ms-animation: animation-attach-file 5s ease-in-out infinite;
}
@-webkit-keyframes animation-attach-file {
  0% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  40% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  50% {
    color: #2f9aee;
    font-size: 46px;
    top: -9px;
    right: -8px;
  }
  55% {
    color: #2f9aee;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  90% {
    color: #2f9aee;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  100% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
}
@-moz-keyframes animation-attach-file {
  0% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  40% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  50% {
    color: #2f9aee;
    font-size: 46px;
    top: -9px;
    right: -8px;
  }
  55% {
    color: #2f9aee;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  90% {
    color: #2f9aee;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  100% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
}
@keyframes animation-attach-file {
  0% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  40% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  50% {
    color: #2f9aee;
    font-size: 46px;
    top: -9px;
    right: -8px;
  }
  55% {
    color: #2f9aee;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  90% {
    color: #2f9aee;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
  100% {
    color: #D5D5D5;
    font-size: 30px;
    top: -1px;
    right: 0;
  }
}
.modal .form-file-checkbox-animated label:before {
  -webkit-animation: animation-form-file-icon 5s ease-in-out infinite;
  -moz-animation: animation-form-file-icon 5s ease-in-out infinite;
  -ms-animation: animation-form-file-icon 5s ease-in-out infinite;
}
@-webkit-keyframes animation-form-file-icon {
  0% {
    opacity: 0;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  50% {
    opacity: 1;
    font-size: 35px;
    right: 6px;
    top: 12px;
  }
  55% {
    opacity: 1;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  90% {
    opacity: 1;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  100% {
    opacity: 0;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
}
@-moz-keyframes animation-form-file-icon {
  0% {
    opacity: 0;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  40% {
    opacity: 0;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  50% {
    opacity: 1;
    font-size: 35px;
    right: 6px;
    top: 12px;
  }
  55% {
    opacity: 1;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  90% {
    opacity: 1;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  100% {
    opacity: 0;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
}
@keyframes animation-form-file-icon {
  0% {
    opacity: 0;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  40% {
    opacity: 0;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  50% {
    opacity: 1;
    font-size: 35px;
    right: 6px;
    top: 12px;
  }
  55% {
    opacity: 1;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  90% {
    opacity: 1;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
  100% {
    opacity: 0;
    font-size: 28px;
    right: 10px;
    top: 16px;
  }
}
.files-select-modal .modal-header {
  padding: 20px;
}
.files-select-modal .modal-footer {
  text-align: right;
  border: 0;
}
.files-select-modal .modal-footer .btn {
  margin-bottom: 0;
}
.files-select-modal .modal-footer .btn + .btn:last-child {
  margin-right: 0;
}
.files-select-modal .modal-body {
  height: 370px;
  overflow-y: auto;
}
.files-select-modal .modal-body .box-common {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .files-select-modal {
    width: auto;
  }
  .files-select-modal .modal-content {
    width: 900px;
  }
}
@media (max-width: 767px) {
  .files-select-modal {
    max-width: 300px;
  }
  .files-select-modal .modal-body {
    height: 60vh;
  }
}
.hire-freelancer-modal .modal-content,
.invite-freelancer-modal .modal-content,
.hire-freelancer-modal-nolog .modal-content {
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.hire-freelancer-modal .wk-bullet,
.invite-freelancer-modal .wk-bullet,
.hire-freelancer-modal-nolog .wk-bullet {
  margin-bottom: 10px;
}
.hire-freelancer-modal .invite-block,
.invite-freelancer-modal .invite-block,
.hire-freelancer-modal-nolog .invite-block {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
}
.hire-freelancer-modal .invite-block a,
.invite-freelancer-modal .invite-block a,
.hire-freelancer-modal-nolog .invite-block a {
  cursor: pointer;
}
.hire-freelancer-modal .modal-body .control-spinner .wk2-icon,
.invite-freelancer-modal .modal-body .control-spinner .wk2-icon,
.hire-freelancer-modal-nolog .modal-body .control-spinner .wk2-icon {
  top: -20px;
  left: 0px;
  color: #253556;
}
.hire-freelancer-modal .modal-footer,
.invite-freelancer-modal .modal-footer,
.hire-freelancer-modal-nolog .modal-footer {
  border: 0;
  padding-top: 0;
}
.hire-freelancer-modal .signup-box,
.invite-freelancer-modal .signup-box,
.hire-freelancer-modal-nolog .signup-box {
  margin-top: 30px;
  padding: 30px 0 20px;
  border-top: solid 1px #D5D5D5;
  border-bottom: solid 1px #D5D5D5;
}
.hire-freelancer-modal .checkbox.big,
.invite-freelancer-modal .checkbox.big,
.hire-freelancer-modal-nolog .checkbox.big {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .hire-freelancer-modal,
  .invite-freelancer-modal,
  .hire-freelancer-modal-nolog {
    width: 700px;
  }
  .hire-freelancer-modal .modal-body,
  .invite-freelancer-modal .modal-body,
  .hire-freelancer-modal-nolog .modal-body {
    padding-right: 40px;
    padding-left: 40px;
    box-sizing: border-box;
  }
  .hire-freelancer-modal .modal-footer,
  .invite-freelancer-modal .modal-footer,
  .hire-freelancer-modal-nolog .modal-footer {
    padding: 0 40px 40px 40px;
  }
  .hire-freelancer-modal .modal-header,
  .invite-freelancer-modal .modal-header,
  .hire-freelancer-modal-nolog .modal-header {
    padding: 40px 40px 0 40px;
  }
  .hire-freelancer-modal .input-group .form-control,
  .invite-freelancer-modal .input-group .form-control,
  .hire-freelancer-modal-nolog .input-group .form-control {
    max-width: 140px;
  }
  .hire-freelancer-modal h5,
  .invite-freelancer-modal h5,
  .hire-freelancer-modal-nolog h5 {
    padding-top: 7px;
  }
  .hire-freelancer-modal-hours,
  .invite-freelancer-modal-hours,
  .hire-freelancer-modal-nolog-hours {
    width: 745px;
  }
  .hire-freelancer-modal-hours .modal-body,
  .invite-freelancer-modal-hours .modal-body,
  .hire-freelancer-modal-nolog-hours .modal-body {
    margin-top: 0;
  }
  .hire-freelancer-modal-hours .input-group .form-control,
  .invite-freelancer-modal-hours .input-group .form-control,
  .hire-freelancer-modal-nolog-hours .input-group .form-control {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .hire-freelancer-modal .invite-block,
  .invite-freelancer-modal .invite-block,
  .hire-freelancer-modal-nolog .invite-block {
    padding-bottom: 20px;
  }
}
.invite-freelancer-modal .checkbox-list {
  height: 286px;
  overflow-y: auto;
}
@media (min-width: 768px) {
  .hire-freelancer-modal-nolog {
    width: 630px;
  }
}
.hire-freelancer-modal-nolog .close {
  color: #000;
}
.hire-freelancer-modal-nolog.full-height.modal-dialog {
  max-height: 100vh;
  margin: 0;
}
.hire-freelancer-modal-nolog.full-height .modal-body {
  max-height: 72vh;
  overflow-y: auto;
}
.hire-freelancer-modal-nolog .radio-box-new input[type="radio"] ~ label {
  padding: 5px 35px 5px 5px;
}
@media (max-width: 767px) {
  .hire-freelancer-modal-nolog .radio-box-new input[type="radio"] ~ label {
    padding: 7px 5px 5px 35px;
    border-bottom: 0px;
  }
  .hire-freelancer-modal-nolog .radio-box-new input[type="radio"] ~ label:after {
    left: 0px;
  }
  .hire-freelancer-modal-nolog .radio-box-new input[type="radio"] ~ label:before {
    left: 0px;
  }
}
.mobile-notifications .device .icon-notification {
  background-size: auto 32px;
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/desktop-push-bell.2d05305dc.svg);
  background-position: center center;
  background-repeat: no-repeat;
  height: 35px;
  position: relative;
  top: 40px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-name: notification-desktop;
  animation-name: notification-desktop;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@media (max-width: 991px) {
  .mobile-notifications .device .icon-notification {
    width: 0px;
    height: 0px;
    top: 50%;
    left: calc(50% - 28px);
    background-color: rgba(47, 154, 238, 0);
    border: 2px solid transparent;
    background-image: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    padding: 0px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: notification-mobile;
    animation-name: notification-mobile;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
}
.mobile-notifications-alert {
  background-color: white;
  border: 0;
}
.mobile-notifications-alert .device {
  width: 100%;
  height: 90px;
  background: url(https://wkncdn.com/newx/assets/build/img/svg/desktop-push-notifications.308dcff32.svg) no-repeat top left;
  background-size: contain;
}
@media (max-width: 767px) {
  .mobile-notifications-alert .device {
    background-image: url(https://wkncdn.com/newx/assets/build/img/svg/mobile-push-notifications.73c9d2fe5.svg);
    background-position: center top;
  }
}
@media (max-width: 767px) {
  .mobile-notifications-alert {
    position: fixed;
    bottom: -15px;
    z-index: 1;
    width: 100%;
    margin: -25px -15px 15px;
  }
}
.mobile-notifications-alert h4 {
  color: #2f9aee;
  margin-bottom: 0px;
}
.mobile-notifications-alert p {
  line-height: 26px;
  margin-bottom: 5px;
}
.mobile-notifications-alert .btn {
  padding: 5px;
}
.mobile-notifications-alert .close {
  color: #686868;
  right: -10px;
}
@media (max-width: 767px) {
  .mobile-notifications-alert {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .mobile-notifications-alert {
    margin-bottom: 18px;
  }
}
@-webkit-keyframes notification-mobile {
  0% {
    width: 56px;
    height: 0%;
    top: 45%;
  }
  100% {
    width: 56px;
    height: 10%;
    top: 35%;
    border: 2px solid #2f9aee;
    background-color: rgba(47, 154, 238, 0.3);
  }
}
@keyframes notification-mobile {
  0% {
    width: 56px;
    height: 10%;
    top: 35%;
  }
  100% {
    width: 56px;
    height: 10%;
    top: 45%;
    border: 2px solid #2f9aee;
    background-color: rgba(47, 154, 238, 0.3);
  }
}
@-webkit-keyframes notification-desktop {
  0% {
    -webkit-transform: rotateZ(0);
  }
  10% {
    -webkit-transform: rotateZ(30deg);
  }
  20% {
    -webkit-transform: rotateZ(-25deg);
  }
  30% {
    -webkit-transform: rotateZ(20deg);
  }
  40% {
    -webkit-transform: rotateZ(-15deg);
  }
  50% {
    -webkit-transform: rotateZ(15deg);
  }
  60% {
    -webkit-transform: rotateZ(-10deg);
  }
  70% {
    -webkit-transform: rotateZ(10deg);
  }
  80% {
    -webkit-transform: rotateZ(-5deg);
  }
  90% {
    -webkit-transform: rotateZ(0deg);
  }
}
@keyframes notification-desktop {
  0% {
    -webkit-transform: rotateZ(0);
  }
  10% {
    -webkit-transform: rotateZ(30deg);
  }
  20% {
    -webkit-transform: rotateZ(-25deg);
  }
  30% {
    -webkit-transform: rotateZ(20deg);
  }
  40% {
    -webkit-transform: rotateZ(-15deg);
  }
  50% {
    -webkit-transform: rotateZ(15deg);
  }
  60% {
    -webkit-transform: rotateZ(-10deg);
  }
  70% {
    -webkit-transform: rotateZ(10deg);
  }
  80% {
    -webkit-transform: rotateZ(-5deg);
  }
  90% {
    -webkit-transform: rotateZ(0deg);
  }
}
@media (min-width: 992px) {
  .modal-acceptbid {
    width: 720px;
  }
}
@media (max-width: 767px) {
  .modal-acceptbid {
    text-align: center;
  }
}
.modal-acceptbid .modal-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0px;
}
.modal-acceptbid .modal-header h2 {
  color: #686868;
}
@media (max-width: 767px) {
  .modal-acceptbid .modal-header h2 {
    text-align: center;
    display: block;
  }
}
.modal-acceptbid .modal-body {
  padding-bottom: 0;
}
.modal-acceptbid .modal-body.modal-flex-height {
  min-height: inherit;
}
@media (min-width: 768px) {
  .modal-acceptbid .modal-body.modal-flex-height {
    height: auto;
  }
}
.modal-acceptbid .modal-body .user-empty {
  height: 62px;
  margin-bottom: 15px;
}
.modal-acceptbid .modal-body .user-wrapper {
  margin-bottom: 15px;
}
.modal-acceptbid .modal-body .user-wrapper .profile-photo {
  width: 58px;
  height: 58px;
}
@media (max-width: 767px) {
  .modal-acceptbid .modal-body .user-wrapper .profile-photo {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 767px) {
  .modal-acceptbid .modal-body .user-wrapper .user-data {
    padding-left: 30px;
  }
}
.modal-acceptbid .modal-body .user-wrapper .user-data .user-name,
.modal-acceptbid .modal-body .user-wrapper .user-data .user-rating {
  display: inline-block;
}
.modal-acceptbid .modal-body .user-wrapper .user-data .user-bid {
  color: #0AD254;
  margin-top: -5px;
}
.modal-acceptbid .modal-body .user-wrapper .user-data .user-bid h3 {
  margin: 0px;
}
.modal-acceptbid .modal-body i {
  font-size: 40px;
  color: #686868;
}
.modal-acceptbid .modal-body i ~ p {
  line-height: 26px;
}
.modal-acceptbid .modal-footer {
  border-top: 0;
  text-align: right;
}
.modal-acceptbid .modal-footer .btn-text-normal {
  margin-bottom: 0px;
  background-color: transparent;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .modal-acceptbid .modal-footer .btn-text-normal {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .modal-acceptbid {
    max-width: calc(100% - 30px);
  }
  .modal-acceptbid .features-block {
    text-align: left;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: 20px;
  }
  .modal-acceptbid .features-block .feature {
    float: none;
    width: 75%;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
  }
}
.modal-add-hours .modal-footer {
  padding-top: 0;
}
.modal-add-hours .modal-footer p {
  margin: 10px 0;
}
.modal-add-hours .modal-footer .btn {
  margin-bottom: 0;
}
.modal-add-hours .modal-footer .btn + .btn {
  margin-right: 0;
}
@media (min-width: 768px) {
  .modal-add-hours {
    width: 640px;
  }
}
@media (max-width: 767px) {
  .modal-add-hours .modal-body {
    padding-bottom: 0;
  }
  .modal-add-hours .modal-footer p {
    margin-top: 0;
  }
  .modal-add-hours .wk-bullet {
    margin-top: 5px;
    margin-bottom: 10px;
  }
}
.modal-behance .close {
  z-index: 1;
  text-shadow: 0 1px 0 transparent;
}
.modal-behance .modal-body {
  padding: 0;
  width: 100%;
  height: 100%;
}
.modal-behance .modal-content {
  border: 0;
  box-shadow: none;
}
.modal-behance .image-container {
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-align: center;
}
.modal-behance .image-container img {
  vertical-align: middle;
  display: inherit;
}
.modal-behance .image-container .img-behance-item {
  max-height: inherit;
}
.modal-behance .image-container .loader-content {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.modal-behance .image-container .loader-content .control-spinner {
  position: relative;
  display: inherit;
  font-size: 14px;
  padding: 10px;
}
.modal-behance .image-container,
.modal-behance .description-container {
  height: 50%;
  float: left;
}
.modal-behance .description-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
.modal-behance .description-container {
  padding-bottom: 70px;
  line-height: 24px;
}
.modal-behance .description-container p {
  white-space: initial;
}
.modal-behance .nav-container {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 15px;
}
.modal-behance .nav-container .btn {
  margin-bottom: 0;
}
.modal-behance .nav-container .row {
  width: 100%;
}
.modal-behance .user-info {
  position: relative;
  padding: 12px 0 12px 60px;
}
.modal-behance .user-info .profile-photo {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 768px) {
  .modal-behance {
    width: 740px;
  }
  .modal-behance .user-info {
    margin: 15px 0;
  }
  .modal-behance h3 {
    margin-bottom: 30px;
  }
  .modal-behance .modal-content {
    height: 390px;
  }
  .modal-behance .description-container {
    width: 40%;
  }
  .modal-behance .image-container,
  .modal-behance .description-container {
    height: 390px;
  }
  .modal-behance .nav-container {
    padding-left: 15px;
    width: 40%;
  }
  .modal-behance .image-container {
    line-height: 390px;
    width: 60%;
  }
}
@media (min-width: 992px) {
  .modal-behance {
    width: 900px;
  }
  .modal-behance .modal-content,
  .modal-behance .image-container,
  .modal-behance .description-container {
    height: 460px;
  }
}
@media (min-width: 1200px) {
  .modal-behance {
    width: 1000px;
  }
  .modal-behance .modal-content,
  .modal-behance .image-container,
  .modal-behance .description-container {
    height: 630px;
  }
  .modal-behance .image-container {
    line-height: 630px;
  }
}
@media (max-width: 767px) {
  .modal-behance {
    margin: 0;
    padding: 10px;
  }
  .modal-behance,
  .modal-behance .modal-content {
    width: 100%;
    height: 100%;
  }
  .modal-behance .image-container {
    width: 100%;
  }
  .modal-behance .image-container img {
    width: 100%;
  }
}
@media (max-width: 991px) and (orientation: landscape) {
  .modal-behance {
    margin: 0;
    padding: 10px;
  }
  .modal-behance,
  .modal-behance .modal-content {
    width: 100%;
    height: 100%;
  }
  .modal-behance .image-container,
  .modal-behance .description-container {
    width: 50%;
    height: 100%;
  }
  .modal-behance .nav-container {
    width: 50%;
    padding: 15px;
  }
}
.modal-edit-contract .modal-footer .btn + .btn {
  margin-right: 0;
}
.modal-edit-contract .wk-bullet {
  margin-bottom: 10px;
}
.modal-leaving {
  max-width: 390px;
  margin: 75px auto 0;
  text-align: center;
}
.modal-leaving .modal-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 0;
  text-align: center;
}
.modal-leaving .modal-content p {
  line-height: 26px;
}
.modal-leaving .modal-footer {
  border-top: 0;
  padding-top: 0;
  text-align: center;
}
.modal-promo .modal-content {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  border-top: 0;
}
.modal-promo .modal-header {
  height: 300px;
  padding: 0;
  overflow: hidden;
}
.modal-promo .modal-header img {
  width: 100%;
  height: auto;
}
.modal-promo .modal-body {
  padding: 10px 20px;
}
.modal-promo .h2 {
  margin-top: 5px;
  margin-bottom: 10px;
  line-height: normal;
}
.modal-promo .h2.text-violet {
  margin-top: 0px;
}
.modal-promo .h4 {
  line-height: 26px;
}
.modal-promo .h3 {
  margin-top: 5px;
  line-height: normal;
}
.modal-promo .h5.text-muted {
  margin-bottom: 0px;
}
.modal-promo .close {
  color: white;
}
.modal-promo .modal-footer {
  border: 0;
}
.modal-promo.close-gray .close {
  color: #686868;
}
.modal-promo .features-list li {
  margin-bottom: 20px;
}
.modal-promo .features-list li:last-child {
  margin-bottom: 0;
}
.modal-promo .features-list .h4 {
  font-size: 14px;
  line-height: normal;
}
.modal-promo .modal-footer .list-inline .active {
  display: none!important;
}
.modal-promo .modal-footer .btn + .btn-next {
  margin-right: 0;
}
@media (max-width: 767px) {
  .modal-promo {
    max-width: 320px;
  }
  .modal-promo .btn-text-normal {
    float: right;
  }
  .modal-promo .btn {
    width: 100%;
  }
  .modal-promo .modal-header {
    height: auto;
  }
}
.slides-time-report .close {
  color: #FFFFFF;
  opacity: 1;
  position: absolute;
  right: 15px;
  top: 15px;
}
.slides-time-report .item img {
  margin: 0 auto;
  padding: 40px 40px 0;
}
.slides-time-report .item .bg {
  background-color: #2f9aee;
}
.slides-time-report .carousel-inner {
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 470px;
}
.slides-time-report .carousel-control {
  font-size: 13px;
  opacity: 1;
  text-shadow: none;
  top: 8px;
  width: auto;
}
.slides-time-report .carousel-control:hover,
.slides-time-report .carousel-control:focus {
  color: #2f9aee;
  text-decoration: underline;
}
.slides-time-report .carousel-control.left,
.slides-time-report .carousel-control.right {
  background-image: none;
  margin: 0 15px;
}
.slides-time-report .content {
  padding: 20px 30px;
}
.slides-time-report .carousel-indicators {
  bottom: inherit;
  margin-top: 10px;
  position: relative;
}
.slides-time-report .carousel-indicators li {
  background-color: #D5D5D5;
  border: 0;
  margin: 1px 5px;
}
.slides-time-report .carousel-indicators .active {
  background-color: #2f9aee;
  height: 10px;
  margin: 1px 5px;
  width: 10px;
}
.slides-time-report .modal-footer .btn-sm {
  position: absolute;
  right: 15px;
  top: 4px;
}
@media (min-width: 768px) {
  .slides-time-report .item .bg {
    min-height: 300px;
  }
}
@media (max-width: 767px) {
  .slides-time-report {
    text-align: center;
  }
  .slides-time-report .content {
    min-height: 210px;
    padding: 20px;
  }
  .slides-time-report .btn {
    margin: 0 auto;
  }
  .slides-time-report .carousel-inner {
    height: auto;
  }
  .slides-time-report .carousel-indicators {
    margin-left: -55%;
    width: 100%;
  }
  .slides-time-report .item .bg {
    min-height: 220px;
  }
  .slides-time-report .item img {
    max-height: 190px;
  }
  .slides-time-report .modal-footer div:first-child {
    padding-right: 0;
  }
  .slides-time-report .modal-footer div:last-child {
    padding-left: 0;
  }
}
.modal-tutorial .modal-content {
  background-color: #2f9aee;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.modal-tutorial .modal-content .list-inline {
  margin-right: -5px;
}
@media (max-width: 767px) {
  .modal-tutorial .modal-content .list-inline li {
    display: block;
  }
}
.modal-tutorial .modal-header {
  padding: 30px;
}
.modal-tutorial .modal-header h2 {
  color: white;
  line-height: 36px;
}
@media (max-width: 767px) {
  .modal-tutorial .modal-header {
    padding: 15px;
  }
}
.modal-tutorial .modal-body {
  height: 320px;
  overflow-y: auto;
  padding: 0 30px;
}
.modal-tutorial .modal-body p {
  color: white;
  line-height: 26px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .modal-tutorial .modal-body {
    height: 50vh;
    padding: 0 15px;
  }
}
.modal-tutorial .modal-footer {
  padding: 30px;
  border: 0;
}
.modal-tutorial .modal-footer li.active {
  display: none;
}
.modal-tutorial .modal-footer .btn {
  margin: 0;
  float: right;
}
@media (max-width: 767px) {
  .modal-tutorial .modal-footer {
    padding: 0 15px 15px 15px;
  }
  .modal-tutorial .modal-footer .btn {
    float: left;
    margin-right: 0;
  }
  .modal-tutorial .modal-footer .btn + .btn {
    margin-right: 0;
    margin-top: 10px;
  }
  .modal-tutorial .modal-footer .btn-prev {
    float: right;
  }
}
.modal-videocall {
  margin: 100px auto 10px auto;
  max-width: 390px;
}
.modal-videocall .modal-content {
  border: 0;
  background-color: #2f9aee;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.modal-videocall .modal-footer {
  text-align: center;
  border: 0;
  padding: 0 40px 40px 40px;
}
.modal-videocall .modal-footer .btn + .btn {
  margin-right: 0;
}
.modal-videocall .modal-header {
  padding: 40px 40px 10px 40px;
}
.modal-videocall .modal-header h2 {
  color: white;
  text-align: center;
}
.modal-videocall .user-wrapper {
  color: white;
}
.modal-videocall .profile-photo {
  width: 146px;
  height: 146px;
  margin-bottom: 10px;
}
.modal-videocall .wk-bullet {
  color: white;
}
.modal-videocall .rating-stars {
  margin-top: -10px;
}
.modal-videocall .close {
  color: #FFFFFF;
}
.videocall-animation {
  border-radius: 100%;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2);
  animation: videocall-play 2s ease infinite;
  -webkit-animation: videocall-play 2s ease infinite;
  -moz-animation: videocall-play 2s ease infinite;
}
@keyframes videocall-play {
  0% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
  }
}
@-webkit-keyframes videocall-play {
  0% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
  }
}
@-moz-keyframes videocall-play {
  0% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4), 0 0 0 20px rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4), 0 0 0 30px rgba(255, 255, 255, 0.2);
  }
}
.modal-welcome-pro .modal-footer ul.list-inline li {
  width: 100%;
}
.bank-transfer-withdraw-form input[type=file].form-control {
  border: none;
}
.bank-transfer-withdraw-form .attached-files {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .bank-transfer-withdraw-form .attached-files {
    float: right;
  }
}
.icon-card {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/icons-cards.adcfb72c8.png);
  margin-top: 5px;
  width: 65px;
  height: 39px;
  background-size: 140.4px;
}
.icon-card.visa {
  background-position: 0 -52px;
}
.icon-card.mastercard {
  background-position: -75.4px 0;
}
.icon-card.amex {
  background-position: 0 0;
}
.icon-card.discover {
  background-position: -75.4px -52px;
}
.icon-card.workana,
.icon-card.pagofacil,
.icon-card.rapipago,
.icon-card.paypal,
.icon-card.mercadopago {
  background-size: contain;
  background-position: center;
}
.icon-card.workana {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment-v2/workana-credit-icon.c0a04d59d.png);
}
.icon-card.pagofacil {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPF.af6ff364b.png);
}
.icon-card.rapipago {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARRP.44d506a31.png);
}
.icon-card.paypal {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPP.7b3c4c878.png);
}
.icon-card.mercadopago {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARMP.35d6d93c5.png);
}
.icon-card.small {
  width: 30px;
  height: 18px;
  background-size: 64.8px;
}
.icon-card.small.visa {
  background-position: 0 -24px;
}
.icon-card.small.mastercard {
  background-position: -34.8px 0;
}
.icon-card.small.amex {
  background-position: 0 0;
}
.icon-card.small.discover {
  background-position: -34.8px -24px;
}
.icon-card.small.workana,
.icon-card.small.pagofacil,
.icon-card.small.rapipago,
.icon-card.small.paypal,
.icon-card.small.mercadopago {
  background-size: contain;
  background-position: center;
}
.icon-card.small.workana {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment-v2/workana-credit-icon.c0a04d59d.png);
}
.icon-card.small.pagofacil {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPF.af6ff364b.png);
}
.icon-card.small.rapipago {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARRP.44d506a31.png);
}
.icon-card.small.paypal {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPP.7b3c4c878.png);
}
.icon-card.small.mercadopago {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARMP.35d6d93c5.png);
}
.icon-card.medium {
  width: 40px;
  height: 24px;
  background-size: 86.4px;
}
.icon-card.medium.visa {
  background-position: 0 -32px;
}
.icon-card.medium.mastercard {
  background-position: -46.4px 0;
}
.icon-card.medium.amex {
  background-position: 0 0;
}
.icon-card.medium.discover {
  background-position: -46.4px -32px;
}
.icon-card.medium.workana,
.icon-card.medium.pagofacil,
.icon-card.medium.rapipago,
.icon-card.medium.paypal,
.icon-card.medium.mercadopago {
  background-size: contain;
  background-position: center;
}
.icon-card.medium.workana {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment-v2/workana-credit-icon.c0a04d59d.png);
}
.icon-card.medium.pagofacil {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPF.af6ff364b.png);
}
.icon-card.medium.rapipago {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARRP.44d506a31.png);
}
.icon-card.medium.paypal {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPP.7b3c4c878.png);
}
.icon-card.medium.mercadopago {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARMP.35d6d93c5.png);
}
.icon-card.normal {
  width: 50px;
  height: 30px;
  background-size: 108px;
}
.icon-card.normal.visa {
  background-position: 0 -40px;
}
.icon-card.normal.mastercard {
  background-position: -58px 0;
}
.icon-card.normal.amex {
  background-position: 0 0;
}
.icon-card.normal.discover {
  background-position: -58px -40px;
}
.icon-card.normal.workana,
.icon-card.normal.pagofacil,
.icon-card.normal.rapipago,
.icon-card.normal.paypal,
.icon-card.normal.mercadopago {
  background-size: contain;
  background-position: center;
}
.icon-card.normal.workana {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment-v2/workana-credit-icon.c0a04d59d.png);
}
.icon-card.normal.pagofacil {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPF.af6ff364b.png);
}
.icon-card.normal.rapipago {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARRP.44d506a31.png);
}
.icon-card.normal.paypal {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPP.7b3c4c878.png);
}
.icon-card.normal.mercadopago {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARMP.35d6d93c5.png);
}
.icon-card.empty {
  background: #EFEFEF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
:root {
  --payment-v2-icon-size-1: 50px * 1;
  --payment-v2-icon-size-3: 166px * 1;
  --payment-v2-icon-size-4: 108px * 1;
  --payment-v2-icon-size-5: 166px * 1;
  --payment-v2-icon-size-8: 224px * 1;
  --payment-v2-icon-height: 40px * 1;
  --payment-v2-icon-height-2: 70px;
  --payment-v2-icon-gap: 8px;
}
.payment-icons {
  background-repeat: no-repeat;
  width: 100%;
  height: var(--payment-v2-icon-height);
  display: inline-block;
}
.payment-ARLC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARLC.8b95d7946.png);
  background-size: var(--payment-v2-icon-size-8) auto;
  height: var(--payment-v2-icon-height-2);
}
.payment-ARLD {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARLD.1ff827206.png), url(https://wkncdn.com/newx/assets/build/img/payment/ARLD.1ff827206.png);
  background-size: var(--payment-v2-icon-size-4) auto, var(--payment-v2-icon-size-4) auto;
  background-position: 0 0, calc(var(--payment-v2-icon-size-4) + var(--payment-v2-icon-gap)) calc(var(--payment-v2-icon-height) * -1);
}
.payment-BRLC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/BRLC.5f8c315df.png);
  background-size: var(--payment-v2-icon-size-8) auto;
  height: var(--payment-v2-icon-height-2);
}
.payment-ARMP,
.payment-BRMP,
.payment-MXMP {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARMP.35d6d93c5.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-ARBW,
.payment-EXBT,
.payment-BRBW {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARBW.18b43a4f5.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-ARCA {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCA.5a48823f9.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-ARDLC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCA.5a48823f9.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-ARPP,
.payment-CLPP,
.payment-COPP,
.payment-MXPP,
.payment-DFPP,
.payment-UYPP,
.payment-PEPP,
.payment-MYPP,
.payment-SGPP,
.payment-HKPP,
.payment-PHPP,
.payment-AUPP,
.payment-NZPP {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPP.7b3c4c878.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-CLCC,
.payment-ARCC,
.payment-COCC,
.payment-MXCC,
.payment-DFCC,
.payment-UYCC,
.payment-PECC,
.payment-MYCC,
.payment-SGCC,
.payment-HKCC,
.payment-PHCC,
.payment-AUCC,
.payment-NZCC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC.adcfb72c8.png), url(https://wkncdn.com/newx/assets/build/img/payment/ARCC.adcfb72c8.png);
  background-size: var(--payment-v2-icon-size-4) auto, var(--payment-v2-icon-size-4) auto;
  background-position: 0 0, calc(var(--payment-v2-icon-size-4) + var(--payment-v2-icon-gap)) calc(var(--payment-v2-icon-height) * -1);
}
.payment-CLCP {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/CLCP.4a2ab970a.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-BRBB {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/BRBB.27087ed20.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-BRIBB {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/br_boleto.v2.05487a425.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-COLC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/COLC.34e86658a.png), url(https://wkncdn.com/newx/assets/build/img/payment/COLC.34e86658a.png);
  background-size: var(--payment-v2-icon-size-4) auto, var(--payment-v2-icon-size-4) auto;
  background-position: 0 0, calc(var(--payment-v2-icon-size-4) + var(--payment-v2-icon-gap)) calc(var(--payment-v2-icon-height) * -1);
}
.payment-COPU {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/COPU.8a9c087ed.png);
  background-size: var(--payment-v2-icon-size-3) auto;
}
.payment-COBT {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/COBT.4bd825480.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-MXLC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/MXLC.afce6d190.png);
  background-size: var(--payment-v2-icon-size-8) auto;
  height: var(--payment-v2-icon-height-2);
}
.payment-MXBT {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/MXBT.012d40428.png), url(https://wkncdn.com/newx/assets/build/img/payment/MXBT.012d40428.png);
  background-size: var(--payment-v2-icon-size-4) auto, var(--payment-v2-icon-size-4) auto;
  background-position: 0 0, calc(var(--payment-v2-icon-size-4) + var(--payment-v2-icon-gap)) calc(var(--payment-v2-icon-height) * -1);
}
.payment-MXCP {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/MXCP.f346186a5.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-UYCP {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/UYCP.efca2491f.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-ARIC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC_WP.54ac19ac6.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-ARID {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARDC_WP.54ac19ac6.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-MXIC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC_WP.54ac19ac6.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-MXID {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARDC_WP.54ac19ac6.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-COIC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC_WP.54ac19ac6.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-COID {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARDC_WP.54ac19ac6.png);
  background-size: var(--payment-v2-icon-size-4) auto;
}
.payment-ARCC-USD-WP {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCCUSD_WP.8e3b13306.png);
  background-size: var(--payment-v2-icon-size-5) auto;
}
.payment-ARDC-WP-REST {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC_REST.4c0e75e7f.png);
  background-size: var(--payment-v2-icon-size-8) auto;
}
.payment-MYIC,
.payment-SGIC,
.payment-HKIC,
.payment-PHIC,
.payment-AUIC,
.payment-NZIC {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCCUSD_WP.8e3b13306.png);
  background-size: var(--payment-v2-icon-size-5) auto;
}
.payment-ARRP {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARRP.44d506a31.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
.payment-ARPF {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPF.af6ff364b.png);
  background-size: var(--payment-v2-icon-size-1) auto;
}
@media (max-width: 991px) {
  :root {
    --payment-v2-icon-size-1: 50px * 0.6;
    --payment-v2-icon-size-3: 166px * 0.6;
    --payment-v2-icon-size-4: 108px * 0.6;
    --payment-v2-icon-size-5: 166px * 0.6;
    --payment-v2-icon-size-8: 224px * 0.6;
    --payment-v2-icon-height: 40px * 0.6;
    --payment-v2-icon-height-2: 44px;
    --payment-v2-icon-gap: 4px;
  }
}
.payments-view .page-header h3 {
  margin-top: 0;
}
.payments-details-new {
  padding: 0;
  overflow: hidden;
}
@media (min-width: 991px) {
  .payments-details-new {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .payments-details-new > div {
    width: calc(100% + 30px);
  }
}
.payments-resume {
  padding: 5px 20px;
}
.payments-resume h5 {
  text-transform: uppercase;
  margin: 2px 0;
}
.payments-resume h4 {
  margin: 0;
}
.payments-resume .row {
  position: relative;
  padding: 15px 0;
}
.payments-resume .row:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  border-bottom: solid 1px #EFEFEF;
}
.payments-resume .row:last-child:before {
  display: none;
}
.payments-resume .row.total h5 {
  margin: 5px 0;
}
.payments-resume .row.total h3 {
  margin: 0;
}
.payments-resume .row.use-credit h5 {
  margin-bottom: 10px;
}
.payments-resume .row.use-credit p:last-child {
  margin-bottom: 0;
}
.payments-resume .row .use-credit-option {
  float: left;
  margin-top: 10px;
}
.payments-resume i {
  margin-top: -6px;
  display: inline-block;
  margin-bottom: -4px;
}
.payments-resume i + .tooltip {
  pointer-events: none;
}
@media (max-width: 767px) {
  .payments-resume .row.total h3 {
    font-size: 20px;
  }
}
.payment-tip {
  height: 100%;
}
.safe-payment-block {
  background: url(https://wkncdn.com/newx/assets/build/img/svg/secure-shield.19426aeb6.svg) right -40px top 50px no-repeat #2f9aee;
  background-size: 95px auto;
  color: white;
  padding: 30px 100px 30px 40px;
  height: 100%;
}
.safe-payment-block h4 {
  font-size: 18px;
  line-height: 32px;
}
.safe-payment-block h5 {
  font-size: 15px;
  line-height: 26px;
  margin: 15px 0;
}
@media (max-width: 767px) {
  .payments-mobile-header {
    position: fixed;
    background-color: #253556;
    top: 0;
    left: 60px;
    right: 0;
    height: 66px;
    z-index: 1051;
    padding: 21px 0;
    color: white;
  }
}
.payments-v2 {
  padding-bottom: 60px;
}
.payments-v2 .input-group {
  margin-bottom: 10px;
}
.payments-v2 .box-common .h4 {
  margin: 0;
}
.payments-v2 .btn.btn-lg.btn-wide {
  padding-left: 28px;
  padding-right: 28px;
  min-width: 250px;
}
.payments-v2-methods .badge {
  font-weight: normal;
}
.payments-v2-methods h3 {
  margin: 0;
}
.payments-v2-methods .radio-item .control-spinner {
  margin-left: 10px;
  top: 3px;
}
.payments-v2-methods .radio-item.suggested {
  background-color: rgba(2, 208, 78, 0.15);
}
.payments-v2-methods .radio-item.suggested label {
  border-left-color: #1bf46b;
}
@media (min-width: 768px) {
  .payments-v2-methods .radio-item.suggested label:hover {
    border-left-color: #0AD254;
  }
}
.payments-v2-methods .radio-item.multiple > input[type='radio']:checked + label .payment-icons {
  display: none;
}
.payments-v2-methods .radio-item.multiple > input[type='radio']:checked + label .col-xs-6 {
  width: 100%;
}
.payments-v2-methods .radio-item.multiple > input[type='radio']:checked + label + .radio-item-list {
  display: block;
}
.payments-v2-methods .radio-item.multiple .radio-item-list {
  display: none;
  position: relative;
  margin-top: -10px;
}
.payments-v2-methods .radio-item.multiple .radio-item {
  border-bottom: 0;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment-v2/corner-down-right.7a91e97d5.svg);
  background-position: 18px 10px;
}
.payments-v2-methods .radio-item.multiple .radio-item label {
  padding-top: 7px;
  padding-bottom: 7px;
}
.payments-v2-methods .radio-item.multiple .radio-item label h3 {
  padding-left: 25px;
}
.payments-v2-methods .radio-item.multiple .radio-item label:after,
.payments-v2-methods .radio-item.multiple .radio-item label:before {
  left: 40px;
  top: 9px;
}
@media (max-width: 991px) {
  .payments-v2-methods .radio-item.multiple .radio-item {
    background-position-x: 13px;
  }
  .payments-v2-methods .radio-item.multiple .radio-item label:after,
  .payments-v2-methods .radio-item.multiple .radio-item label:before {
    left: 30px;
  }
  .payments-v2-methods .radio-item.multiple .radio-item label h3 {
    padding-left: 20px;
  }
}
.payments-v2-methods .payment-icons {
  margin-top: -5px;
}
.payments-v2-details .h5:first-child {
  margin-top: 0;
}
.payments-v2-details p {
  line-height: 1.7;
}
.payments-v2-details .icon-card {
  vertical-align: middle;
  margin-right: 5px;
  margin-top: 0;
}
.payments-v2-details .payment-selected .h5 {
  margin-bottom: 15px;
}
.payments-v2-details.box-collapsable {
  margin-bottom: 0;
}
.payments-v2-details.box-collapsable .btn-expand {
  background: none;
  padding: 0;
  position: relative;
}
.payments-v2-details.box-collapsable .btn-expand i {
  font-size: 22px;
  top: 4px;
}
.payments-v2-details.box-collapsable .box-collapsable-body {
  padding: 0;
}
.payments-v2-details.box-collapsable p.small {
  margin: 0;
}
.payments-v2 .safe-payment-block {
  margin: 10px -20px -20px -20px;
  padding: 20px 20px 20px 70px;
  background-position: top 30px left -30px;
  background-size: auto 96px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.payments-v2 .safe-payment-block h4 {
  font-size: 16px;
  line-height: 22px;
}
.payments-v2 .safe-payment-block h5 {
  font-size: 13px;
  line-height: 18px;
}
.payments-v2 .safe-payment-hours {
  background: url(https://wkncdn.com/newx/assets/build/img/svg/clock.2f35910bb.svg) left -15px top 32px no-repeat #2f9aee;
}
.payments-v2 .safe-payment-recurring {
  background: url(/assets/img/payment-v2/recurring-payment-icon.svg) left -25px top 32px no-repeat #2f9aee;
}
.payments-v2 .actions .btn-hours {
  margin-top: 10px;
}
.payments-v2 .actions .btn-hours span {
  margin-right: 10px;
}
.payments-v2-mobile-header {
  display: block;
  position: fixed;
  height: 60px;
  width: 100%;
  left: 0;
  z-index: 2;
}
.payments-v2-mobile-errors {
  position: fixed;
  z-index: 2;
  bottom: 60px;
  left: 0;
  width: 100%;
}
.payments-v2-mobile-errors p {
  padding: 15px;
  background-color: #FFC7CA;
  color: #FB535B;
  text-align: center;
  margin-bottom: 0;
}
.payments-v2-mobile-header {
  background-color: #253556;
  top: 0;
  z-index: 1051;
  color: white;
  padding: 0 10px;
}
.payments-v2-mobile-header .h3,
.payments-v2-mobile-header .h4,
.payments-v2-mobile-header .small {
  margin: 0;
}
.payments-v2-mobile-header .row {
  width: 100%;
  height: 100%;
  display: table;
  margin: 0;
}
.payments-v2-mobile-header .row [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.payments-v2-card-dummy {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment-v2/credit-card-dummy.afba32b3d.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  display: inline-block;
  padding: 50px 15px 20px 15px;
  text-align: left;
  margin-top: 45px;
}
.payments-v2-card-dummy p {
  color: white;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000;
}
.payments-v2-result {
  position: relative;
  overflow: hidden;
}
.payments-v2-result .h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.payments-v2-result p {
  line-height: 26px;
}
.payments-v2-result i {
  background-color: #EFEFEF;
  font-size: 90px;
  text-align: center;
}
.payments-v2-result.success i {
  background-color: #D1F9E0;
  color: #0AD254;
}
.payments-v2-result.success .h3 {
  color: #0AD254;
}
.payments-v2-result.danger i {
  background-color: #FFE5E7;
  color: #FB535B;
}
.payments-v2-result.danger .h3 {
  color: #FB535B;
}
.payments-v2-cards .radio-item p,
.payments-v2-cards .checkbox-item p {
  margin-bottom: 0;
}
.payments-v2-cards .radio-item .icon-card.normal,
.payments-v2-cards .checkbox-item .icon-card.normal {
  position: absolute;
  margin-top: -5px;
}
.payments-v2-cards .radio-item .icon-card-name,
.payments-v2-cards .checkbox-item .icon-card-name {
  padding-left: 70px;
  display: inline-block;
}
.payments-v2-cards .radio-item a,
.payments-v2-cards .checkbox-item a {
  display: block;
}
.payments-v2 .h4 + section {
  margin-top: 20px;
}
.payments-v2-direct .form-group {
  margin-bottom: 20px;
}
.payments-v2-direct .safe-payment-block {
  margin-top: -20px;
  margin-left: 0;
  padding: 20px 100px 20px 30px;
  background-size: auto 160px;
  background-position: center right -50px;
}
.payments-v2-direct .safe-payment-block h4 {
  font-size: 18px;
  line-height: 26px;
}
.payments-v2-direct .safe-payment-block h5 {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0;
}
.payments-v2-direct-resume .form-control {
  height: 40px;
}
.payments-v2-direct-resume hr {
  margin: 0;
}
.payments-v2-direct-resume .wk-bullet,
.payments-v2-direct-resume .h5 {
  margin: 15px 0;
}
.payments-v2-direct-resume .h3 {
  margin: 10px 0;
}
.payments-v2 .box-wallet.alert {
  margin: 0 0 20px 0;
}
@media (max-width: 991px) {
  .payments-v2-cards .radio-item .icon-card.normal,
  .payments-v2-cards .checkbox-item .icon-card.normal {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: -55px;
  }
  .payments-v2-cards .radio-item .icon-card-name,
  .payments-v2-cards .checkbox-item .icon-card-name {
    padding-left: 0;
  }
  .payments-v2-cards .radio-item a,
  .payments-v2-cards .checkbox-item a {
    display: inline-block;
  }
  .payments-v2-cards .radio-item .visible-xs,
  .payments-v2-cards .checkbox-item .visible-xs,
  .payments-v2-cards .radio-item .visible-sm,
  .payments-v2-cards .checkbox-item .visible-sm {
    display: inline-block !important;
  }
  .payments-v2-cards p {
    padding-left: 55px;
    text-align: left;
  }
  .payments-v2-methods .payment-icons {
    margin-top: 0;
    margin-bottom: -10px;
  }
  .payments-v2-methods .badge {
    font-size: 10px;
  }
  .payments-v2-methods .blue-link:hover {
    text-decoration: underline;
    cursor: pointer;
  }
  .payments-v2 .safe-payment-block {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .payments-v2-direct .safe-payment-block {
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .payments-v2-cards .radio-item label:after,
  .payments-v2-cards .checkbox-item label:after,
  .payments-v2-cards .radio-item label:before,
  .payments-v2-cards .checkbox-item label:before {
    top: 22px;
  }
  .payments-v2-cards .radio-item .icon-card.normal,
  .payments-v2-cards .checkbox-item .icon-card.normal {
    margin-top: 0;
  }
  .payments-v2 .btn.disabled {
    opacity: 1;
  }
  .payments-v2 .btn-fixed {
    position: fixed;
    z-index: 2;
    height: 60px;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 22px!important;
    font-size: 13px;
  }
  .payments-v2 .btn-fixed.btn-lg.btn-wide {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .payments-v2-result {
    text-align: center;
  }
  .payments-v2-result i {
    display: block;
    height: 95px;
    margin: -10px -10px 20px;
  }
  .h4 + .payments-v2-methods {
    margin-top: 15px;
  }
  .payments-v2-direct .input-group {
    margin-top: 5px;
  }
  .payments-v2-direct .h3 {
    margin-top: 15px;
  }
}
@media (min-width: 1200px) {
  .payments-v2-card-dummy {
    padding: 75px 30px 40px 30px;
  }
  .payments-v2-card-dummy p {
    font-size: 16px;
    letter-spacing: 3px;
  }
}
@media (min-width: 992px) {
  .payments-v2-methods .badge {
    padding: 5px 10px;
  }
  .payments-v2-methods h3 {
    font-size: 18px;
  }
  .payments-v2-methods .payment-icons {
    margin-bottom: -10px;
  }
}
@media (min-width: 768px) {
  .payments-v2-mobile-header,
  .payments-v2-mobile-footer,
  .payments-v2-mobile-errors {
    display: none;
  }
  .payments-v2-result.box-common {
    padding-left: 170px;
  }
  .payments-v2-result i {
    position: absolute;
    width: 130px;
    top: 0;
    left: 0;
    bottom: 0;
    padding-top: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .payments-v2 .btn.btn-lg.btn-wide {
    padding-left: 15px;
    padding-right: 15px;
    min-width: auto;
  }
}
.payments-view h3 {
  margin: 30px 0;
}
.payments-view .page-header {
  margin-bottom: 10px;
}
.payments-view .page-header + h3 {
  margin-top: 0;
}
.payments-view .payments-details {
  position: relative;
  padding: 20px 10px;
}
.payments-view .payments-details h2 {
  margin-top: 5px;
  margin-bottom: 20px;
  font-weight: normal;
}
.payments-view .payments-details .title {
  font-weight: 600;
  text-transform: uppercase;
}
.payments-view .payments-details .checkbox {
  margin-top: 5px;
}
.payments-view .payments-details .checkbox label {
  font-size: 12px;
  color: #2f9aee;
  text-decoration: underline;
}
@media (min-width: 992px) {
  .payments-view .payments-details .amount .form-control,
  .payments-view .payments-details .subtotal .form-control {
    max-width: 150px;
  }
}
@media (min-width: 992px) {
  .payments-view .payments-details .amount-add .form-control {
    max-width: 210px;
  }
}
.payments-view .payments-details .fund label {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}
.payments-view .payments-details .fund .balance {
  color: #0AD254;
  font-weight: 300;
  margin-top: 0;
}
.payments-view .payments-details .amount-add .has-error .help-block {
  position: absolute;
}
@media (max-width: 1199px) {
  .payments-view .payments-details .amount-add .title {
    padding-top: 0;
  }
}
.payments-view .payments-details .upsell {
  margin-bottom: 15px;
}
.payments-view .authorization-with-funds {
  position: relative;
}
.payments-view .authorization-with-funds .option {
  background-color: white;
  border: 1px solid #D5D5D5;
  box-shadow: none;
}
.payments-view .authorization-with-funds .option .payment-icon {
  width: 50px;
  margin-left: 10px;
}
@media (max-width: 768px) {
  .payments-view .authorization-with-funds .option .payment-icon {
    margin-left: 0px;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .payments-view .authorization-with-funds .option {
    padding: 15px 15px 15px 45px;
  }
  .payments-view .authorization-with-funds .option:before {
    display: block;
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    border: 1px solid #D5D5D5;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    margin-top: 13px;
    left: 12px;
  }
}
.payments-view .payment-method-row {
  cursor: pointer;
  position: relative;
  border-radius: 3px;
  border: 3px solid transparent;
  padding: 15px;
  margin: 0;
  min-height: 160px;
  transition: border 0.3s ease-in-out;
  -moz-transition: border 0.3s ease-in-out;
  -webkit-transition: border 0.3s ease-in-out;
}
.payments-view .payment-method-row:hover {
  border-color: #2f9aee;
}
.payments-view .payment-method-row.suggested {
  background-color: #BDFDD5;
}
.payments-view .payment-method-row.suggested:hover {
  border-color: #0AD254;
}
.payments-view .payment-method-row.active {
  border-color: #2f9aee;
}
.payments-view .payment-method-row h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.payments-view .payment-method-row .pay-column .btn {
  margin: 20px 0px 0 0;
}
@media (min-width: 992px) {
  .payments-view .payment-method-row .pay-column {
    text-align: right;
  }
  .payments-view .payment-method-row .pay-column .btn {
    margin-top: 0;
  }
}
.payments-view .payment-method-row .badge {
  font-size: 10px;
  background-color: #0AD254;
  text-transform: uppercase;
  padding: 7px 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.payments-view .table-payment .icons {
  background-repeat: no-repeat;
  width: 100%;
  height: 90px;
}
.payments-view .table-payment-ARLC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARLC.8b95d7946.png);
  background-size: 291.2px auto;
}
.payments-view .table-payment-ARLD .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARLD.1ff827206.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-BRLC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/BRLC.5f8c315df.png);
  background-size: 291.2px auto;
}
.payments-view .table-payment-ARMP .icons,
.payments-view .table-payment-BRMP .icons,
.payments-view .table-payment-MXMP .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARMP.35d6d93c5.png);
  background-size: 65px auto;
}
.payments-view .table-payment-ARBW .icons,
.payments-view .table-payment-EXBT .icons,
.payments-view .table-payment-BRBW .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARBW.18b43a4f5.png);
  background-size: 65px auto;
}
.payments-view .table-payment-ARCA .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCA.5a48823f9.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-ARDLC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCA.5a48823f9.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-ARDLA .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARDLA.f58ff9566.svg);
  background-size: 140.4px auto;
}
.payments-view .table-payment-ARPP .icons,
.payments-view .table-payment-CLPP .icons,
.payments-view .table-payment-COPP .icons,
.payments-view .table-payment-MXPP .icons,
.payments-view .table-payment-DFPP .icons,
.payments-view .table-payment-UYPP .icons,
.payments-view .table-payment-PEPP .icons,
.payments-view .table-payment-MYPP .icons,
.payments-view .table-payment-SGPP .icons,
.payments-view .table-payment-HKPP .icons,
.payments-view .table-payment-PHPP .icons,
.payments-view .table-payment-AUPP .icons,
.payments-view .table-payment-NZPP .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARPP.7b3c4c878.png);
  background-size: 65px auto;
}
.payments-view .table-payment-CLCC .icons,
.payments-view .table-payment-ARCC .icons,
.payments-view .table-payment-COCC .icons,
.payments-view .table-payment-MXCC .icons,
.payments-view .table-payment-DFCC .icons,
.payments-view .table-payment-UYCC .icons,
.payments-view .table-payment-PECC .icons,
.payments-view .table-payment-MYCC .icons,
.payments-view .table-payment-SGCC .icons,
.payments-view .table-payment-HKCC .icons,
.payments-view .table-payment-PHCC .icons,
.payments-view .table-payment-AUCC .icons,
.payments-view .table-payment-NZCC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC.adcfb72c8.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-CLCP .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/CLCP.4a2ab970a.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-BRBB .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/BRBB.27087ed20.png);
  background-size: 65px auto;
}
.payments-view .table-payment-BRIBB .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/br_boleto.v2.05487a425.png);
  background-size: 65px auto;
}
.payments-view .table-payment-COLC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/COLC.34e86658a.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-COPU .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/COPU.8a9c087ed.png);
  background-size: 215.8px auto;
}
.payments-view .table-payment-COBT .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/COBT.4bd825480.png);
  background-size: 65px auto;
}
.payments-view .table-payment-MXLC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/MXLC.afce6d190.png);
  background-size: 291.2px auto;
}
.payments-view .table-payment-MXBT .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/MXBT.012d40428.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-MXCP .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/MXCP.f346186a5.png);
  background-size: 65px auto;
}
.payments-view .table-payment-UYCP .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/UYCP.efca2491f.png);
  background-size: 65px auto;
}
.payments-view .table-payment-ARIC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC_WP.54ac19ac6.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-ARID .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARDC_WP.54ac19ac6.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-MXIC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC_WP.54ac19ac6.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-MXID .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARDC_WP.54ac19ac6.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-COIC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC_WP.54ac19ac6.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-COID .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARDC_WP.54ac19ac6.png);
  background-size: 140.4px auto;
}
.payments-view .table-payment-ARCC-USD-WP .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCCUSD_WP.8e3b13306.png);
  background-size: 215.8px auto;
}
.payments-view .table-payment-ARDC-WP-REST .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCC_REST.4c0e75e7f.png);
  background-size: 291.2px auto;
}
.payments-view .table-payment-MYIC .icons,
.payments-view .table-payment-SGIC .icons,
.payments-view .table-payment-HKIC .icons,
.payments-view .table-payment-PHIC .icons,
.payments-view .table-payment-AUIC .icons,
.payments-view .table-payment-NZIC .icons {
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCCUSD_WP.8e3b13306.png);
  background-size: 215.8px auto;
}
.payments-view .payment-method .btn-cancel-method {
  margin-top: 25px;
}
.payments-view .payment-method .control-label {
  font-size: 13px;
  margin: 10px 0 20px;
  text-transform: uppercase;
}
.payments-view .safe-payment {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .payments-view .safe-payment {
    position: absolute;
    right: 20px;
  }
}
.payments-view .safe-payment-icon {
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
@media (min-width: 992px) {
  .payments-view .safe-payment-icon {
    width: 80px;
    height: 80px;
  }
}
.payments-view .icon-dlocal {
  display: block;
  width: 50px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/payment/ARCA.5a48823f9.png);
  background-size: auto 30px;
  margin-bottom: 5px;
  vertical-align: middle;
}
.payments-view .icon-dlocal.pagofacil {
  background-position-x: -58px;
}
.payments-view .icon-dlocal.rapipago {
  background-position-x: 0;
}
#modal-bank_transfer .payments-details .title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}
#modal-bank_transfer .payments-details h2,
#modal-bank_transfer .payments-details h4 {
  margin-top: 0;
}
.authorization-with-funds .option {
  cursor: pointer;
  border-radius: 3px;
  box-shadow: inset 2px 2px 0px #d5d5d5, inset -2px -2px 0px #d5d5d5, inset 2px -2px 0px #d5efd5, inset -2px 2px 0px #d5efd5;
  padding: 15px 10px;
}
.authorization-with-funds .option.selected {
  box-shadow: inset 2px 2px 0px #2f9aee, inset -2px -2px 0px #2f9aee, inset 2px -2px 0px #2f9aee, inset -2px 2px 0px #2f9aee;
  color: #2f9aee;
}
.posts-news .h2 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 20px;
}
.posts-panel .box-common {
  padding: 0;
  position: relative;
}
.posts-body {
  padding: 15px 20px 70px 20px;
}
.posts-body .h4 {
  height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 32px;
}
.posts-footer {
  padding: 0 20px 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.posts-footer .link-blue {
  font-weight: 600;
  color: #253556;
}
@media (max-width: 480px) {
  .posts-panel .box-common {
    height: 400px;
  }
}
.press {
  margin-bottom: -40px;
}
.press .wk-header-block {
  background-color: white;
}
.press .wk-header-block .title h1,
.press .wk-header-block .title h2 {
  color: #253556;
}
.press .wk-header-block .title .h4 {
  margin-top: 20px;
  color: #686868;
}
.press .wk-header-block .wk-card-block {
  margin-bottom: -120px;
}
.press-featured {
  margin-top: 120px;
  margin-bottom: 60px;
}
.press-featured .h3 {
  margin-bottom: 30px;
}
.press-news {
  padding: 60px 0;
  background-color: #253556;
}
.press-news .h1 {
  color: white;
  margin-bottom: 60px;
}
.press-news .btn-lg {
  padding-top: 15.5px;
  padding-bottom: 15.5px;
}
.press-news .link-blue {
  margin-bottom: 0;
}
.press-kit {
  text-align: center;
  padding-top: 60px;
  margin-bottom: -150px;
}
.press-kit .h2 {
  margin-bottom: 30px;
}
.press-kit .container {
  max-width: 770px;
}
.press-kit article {
  text-align: left;
  margin-top: 60px;
}
.press-kit article .h2 {
  margin-top: 0;
  height: 30px;
}
.press-kit article > a:hover,
.press-kit article > a:active,
.press-kit article > a:focus {
  text-decoration: none;
}
.press-kit article .link-blue {
  text-align: center;
}
.press-icon {
  display: block;
  width: 200px;
  height: 124px;
  margin: 40px auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.press-icon-assets {
  background-image: url(https://wkncdn.com/newx/assets/build/img/press/icon-press-assets.9b1460318.svg);
}
.press-icon-kit {
  background-image: url(https://wkncdn.com/newx/assets/build/img/press/icon-press-kit.56d9d63b6.svg);
}
.press-entries {
  background-color: #0A163A;
  padding-top: 200px;
  padding-bottom: 60px;
}
.press-entries .h1 {
  color: white;
  text-align: center;
  margin-bottom: 60px;
}
.press-entries .h4 {
  margin-top: 0;
}
.press-entries .container {
  max-width: 770px;
}
.press-entries-icon {
  width: 15px;
  height: 15px;
  background-image: url(https://wkncdn.com/newx/assets/build/img/logos-v3/m_logo.3f37cf71a.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.press-entries a {
  color: #253556;
}
.press-entries header {
  margin-bottom: 20px;
}
.press-entries header .link-blue {
  color: #253556;
  font-weight: 600;
  margin-top: 3px;
}
.press-entries article {
  padding: 5px 0;
  border-top: solid 1px #EFEFEF;
}
.press-entries article .h5 {
  line-height: 26px;
}
.press-entries footer {
  padding-top: 20px;
  border-top: solid 1px #EFEFEF;
  text-align: center;
}
@media (min-width: 992px) {
  .press .wk-header-block .title {
    padding-top: 30px;
  }
  .press .wk-header-block .wk-card-block {
    margin-bottom: -170px;
  }
  .press .wk-card-block .list-icons i,
  .press .wk-card-block .list-icons i:hover {
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
  }
  .press .wk-card-block .list-icons i.wk2-icon-facebook:hover {
    color: #8B9DC3;
  }
  .press .wk-card-block .list-icons i.wk2-icon-twitter-b:hover {
    color: #38A1F3;
  }
  .press .wk-card-block .list-icons i.wk2-icon-linkedin:hover {
    color: #0077B5;
  }
  .press-kit article .h2 {
    line-height: 39px;
    height: 80px;
  }
}
@media (min-width: 1200px) {
  .press .wk-header-block .title {
    padding-top: 60px;
  }
  .press-news .container {
    width: 1260px;
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media (max-width: 991px) {
  .press-featured {
    margin-top: 90px;
  }
  .press .wk-header-block .h2 {
    font-size: 19.5px;
  }
  .press .wk-header-block .wk-card-block p {
    display: none;
  }
  .press-featured .wk-card-block .list-icons {
    display: none;
  }
  .press-featured .wk-card-block figcaption {
    padding: 10px;
    top: 0px;
  }
  .press-featured .wk-card-block figcaption h3 {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .press .wk-header-block .title {
    text-align: center;
    margin-bottom: 30px;
  }
  .press-news {
    padding: 20px 0;
  }
  .press-news .h1 {
    margin-bottom: 30px;
    text-align: center;
  }
  .press-news .wk-card-block {
    max-height: 120px;
  }
  .press-featured .h4,
  .press-news .h4 {
    font-size: 13px;
  }
  .press-kit {
    padding: 20px 0;
    margin-bottom: 20px;
  }
  .press-kit .h2 {
    margin-bottom: 15px;
    margin-top: 10px;
  }
  .press-kit article {
    position: relative;
    padding-left: 132px!important;
    margin: 30px 0 0 0;
  }
  .press-kit article .h2 {
    height: auto;
    margin-bottom: 10px;
    line-height: normal;
  }
  .press-kit article .link-blue {
    text-align: left;
  }
  .press-kit .press-icon {
    position: absolute;
    left: 15px;
    top: 25px;
    width: 103px;
    height: 64px;
    background-size: contain;
    margin: 0;
  }
  .press-entries {
    padding-top: 30px;
  }
  .press-entries .h1 {
    margin-bottom: 20px;
  }
}
@media (max-width: 530px) {
  .press .wk-header-block .wk-card-block figure img {
    width: 530px;
    margin-left: -265px;
    left: 50%;
    position: relative;
  }
}
.pro-banner {
  background-color: #2f9aee;
  padding: 20px;
}
.pro-banner h4 {
  color: #55DDDE;
  margin-top: 0;
  text-transform: uppercase;
}
.pro-banner p,
.pro-banner h5 {
  color: white;
  line-height: 26px;
}
.pro-banner h5 {
  margin-top: 0;
}
.pro-banner .btn:last-child {
  margin-bottom: 0;
}
.pro-banner .border-left:before {
  position: absolute;
  content: '';
  top: -15px;
  left: -15px;
  border-left: solid 1px rgba(255, 255, 255, 0.3);
  height: 100%;
  width: 1px;
}
@media (min-width: 992px) {
  .pro-banner {
    background-position: top right, top right;
    background-repeat: no-repeat, no-repeat;
    background-image: url(https://wkncdn.com/newx/assets/build/img/pro/pro-banner-decoration.390116810.svg), url(https://wkncdn.com/newx/assets/build/img/pro/pro-banner-background.549d9600e.jpg);
    background-size: contain, contain;
    padding-right: 240px;
  }
}
@media (max-width: 767px) {
  .pro-banner p,
  .pro-banner h5 {
    line-height: 20px;
  }
  .pro-banner .options .btn:nth-child(2) {
    display: none;
  }
}
.search-results .pro-banner {
  margin-bottom: 20px;
}
.project-detail-new.pro .profile-photo {
  border: solid 4px #2BEAE0;
}
.project-detail-new.pro .pro-label {
  font-size: 13px;
  vertical-align: middle;
  position: relative;
  top: -3px;
}
.bid.item.pro .pro-label {
  margin-right: 5px;
}
.bid.item.pro .profile-photo {
  border: solid 2px #2BEAE0;
}
@media (min-width: 992px) {
  .bid.item.pro .profile-photo {
    border: solid 4px #2BEAE0;
  }
}
.breadcrumb.pro {
  position: relative;
  z-index: 1;
}
.breadcrumb.pro a {
  color: #253556;
}
.breadcrumb.pro > .active {
  color: #253556;
}
.breadcrumb.pro > li + li:before {
  color: #253556;
}
.pro-cant-bid-modal .modal-content {
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #2f9aee;
  color: white;
  border-top: 0;
}
.pro-cant-bid-modal .close {
  color: white;
}
.pro-cant-bid-modal .modal-header {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/pro/pro-modal-header.c9f09e9ad.jpg);
  background-size: cover;
  padding: 20px;
}
.pro-cant-bid-modal .modal-header h2 {
  color: #55DDDE;
  line-height: 36px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.pro-cant-bid-modal .modal-header p {
  line-height: 27px;
}
.pro-cant-bid-modal .modal-body h4 {
  margin: 0px;
  padding: 9px 0;
}
.pro-cant-bid-modal .modal-body p {
  line-height: 20px;
}
@media (max-width: 991px) {
  .pro-cant-bid-modal .modal-body h4 {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .pro-cant-bid-modal {
    width: 820px;
    margin-top: 150px;
  }
}
@media (max-width: 1199px) {
  .dashboard-component .pro-banner {
    background-image: none;
    padding-right: 20px;
  }
}
.pro-header {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 200px 0;
  background-color: #253556;
}
.pro-header.header-1 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/pro/pro-header-1.f4b8085d0.png);
}
.pro-header.header-2 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/pro/pro-header-2.e0349e1d8.png);
}
.pro-header.header-3 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/pro/pro-header-3.c6f6fabe4.png);
}
.pro-header.header-4 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/pro/pro-header-4.78755c827.png);
}
.pro-header .title {
  color: white;
  padding-right: 30px;
}
.pro-header h1 {
  color: #55DDDE;
  text-transform: uppercase;
}
.pro-header h5 {
  line-height: 28px;
}
.pro-header .btn {
  margin-top: 30px;
}
.pro-container {
  background-color: #55DDDE;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(https://wkncdn.com/newx/assets/build/img/pro/pro-background.72f21d208.svg);
  background-size: cover;
}
.pro-user-box {
  position: relative;
  top: -150px;
  margin-bottom: -150px;
}
.pro-user-box .link {
  color: #2f9aee;
  text-decoration: underline;
}
.pro-user-box .box-common {
  overflow: hidden;
}
.pro-user-box .progress {
  margin-bottom: 0;
}
.pro-user-box .progress .progress-value {
  display: none;
}
.pro-user-box .user {
  padding: 30px 15px;
  text-align: center;
  line-height: 26px;
  position: relative;
  z-index: 1;
}
.pro-user-box .user h3 {
  margin: 0 0 10px 0;
}
.pro-user-box .user-bkg {
  background-color: #FAFAFA;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 200%;
}
.pro-user-box .profile-photo {
  width: 133px;
  height: 133px;
}
.pro-user-box.pro .user-bkg {
  background-color: #eafbfb;
}
.pro-user-box.pro .profile-photo {
  border: solid 4px #2BEAE0;
  width: 141px;
  height: 141px;
}
.pro-user-box .no-data {
  display: none;
}
.pro-user-box .no-login {
  background-color: #646464;
}
.pro-user-box .no-login .no-data {
  display: block;
  background: url(https://wkncdn.com/newx/assets/build/img/pro/no-data-user.6754f833c.jpg) no-repeat right center;
  min-height: 350px;
  position: relative;
  text-align: center;
}
@media (max-width: 1199px) {
  .pro-user-box .no-login .no-data {
    background-position: left center;
  }
}
.pro-user-box .no-login .no-data .btn {
  display: inline-block;
  margin-top: 170px;
  margin-left: 10px;
}
@media (max-width: 991px) {
  .pro-user-box .no-login {
    background-color: #646464;
  }
  .pro-user-box .no-login .no-data {
    background: none;
    min-height: inherit;
  }
  .pro-user-box .no-login .no-data .btn {
    margin: 20px;
  }
}
.pro-user-box .no-login .pro-data {
  display: none;
}
.pro-user-progress {
  padding: 40px 40px 40px 20px;
}
.pro-user-progress h6 {
  margin-bottom: 5px;
}
.pro-user-progress em {
  margin: 5px 0 30px 0;
  display: block;
  opacity: 0;
}
.pro-user-progress .progress-bar {
  max-width: 0;
}
.pro-user-progress-item {
  position: relative;
}
.pro-user-progress-item i {
  position: absolute;
  top: 12px;
  right: -35px;
  font-size: 28px;
  display: none;
}
.pro-user-progress.animate .pro-user-progress-item .progress.start-animation .progress-bar {
  max-width: 100%;
  -webkit-transition: max-width 1s ease;
  -o-transition: max-width 1s ease;
  transition: max-width 1s ease;
}
.pro-user-progress.animate .pro-user-progress-item:nth-child(1) em,
.pro-user-progress.animate .pro-user-progress-item:nth-child(1) i {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.pro-user-progress.animate .pro-user-progress-item:nth-child(1) .progress.start-animation .progress-bar {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.pro-user-progress.animate .pro-user-progress-item:nth-child(2) em,
.pro-user-progress.animate .pro-user-progress-item:nth-child(2) i {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.pro-user-progress.animate .pro-user-progress-item:nth-child(2) .progress.start-animation .progress-bar {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.pro-user-progress.animate .pro-user-progress-item:nth-child(3) em,
.pro-user-progress.animate .pro-user-progress-item:nth-child(3) i {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  margin-bottom: 0;
}
.pro-user-progress.animate .pro-user-progress-item:nth-child(3) .progress.start-animation .progress-bar {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.pro-user-goals {
  color: white;
  padding: 30px 39px;
  position: relative;
  z-index: 1;
}
.pro-user-goals h3 {
  margin-top: 0;
}
.pro-user-goals p:last-child {
  margin-bottom: 0;
}
.pro-user-goals hr {
  border-top-color: rgba(255, 255, 255, 0.19);
}
.pro-user-goals .goal:last-child hr {
  display: none;
}
.pro-user-goals-bkg {
  background-color: #253556;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 200%;
}
.pro-goals {
  padding: 0 0 20px 0;
}
.pro-goals h2,
.pro-goals h5 {
  color: #253556;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}
.pro-goals h5 {
  max-width: 800px;
  line-height: 26px;
}
.pro-goals h2 {
  max-width: 400px;
  line-height: 43px;
}
.pro-goals .container {
  max-width: 1015px;
}
.pro-goals-box {
  position: relative;
  padding: 20px 20px 20px 75px;
}
.pro-goals-box i {
  font-size: 45px;
  position: absolute;
  left: 20px;
  top: 15px;
}
.pro-search {
  margin-top: 20px;
}
.pro-search h2 {
  max-width: 400px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  line-height: 43px;
}
.pro-label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 4px;
  text-transform: uppercase;
  background-color: #2BEAE0;
  color: #253556;
  font-size: 85%;
  text-decoration: none!important;
}
.pro-label-block {
  margin-bottom: -15px;
  margin-top: 10px;
}
.pro-search .profile-photo {
  width: 30px;
  height: 30px;
  margin-bottom: -9px;
  border: solid 3px #2BEAE0;
}
.pro-search .profile-stars {
  font-size: 15px;
  top: -4px;
  position: relative;
  letter-spacing: -1px;
}
.pro-search .project-author {
  margin-top: 5px;
}
.pro-search .price {
  margin-bottom: 0;
  color: #0AD254;
  text-align: center;
}
.pro-search label {
  margin: 0;
}
.pro-search .wk-submit-block {
  text-align: center;
  opacity: 0;
}
.pro-search h4 {
  font-size: 15px;
}
.pro-search .search-results .box-common {
  opacity: 0;
}
.pro-search.animate .search-results .box-common:nth-child(2) {
  -webkit-animation-delay: 0.5s;
}
.pro-search.animate .search-results .box-common:nth-child(3) {
  -webkit-animation-delay: 1s;
}
.pro-search.animate .search-results .box-common:nth-child(4) {
  -webkit-animation-delay: 1.5s;
}
.pro-search.animate .search-results .box-common:nth-child(5) {
  -webkit-animation-delay: 2s;
}
.pro-search.animate .wk-submit-block {
  -webkit-animation-delay: 2.5s;
}
.pro-search-freelancers .profile-photo {
  width: 82px;
  height: 82px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.pro-search-freelancers .profile-stars {
  margin-bottom: 5px;
  display: block;
}
.pro-search-freelancers .search-results .box-common {
  position: relative;
  padding-left: 120px;
}
.pro-search-freelancers .search-results .price {
  margin-top: 0;
}
.pro-search-freelancers .search-results h4 {
  margin-top: 0;
}
.pro-search-freelancers .search-results p {
  text-align: center;
  margin: 0;
}
.pro-footer {
  background-color: #2f9aee;
  padding: 30px 0;
  overflow: hidden;
  margin-bottom: -40px;
}
.pro-footer h2,
.pro-footer h3 {
  text-align: center;
  color: white;
}
.pro-footer h3 {
  margin: 30px auto 20px auto;
  font-size: 18px;
  line-height: 32px;
  max-width: 500px;
}
.pro-footer h2 {
  margin: 0 auto 30px auto;
  line-height: 43px;
  max-width: 400px;
}
.pro-footer .user-box,
.pro-footer .project-box {
  width: 230px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  padding: 20px 15px;
}
.pro-footer .user-box h4 a,
.pro-footer .project-box h4 a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.pro-footer .user-box:last-child,
.pro-footer .project-box:last-child {
  margin-right: 0;
}
.pro-footer .user-box h4,
.pro-footer .project-box h4 {
  font-size: 15px;
  color: #253556;
}
.pro-footer .user-box-pro,
.pro-footer .project-box-pro {
  background-color: #c0f2f3;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: -32px;
  margin-bottom: -32px;
  -webkit-transition: padding 0.5s ease;
  -o-transition: padding 0.5s ease;
  transition: padding 0.5s ease;
}
.pro-footer .user-box .profile-photo {
  width: 70px;
  height: 70px;
}
.pro-footer .user-box .profile-stars {
  font-size: 15px;
  letter-spacing: -1px;
}
.pro-footer .user-box h4 {
  margin-bottom: 0;
}
.pro-footer .user-box .pro-label {
  opacity: 0;
}
.pro-footer .user-box-pro .profile-photo {
  width: 82px;
  height: 82px;
  border: solid 4px #2BEAE0;
}
.pro-footer .user-box-pro .pro-label {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.pro-footer .project-box .profile-photo {
  width: 30px;
  height: 30px;
  margin-bottom: -11px;
}
.pro-footer .project-box .project-author {
  margin-top: 20px;
}
.pro-footer .project-box .pro-label {
  opacity: 0;
}
.pro-footer .project-box-pro h4 {
  margin-bottom: 40px;
}
.pro-footer .project-box-pro .profile-photo {
  width: 36px;
  height: 36px;
  border: solid 3px #2BEAE0;
  margin-bottom: -14px;
}
.pro-footer .project-box-pro .pro-label {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.pro-footer .users-list,
.pro-footer .projects-list {
  position: relative;
  width: 1754px;
  left: 50%;
  margin-left: -875px;
}
.pro-footer .projects-list {
  height: 141px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.pro-footer .users-list {
  height: 168px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .pro-header {
    padding-bottom: 110px;
  }
  .pro-header .container {
    max-width: 360px;
    text-align: center;
  }
  .pro-header .btn {
    margin-top: 20px;
  }
  .pro-user-box {
    top: -70px;
    margin-bottom: -70px;
  }
  .pro-user-goals {
    text-align: center;
  }
  .pro-goals {
    text-align: center;
  }
  .pro-goals h2 {
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .pro-goals-box {
    height: 115px;
    text-align: left;
  }
  .pro-search {
    margin-top: 20px;
  }
  .pro-search h2 {
    line-height: 26px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .pro-user-progress {
    padding-right: 50px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .pro-goals-box {
    height: auto;
  }
  .pro-search .project-author {
    text-align: center;
    margin-bottom: 10px;
  }
  .pro-search .price {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .pro-footer {
    padding: 20px 0;
  }
  .pro-footer h2 {
    line-height: 26px;
  }
  .pro-footer .users-list {
    margin-left: -692px;
    width: 1384px;
  }
  .pro-footer .user-box {
    width: 186px;
    margin-right: 10px;
  }
  .pro-footer h3 {
    font-size: 14px;
    padding: 0 10px;
  }
  .pro-user-goals {
    padding: 15px;
  }
  .pro-user-progress {
    padding: 15px 50px 15px 15px;
  }
}
.popover-user.pro .popover-header {
  background-color: #55dddd;
}
.popover-user.pro .profile-photo {
  border-color: rgba(255, 255, 255, 0.4);
}
.popover-user.pro .pro-label {
  margin-right: 4px;
  font-size: 75%;
  position: relative;
  top: -1px;
}
.popover-user.pro.bottom > .arrow:after {
  background-color: #55dddd;
}
.qualifications .pro-profile-photo {
  border: solid 3px #55DDDE;
}
.modal-acceptbid .pro .profile-photo {
  border: solid 2px #55DDDE;
}
.profile-component.pro .pro-container {
  position: absolute;
  top: 62px;
  left: 0;
  width: 100%;
  height: 282px;
  z-index: -1;
}
.profile-component.pro .pro-profile-photo {
  border: solid 4px #2BEAE0;
}
.profile-component.pro .h1 .pro-label {
  font-size: 13px;
  vertical-align: middle;
  position: relative;
  top: -3px;
}
.profile-component.pro .pro-widget {
  background-color: #2f9aee;
  color: #FFF;
  padding: 20px 15px;
  position: relative;
}
@media (min-width: 992px) {
  .profile-component.pro .pro-widget.login {
    min-height: 257px;
  }
}
@media (min-width: 1200px) {
  .profile-component.pro .pro-widget.login {
    min-height: 257px;
  }
}
.profile-component.pro .pro-widget h4 {
  text-transform: uppercase;
  color: #55DDDE;
}
.profile-component.pro .pro-widget p {
  line-height: 26px;
}
@media (min-width: 992px) {
  .profile-component.pro .pro-widget .btn {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 30px);
  }
}
.profile-component .qualifications .js-rating-item .pro-profile-photo {
  border: solid 4px #2BEAE0;
}
.profile-component .qualifications .js-rating-item .pro-label {
  margin: 0 5px;
}
.nav-pro .nav-tab {
  border-bottom: 1px solid #2f9aee;
}
.nav-pro .nav-tab li a {
  color: #FFF;
}
.panel-user .profile-photo.pro-profile-photo {
  border: solid 4px #2BEAE0;
}
.project-detail-view.pro .pro-container {
  position: absolute;
  top: 62px;
  left: 0;
  width: 100%;
  height: 282px;
}
.project-detail-view.pro .profile-photo {
  border: solid 4px #2BEAE0;
}
.project-detail-view.pro .pro-label {
  font-size: 13px;
  vertical-align: middle;
  position: relative;
  top: -3px;
}
.project-detail-view.pro h1 {
  color: white;
}
.project-detail-view.pro h1 .popover {
  color: initial;
}
.project-item .project-author .pro-profile-photo,
.project-item.pro .project-author .profile-photo {
  border: solid 2px #55DDDE;
  width: 28px;
  height: 28px;
  position: relative;
  top: -2px;
}
.project-item.pro:not(.project-item-featured) {
  border: 0;
  border-left: solid 5px #55DDDE;
}
.pro-switcher {
  font-size: 12px;
  background-color: #2f9aee;
  margin: -20px -30px 0 -30px;
  padding: 20px 90px 20px 30px;
  position: relative;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.pro-switcher h5 {
  height: auto;
  color: #55DDDE;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: normal;
}
.pro-switcher p {
  color: white;
  margin-bottom: 0;
}
.pro-switcher p + p {
  margin-top: 5px;
}
.pro-switcher .tgl-btn {
  position: absolute;
  top: 20px;
  right: 25px;
}
.pro-switcher a {
  color: white;
  margin-top: 15px;
  text-decoration: underline;
}
.pro-switcher-goals {
  position: relative;
  padding-right: 50px;
}
.pro-switcher-goals i {
  position: absolute;
  font-size: 45px;
  right: -5px;
  top: 7px;
  width: 50px;
  color: #D5D5D5;
  text-align: center;
}
.pro-switcher-goals .wk2-icon-user-expert {
  font-size: 40px;
  margin-left: -5px;
}
.pro-switcher-goals h5 {
  color: #253556;
  text-transform: none;
  line-height: 26px;
  margin: 20px 0 0 0;
  height: auto;
}
@media (max-width: 991px) {
  .pro-switcher-goals i {
    top: 0;
    font-size: 35px;
  }
  .pro-switcher-goals .wk2-icon-user-expert {
    font-size: 30px;
  }
}
.pro-switcher-container {
  padding: 0;
}
.pro-switcher-container h5 {
  text-transform: uppercase;
  margin-top: 5px;
}
.pro-switcher-container .pro-switcher {
  margin: 0;
  padding-left: 20px;
}
.pro-switcher-container .pro-switcher.disabled {
  padding-right: 20px;
}
.pro-switcher-features ul {
  padding: 20px;
}
.pro-switcher-features li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}
.pro-switcher-features li:last-child {
  margin-bottom: 0;
}
.pro-switcher-features i {
  position: absolute;
  font-size: 30px;
  color: #2f9aee;
  top: -4px;
  left: 0;
}
.pro-switcher-features h5 {
  padding: 15px 20px 0px 20px;
  display: inline-block;
}
.pro-switcher-features h6 {
  color: #2f9aee;
}
.pro-switcher-features p {
  margin-bottom: 0;
}
.pro-switcher-features .more {
  color: #2f9aee;
}
.pro-switcher-features .exp {
  padding: 0 20px 20px 20px;
  line-height: 26px;
}
.pro-switcher-collapse .collapse-toggle {
  position: absolute;
  top: 0px;
  right: 90px;
  font-size: 30px;
  color: white;
  text-decoration: none;
}
@media (max-width: 767px) {
  .search-form .pro-switcher {
    margin-bottom: 25px;
  }
  .search-form .pro-switcher h5 {
    margin: 5px 0;
  }
  .search-form .pro-switcher p {
    display: none;
  }
}
.user-project-item-new.pro .profile-photo {
  width: 16px;
  height: 16px;
  border: solid 1px #55DDDE;
}
.worker-item.pro {
  border: 0;
  border-left: solid 5px #55DDDE;
}
.worker-item.pro .pro-label {
  font-size: 60%;
  vertical-align: middle;
}
.worker-item.pro .profile-photo {
  border: solid 3px #55DDDE;
}
.profile-section .btn-linkedin {
  background-color: #1B86BD;
  color: #FFF;
  font-weight: 600;
  padding: 10px 10px;
  border-radius: 5px;
  border: 1px solid #006aff;
}
.profile-section #CompanyLogoDiv img.profile-pic {
  display: block;
  margin: 0 0 10px 0;
}
.profile-section #CompanyLogoDiv input[type="file"] {
  width: auto;
}
.profile-section #CompanyLogoDiv .btn-primary {
  margin: 10px 0;
}
@media (min-width: 768px) {
  .featured-worker-small .header {
    height: 125px;
  }
}
.featured-worker-small .company-name {
  margin: 0;
  height: 30px;
  overflow: hidden;
}
.featured-worker-small h5.tagline {
  margin: 0;
}
.featured-worker-small .description {
  height: 90px;
  overflow: hidden;
  line-height: 22px;
}
.featured-worker-small .more-details {
  font-weight: 600;
}
.featured-worker-small .skills {
  height: 30px;
  overflow: hidden;
  margin-bottom: 0;
}
.featured-worker-small .country {
  margin-bottom: 10px;
}
.featured-worker-small .profile-photo.img {
  max-width: 52px;
  max-height: 52px;
}
.profile-component .profile-photo .edit-btn,
.profile-component .profile-photo .upload-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px;
}
.profile-component .profile-photo .upload-photo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.profile-component .profile-photo .upload-photo .js-attached-files {
  display: none!important;
}
.profile-component .profile-photo .upload-photo .attach-file-inline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.6);
  max-width: inherit;
  margin: 0;
  width: 100%;
}
.profile-component .profile-photo .upload-photo .attach-file-inline a {
  font-size: 0;
  color: transparent;
  background: 0;
  padding: 0;
  border: 0;
  margin-top: 15px;
  width: auto;
}
.profile-component .profile-photo .upload-photo .attach-file-inline a::before {
  font-size: 20px;
  content: "\f023";
  display: inline-block;
  background-color: #FB535B;
  color: white;
  padding: 7px;
  border-radius: 17px;
  text-indent: 0;
}
.profile-component .profile-photo .upload-photo p {
  margin-top: 60px;
  font-size: 11px;
  position: relative;
  color: #333333;
}
.profile-component.edit-in-place .upload-btn {
  font-size: 0;
  color: transparent;
}
.profile-component.edit-in-place .upload-btn::before {
  font-size: 20px;
  content: "\f044";
  display: inline-block;
  background-color: #FB535B;
  color: white;
  padding: 7px;
  border-radius: 17px;
  text-indent: 0;
}
.profile-component.edit-in-place .edit-btn {
  font-size: 0;
  color: transparent;
}
.profile-component.edit-in-place .edit-btn::before {
  font-size: 20px;
  content: "\f026";
  display: inline-block;
  background-color: #FB535B;
  color: white;
  padding: 7px;
  border-radius: 17px;
  text-indent: 0;
}
.profile-component.edit-in-place .profile-section {
  position: relative;
}
.profile-component.edit-in-place .profile-section .edit-btn {
  position: absolute;
  right: 5px;
  top: 5px;
}
.profile-component.edit-in-place .profile-section .action-section {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 1199px) {
  .profile-component.edit-in-place .profile-section .action-section {
    position: relative;
    right: auto;
    top: auto;
    margin: 10px 0 20px 0;
  }
}
.profile-component.edit-in-place .profile-section .portfolio .action-section {
  top: 10px;
}
@media (max-width: 1199px) {
  .profile-component.edit-in-place .profile-section .portfolio .action-section {
    top: auto;
  }
  .profile-component.edit-in-place .profile-section .portfolio .action-section .btn + .btn {
    margin-left: 5px!important;
  }
}
.profile-component.edit-in-place .skills-edition {
  margin-top: 30px;
}
.profile-component.edit-in-place #section-skills p {
  width: 90%;
}
.profile-component.edit-in-place #section-skills .edit-btn {
  right: 0;
  top: 0px;
}
.profile-component.edit-in-place #section-personal-data h3 {
  margin-top: 0;
}
.profile-component #section-description textarea,
.profile-component #section-history textarea {
  line-height: 30px;
  height: 200px;
  max-height: 400px;
  resize: vertical;
}
.profile-component #section-languages .form-actions {
  margin-bottom: 10px;
}
.profile-component #section-languages .form-actions .btn + .btn {
  margin-left: 5px;
}
.profile-component #section-languages .action-section {
  top: 40px;
}
.profile-component #section-languages .form {
  margin-top: 50px;
}
@media (max-width: 1199px) {
  .profile-component #section-languages .action-section {
    top: auto;
  }
  .profile-component #section-languages .form {
    margin-top: 0;
  }
}
.profile-component #edit-image-dialog .edit-image-wrapper {
  display: inline-block;
}
.profile-component #edit-image-dialog p {
  margin: 10px 0;
  text-align: left;
}
@media (max-width: 991px) {
  .profile-component #edit-image-dialog p {
    text-align: center;
  }
}
.profile-component.edit .public-profile {
  display: none!important;
}
@media (max-width: 991px) {
  .profile-component .profile-photo .upload-photo p {
    display: none;
  }
  .profile-component.edit-in-place #section-skills {
    min-height: 50px;
  }
  .profile-component.edit-in-place #section-skills h5 {
    display: block;
  }
  .profile-component.edit-in-place .portfolio .behance-import {
    white-space: normal;
    padding: 10px;
  }
  .profile-component.edit-in-place .portfolio .behance-import .row {
    display: block;
  }
  .profile-component.edit-in-place .portfolio .behance-import .behance-logo {
    font-size: 90px;
  }
  .profile-component.edit-in-place .portfolio .behance-import h2 {
    word-wrap: normal;
  }
}
.profile-stars {
  font-size: 18px;
  vertical-align: middle;
  letter-spacing: 1px;
}
.profile-stars.small {
  font-size: 14px;
  letter-spacing: 0.5px;
}
.profile-stars .stars-bg,
.profile-stars .stars-fill {
  word-wrap: normal;
  color: #b5b5b5;
  display: inline-block;
  vertical-align: middle;
}
.profile-stars .stars-bg:before,
.profile-stars .stars-fill:before {
  content: '\f016\f016\f016\f016\f016';
}
.profile-stars .stars-bg {
  position: relative;
}
.profile-stars .stars-fill {
  color: #ffc73b;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.profile-stars .stars-fill.width-10 {
  width: 10%;
}
.profile-stars .stars-fill.width-20 {
  width: 20%;
}
.profile-stars .stars-fill.width-30 {
  width: 30%;
}
.profile-stars .stars-fill.width-40 {
  width: 40%;
}
.profile-stars .stars-fill.width-50 {
  width: 50%;
}
.profile-stars .stars-fill.width-60 {
  width: 60%;
}
.profile-stars .stars-fill.width-70 {
  width: 70%;
}
.profile-stars .stars-fill.width-80 {
  width: 80%;
}
.profile-stars .stars-fill.width-90 {
  width: 90%;
}
.profile-stars .stars-fill.width-100 {
  width: 100%;
}
.profile-stars .stars-caption {
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  margin: 0 10px;
  padding-top: 2px;
}
.profile-component {
  margin-top: 10px;
}
.profile-component .h1 {
  color: #4A4A4A;
  font-size: 35px;
}
@media (max-width: 1199px) {
  .profile-component .h1 {
    font-size: 22px;
  }
}
.profile-component .box-common {
  padding: 20px 30px;
  margin-bottom: 30px;
}
.profile-component .box-common.feature:empty {
  display: none;
}
.profile-component .box-common h1,
.profile-component .box-common .h1 {
  padding: 0;
}
.profile-component .box-common .feature .h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.profile-component img.img-behance-item {
  margin: auto;
  max-height: 340px;
}
.profile-component #edit-image-dialog .waitSubmit {
  position: absolute;
  background: rgba(255, 255, 255, 0.4);
  color: #FFF;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 601;
}
.profile-component #section-personal-data h1,
.profile-component #section-personal-data .h1 {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .profile-component #section-personal-data h1,
  .profile-component #section-personal-data .h1 {
    padding-right: 140px;
  }
}
.profile-component #section-personal-data h4 {
  font-weight: normal;
  margin: 8px 0 14px 0;
}
.profile-component .profile-photo {
  width: 192px;
  height: 192px;
  border: 0;
  position: relative;
}
.profile-component .main-skill {
  font-weight: normal;
  display: inline-block;
  margin: 20px 0;
  font-size: 22px;
  color: #253556;
}
.profile-component #section-skills p {
  margin-bottom: 6px;
}
.profile-component .hourly-rate {
  position: absolute;
  top: 0;
  right: 30px;
  text-align: right;
}
.profile-component .hourly-rate h3 {
  margin-top: 4px;
  font-weight: normal;
  color: #0AD254;
}
@media (max-width: 1199px) {
  .profile-component .hourly-rate {
    position: relative;
    top: inherit;
    right: inherit;
    text-align: left;
    margin-top: 20px;
  }
  .profile-component .hourly-rate h3 {
    display: inline-block;
    margin-top: 0;
  }
}
.profile-component .favorite-add-star {
  color: #C3C3C3;
  text-decoration: none!important;
  font-size: 32px;
  vertical-align: text-bottom;
}
.profile-component .profile-stars {
  display: inline-block;
}
.profile-component .country,
.profile-component .payment {
  vertical-align: middle;
  margin-right: 10px;
}
.profile-component .country .flag {
  margin-right: 5px;
}
.profile-component .badges {
  margin-top: 20px;
}
.profile-component .profile-badge {
  text-align: center;
  display: inline-block;
}
.profile-component .alert-danger {
  background-color: inherit;
  color: inherit;
  font-size: 16px;
  border: 0;
  padding: 15px 0 0 0;
  box-shadow: none;
}
.profile-component .alert-danger .alert-icon {
  font-size: 150%;
  vertical-align: middle;
  display: inline-block;
  float: none;
}
.profile-component .alert-danger span {
  color: #FB535B;
}
.profile-component .alert-danger .bold {
  color: inherit;
}
.profile-component .invite-dialog .btn.btn-lg {
  padding: 15px 24px;
}
.profile-component .rating,
.profile-component .activity,
.profile-component .ranking,
.profile-component .actions {
  margin-top: 12px;
}
.profile-component .rating p,
.profile-component .activity p,
.profile-component .ranking p,
.profile-component .actions p {
  margin-bottom: 5px;
}
.profile-component .what-is {
  margin-top: 20px;
}
.profile-component .what-is .gamification .medals {
  height: 50px;
  width: 50px;
  display: inline-block;
  margin: 10px 10px 0 0;
}
.profile-component .what-is .gamification .medals span {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.profile-component .breach .breach-icon {
  font-size: 200%;
  vertical-align: middle;
  color: #FB535B;
}
.profile-component .feature .h1,
.profile-component .portfolio .h1 {
  margin-bottom: 30px;
}
.profile-component .qualifications {
  margin-bottom: 20px;
}
.profile-component .qualifications .box-common {
  margin-bottom: 20px;
}
.profile-component .qualifications .box-common cite {
  font-size: 15px;
}
.profile-component .qualifications h3 {
  font-weight: normal;
  margin-top: 0;
}
.profile-component .qualifications .profile-photo {
  width: 75px;
  height: 75px;
}
.profile-component .qualifications .btn.btn-icon {
  margin-bottom: 0!important;
}
.profile-component .qualifications .profile-stars {
  margin-top: -5px;
}
.profile-component .qualifications .rating {
  margin-top: 0px;
}
.profile-component .qualifications .country-name {
  display: none;
}
.profile-component .qualifications .skills {
  padding: 0;
  margin-bottom: 0;
}
.profile-component .qualifications .dropdown.dropdown-dialog {
  vertical-align: middle;
}
.profile-component .qualifications .dropdown.dropdown-dialog .dropdown-toggle {
  font-size: 200%;
  padding: 0 5px;
}
.profile-component .qualifications .dropdown.dropdown-dialog .dropdown-toggle .wk2-icon {
  vertical-align: middle;
}
.profile-component .rehire {
  margin-top: 28px;
  position: relative;
}
.profile-component .rehire h5 {
  padding-left: 35px;
}
.profile-component .rehire i {
  position: absolute;
  left: 0;
  top: -5px;
}
.profile-component .wk-pager-scroll {
  margin-top: 30px;
}
.profile-component .wk-pager-scroll a {
  display: inline-block;
  margin-bottom: 30px;
}
.profile-component .profile-skills {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
.profile-component .profile-skills li {
  margin-top: 5px;
}
.profile-component .profile-skills li .item {
  font-weight: 600;
  color: #a8a8a8;
}
.profile-component .profile-skills li .value {
  color: #0AD254;
  font-weight: 600;
}
.profile-component #portfolio-content {
  background: #D4E9F6;
  padding: 10px;
}
.profile-component .portfolio .behance-panel .box-common {
  min-height: 390px;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.profile-component .portfolio .behance-header {
  padding-bottom: 45px;
  cursor: pointer;
}
.profile-component .portfolio .behance-header img {
  width: 100%;
  height: auto;
}
.profile-component .portfolio .behance-header h4,
.profile-component .portfolio .behance-header p {
  padding: 0 15px;
}
.profile-component .portfolio .behance-footer {
  padding: 0 15px 15px 15px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.profile-component .portfolio .portfolio-likes,
.profile-component .portfolio .portfolio-files {
  margin-right: 30px;
}
.profile-component .portfolio .portfolio-likes .icon,
.profile-component .portfolio .portfolio-files .icon {
  font-size: 19px;
  margin-right: 5px;
  vertical-align: middle;
}
.profile-component .portfolio .behance-import {
  padding: 67px 150px;
}
@media (max-width: 1199px) {
  .profile-component .portfolio .behance-import {
    padding: 20px 60px;
  }
}
@media (max-width: 480px) {
  .profile-component .portfolio .behance-import {
    padding: 20px 30px;
  }
}
.profile-component .portfolio .behance-import .behance-logo {
  font-size: 140px;
  color: #045CFC;
  padding-top: 8px;
  display: inline-block;
}
.profile-component .wk2-icon-down::before {
  display: inline-block;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.profile-component .wk2-icon-down[aria-expanded="false"]::before {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.profile-component .expander-more .more-link,
.profile-component .expander-less .less-link {
  font-weight: 600;
  margin-left: 10px;
  color: #0AD254;
}
.profile-component .gamification a {
  font-weight: 600;
  color: #0AD254;
}
.profile-component #section-description,
.profile-component #section-history {
  line-height: 30px;
}
.profile-component .section-linkedin {
  margin-bottom: 20px;
}
.profile-component .btn-linkedin {
  text-transform: capitalize;
  letter-spacing: 0;
}
.profile-component .btn-linkedin .wk2-icon {
  vertical-align: sub;
}
.profile-component .share-profile {
  text-align: center;
  padding: 20px 25px;
}
.profile-component .share-profile li {
  padding-left: 2px;
  padding-right: 2px;
}
.profile-component .share-profile .btn--social {
  padding: 6px 12px;
  margin-bottom: 10px;
}
.profile-component .share-profile .btn--social .btn__icon {
  font-size: 18px;
}
.profile-component .gamification-section .gamification {
  text-align: center;
}
.profile-component .gamification-section .level {
  display: none!important;
}
.profile-component #profile-completeness-block h1 {
  color: #0AD254;
  font-weight: normal;
}
.profile-component #profile-completeness-block h4 {
  margin-top: 0px;
}
.profile-component #profile-completeness-items .status {
  margin-bottom: 20px;
}
.profile-component .gamification-pending-steps p {
  margin-bottom: 20px;
}
.profile-component .gamification-pending-steps h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.profile-component .similar-freelancers .links a {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  font-size: 75%;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 5px;
  background-color: #a8a8a8;
  padding: 5px 7px;
  max-width: 100%;
  color: white;
}
.profile-component .similar-freelancers .links a:hover,
.profile-component .similar-freelancers .links a:focus {
  color: white;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  background-color: #757575;
}
@media (max-width: 480px) {
  .profile-component .btn-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    font-size: 14px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
.profile-component.profile-employer #section-personal-data .rating,
.profile-component.profile-employer #section-personal-data .activity {
  display: inline-block;
  margin-top: 18px;
}
.profile-component.profile-employer #section-personal-data .rating {
  margin-right: 30px;
}
.profile-component.profile-employer.profile-collapsed #section-logo .profile-photo {
  width: 75px;
  height: 75px;
}
.profile-component #featured-workers h2 {
  margin-bottom: 20px;
}
.profile-component .table-slim {
  margin-bottom: 0;
}
.profile-component .table-slim + .expander-less a,
.profile-component .table-slim + .expander-more a {
  margin-top: 15px;
  display: block;
}
.profile-component .pro-banner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .profile-component #section-skills {
    margin-top: 10px;
  }
  .profile-component #section-skills h5 {
    display: none;
  }
  .profile-component #section-skills .controls-skills-ui {
    text-align: left;
  }
  .profile-component .rehire {
    margin-top: 20px;
  }
  .profile-component .portfolio .wrapper {
    width: 100%;
    height: 320px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .profile-component .portfolio .wrapper .row {
    display: inline-block;
  }
  .profile-component .portfolio .behance-panel {
    float: none;
    max-width: 250px;
    display: inline-block;
    vertical-align: top;
  }
  .profile-component .portfolio .behance-panel .box-common {
    min-height: 300px;
    height: 300px;
  }
  .profile-component .qualifications {
    width: 100%;
    height: 280px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .profile-component .qualifications .box-common {
    width: 230px;
    height: 270px;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 0;
    white-space: normal;
    vertical-align: top;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .profile-component .qualifications .box-common:last-of-type {
    margin-right: 0;
  }
  .profile-component .qualifications .box-common cite {
    font-size: 13px;
    line-height: 24px;
  }
  .profile-component .qualifications .box-common h5 {
    height: 20px;
    width: 100%;
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
  }
  .profile-component .qualifications .profile-photo {
    width: 30px;
    height: 30px;
  }
  .profile-component .qualifications .help-inline {
    display: none;
  }
  .profile-component .qualifications .admin-action {
    position: absolute;
    bottom: 0;
    right: 20px;
  }
  .profile-component #section-ratings .wk-pager-scroll,
  .profile-component .portfolio .wk-pager-scroll {
    display: none;
  }
  .profile-component .pro-banner {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .profile-component {
    margin-top: 15px;
  }
  .profile-component .box-common {
    padding: 10px;
    margin-bottom: 15px;
  }
  .profile-component .profile-photo {
    max-width: 90px;
    width: 100%;
    height: 90px;
  }
  .profile-component .main-skill {
    font-size: inherit;
    margin: 5px 0 10px 0;
  }
  .profile-component #section-personal-data {
    text-align: center;
  }
  .profile-component #section-personal-data h4,
  .profile-component #section-personal-data .country-name {
    display: none;
  }
  .profile-component #section-personal-data h1,
  .profile-component #section-personal-data .h1 {
    margin-bottom: 0;
  }
  .profile-component #section-personal-data .alert-danger {
    font-size: 14px;
  }
  .profile-component .favorite-add-star {
    font-size: 24px;
  }
  .profile-component .badges {
    margin-top: 5px;
  }
  .profile-component .profile-stars .stars-caption {
    display: none;
  }
  .profile-component .rehire {
    display: none;
  }
  .profile-component .h1 {
    font-size: 16px;
  }
  .profile-component .feature .h1 {
    margin-bottom: 15px;
    margin-top: 0;
  }
  .profile-component .hourly-rate {
    text-align: center;
    margin-top: 10px;
  }
  .profile-component .wk2-icon-down {
    display: none;
  }
  .profile-component .table thead tr > th,
  .profile-component .table tbody > tr > td {
    padding: 5px 0;
  }
  .profile-component .hire-block .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 15px;
  }
  .profile-component .ranking h5 {
    font-size: 15.6px;
  }
  .profile-component .expander-more .more-link,
  .profile-component .expander-less .less-link {
    background-color: #EFEFEF;
    color: #6f6f6f;
    padding: 5px;
    display: block;
    margin: 10px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}
.certified-skills [class*='wk2-icon-'] {
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  border-radius: 14px;
  font-size: 25px;
}
.certified-skills .wk2-icon-T {
  color: #47cec0;
}
.certified-skills .wk2-icon-D {
  color: #4ec2e7;
}
.certified-skills .wk2-icon-M {
  color: #fcce54;
}
.certified-skills .wk2-icon-S {
  color: #fab153;
}
.certified-skills .wk2-icon-I {
  color: #b377d9;
}
.certified-skills .wk2-icon-F {
  color: #7277d5;
}
.certified-skills .wk2-icon-L {
  color: #ed5564;
}
.certified-skills .wk2-icon-IT {
  color: #5b9cec;
}
.addnew {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 10vh;
}
.addnew header {
  height: 60px;
}
.addnew header .container {
  position: relative;
}
.addnew header .navbar-brand {
  padding-left: 0;
  padding-top: 22px;
}
.addnew .special-language-switcher {
  right: 0;
  top: 17px;
}
.addnew .step {
  padding: 0;
  display: flex;
  overflow: hidden;
  align-self: center;
  vertical-align: middle;
  height: 100%;
}
.addnew .box-common {
  padding: 0;
  height: 100%;
  min-height: 400px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .addnew .box-common {
    max-height: 600px;
  }
}
.addnew-content {
  position: relative;
  height: 100%;
  width: 66.66%;
  display: flex;
  flex-direction: column;
}
.addnew-content p {
  line-height: 22px;
}
.addnew-content p.small {
  margin-top: 5px;
}
.addnew-content .form-group {
  margin-bottom: 25px;
}
.addnew-content .form-group > .h5 {
  margin-bottom: 15px;
}
.addnew-content .radio-box-new p {
  line-height: normal;
  font-weight: 400;
}
.addnew-content .radio-box-new .h5 {
  font-weight: bold;
}
.addnew-content .btn-icon {
  background: none;
  margin-bottom: 0;
}
.addnew-content .btn-icon .wk2-icon {
  font-size: 140%;
}
.addnew-content .btn-add {
  margin-top: 10px;
}
.addnew-content .btn-edit {
  margin-bottom: 0;
  margin-left: 10px;
  background-color: #D5D5D5;
  color: #686868;
  border-color: #D5D5D5;
}
.addnew-content.step-choose article {
  display: flex;
  align-items: center;
  margin: 0;
  overflow-y: hidden;
}
.addnew-content.step-choose article section {
  margin: auto;
}
.addnew-content.step-choose .h1 {
  line-height: inherit;
}
.addnew-content.step-choose .btn {
  margin-top: 15px;
}
.addnew-content .form-group {
  position: relative;
  margin-bottom: 30px;
}
.addnew-content .form-group > .h5 {
  margin-bottom: 15px;
}
.addnew-content .radio-box-new p {
  line-height: 18px;
}
.addnew-content .alert {
  max-width: 600px;
  background: #FFFFFF;
  border-top: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
}
.addnew-content textarea {
  line-height: 26px;
}
.addnew article {
  padding: 30px;
  width: 100%;
  flex-grow: 1;
  overflow-y: auto;
}
.addnew article > .h4:first-child {
  margin-top: 0;
  margin-bottom: 20px;
}
.addnew nav {
  padding: 20px;
  height: 80px;
  width: 100%;
  display: flex;
}
.addnew nav .progress {
  flex-grow: 1;
  margin: 17px 20px 17px 0;
}
.addnew nav .btn {
  margin-bottom: 0;
}
.addnew nav .btn-icon {
  background-color: transparent;
}
.addnew nav .btn-icon .wk2-icon {
  font-size: 150%;
}
.addnew aside {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: #F6F6F6;
  background-size: auto 55%;
  height: 100%;
  width: 33.33%;
  padding: 30px;
  text-align: center;
  display: flex;
  flex-flow: column;
}
.addnew aside p {
  line-height: 22px;
}
.addnew aside.default {
  background-image: url(https://wkncdn.com/newx/assets/build/img/addnew/addnew-aside-1.4cd6e1e4e.svg);
}
.addnew aside .brand-logo {
  height: 50px;
  margin: 15px 0;
  display: flex;
  flex-flow: row;
}
.addnew aside .brand-logo img {
  align-self: center;
  margin: auto;
}
.addnew aside section {
  flex-grow: 1;
}
.addnew aside .wk-carousel {
  flex-grow: inherit;
}
.addnew .access-block {
  max-width: 400px;
  margin: auto;
}
.addnew .access-block .form-group {
  margin-bottom: 30px;
}
.addnew .access-block .control-password {
  margin-bottom: 30px;
}
.addnew .access-block .control-password .form-group {
  margin-bottom: 20px;
}
.addnew .access-block .h4 {
  margin-top: 0;
  margin-bottom: 20px;
}
.addnew .access-block .btn-social {
  vertical-align: top;
}
.addnew .access-block .wk-submit-block button {
  padding: 15.5px 5px;
}
.addnew .access-block .wk-submit-block p {
  line-height: normal;
}
.addnew .access-block .access-social p:first-child {
  margin-top: -5px;
}
.addnew .access-block footer .btn-back {
  position: absolute;
  left: 15px;
  bottom: 15px;
  top: auto;
  margin: 0;
  color: #A8A8A8;
}
.addnew footer.step-choose {
  padding: 15px 0;
  position: relative;
  margin-bottom: -10vh;
}
@media (min-width: 768px) {
  .addnew .box-common {
    width: 720px;
  }
  .addnew-content .text-budget {
    display: inline-block;
  }
  .addnew-content .text-budget .small {
    display: block;
  }
  .addnew-content .text-budget + .btn-edit {
    vertical-align: top;
  }
  .addnew-content.step-choose {
    width: 100%;
    flex-direction: row;
  }
  .addnew-content.step-choose article {
    width: 50%;
    text-align: left;
  }
  .addnew-content.step-choose .btn {
    margin-top: 30px;
  }
  .addnew .step-access article {
    padding-bottom: 60px;
  }
  .addnew .access-block footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-bottom: 20px;
  }
  .addnew .access-block footer p {
    max-width: 400px;
    background: white;
    margin: 0 auto;
    padding: 10px 0;
  }
  .addnew .access-block footer .btn-back {
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
  }
  .addnew .access-block footer .btn-back:hover {
    color: #2f9aee;
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
  }
  .addnew footer.step-choose {
    height: 10vh;
  }
}
@media (min-width: 992px) {
  .addnew .box-common {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .addnew .box-common {
    width: 1170px;
  }
}
@media (max-width: 991px) {
  .addnew aside {
    display: none;
  }
  .addnew-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .addnew {
    padding: 0;
  }
  .addnew header .navbar-brand {
    padding-top: 16px;
  }
  .addnew .box-common {
    margin: 0;
    padding: 0;
    background: none;
    min-height: inherit;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .addnew nav {
    background-color: #FFFFFF;
    height: 60px;
    padding: 10px 15px;
  }
  .addnew article {
    padding: 0 15px;
  }
  .addnew .step-category nav {
    display: none;
  }
  .addnew .access-block .form-group {
    margin-bottom: 20px;
  }
  .addnew .access-block .btn-social {
    background-color: #E7E7E7;
    margin: 20px 5px 0 5px;
    width: auto;
  }
  .addnew .access-block .wk-submit-block button {
    padding-top: 20.5px;
    padding-bottom: 20.5px;
    margin-bottom: 30px;
  }
  .addnew .access-block footer .btn-back {
    left: 10px;
    bottom: 10px;
  }
  .addnew .step-category nav {
    display: none;
  }
  .addnew .wk-datepicker-calendar {
    margin-top: 20px;
    width: 100%;
  }
  .addnew-content .btn-edit {
    float: right;
  }
  .addnew footer.step-choose {
    background-color: #253556;
    color: white;
    margin: 0;
    padding: 5px 0;
  }
  .addnew footer.step-choose a {
    color: white;
    text-decoration: underline;
  }
}
.close-project .page-header {
  position: relative;
  padding-left: 70px;
}
.close-project .page-header .btn-back {
  position: absolute;
  top: 0;
  left: 0;
}
.close-project .page-header h3 {
  margin-top: 9px;
}
@media (min-width: 768px) {
  .close-project .page-header h3 {
    margin-top: 0px;
  }
}
.close-project p {
  line-height: 24px;
}
.close-project .wk-submit-block:last-child {
  margin-bottom: 0;
}
.close-project .wk-bullet {
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .close-project .page-header {
    padding-left: 45px;
    padding-top: 0;
  }
  .close-project .btn-back {
    padding: 5px;
  }
  .close-project .btn-back .wk2-icon {
    font-size: 20px;
  }
}
.my-projects .btn-text-normal {
  border: solid 1px #D5D5D5;
  background-color: white;
  padding: 18px 10px;
  font-weight: normal;
}
.my-projects .btn-text-normal.active {
  border-color: #2f9aee;
  color: #2f9aee;
  box-shadow: inset 2px 2px 0px #2f9aee, inset -2px -2px 0px #2f9aee, inset 2px -2px 0px #2f9aee, inset -2px 2px 0px #2f9aee;
}
.my-projects .search-element input[type="search"] {
  padding-right: 50px;
}
.my-projects .search-element button.search {
  right: 10px;
}
.my-projects .user-search-element + .search-element {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .my-projects .page-header .btn {
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  .my-projects .page-header .btn {
    margin-top: 15px;
  }
  .my-projects .btn-text-normal {
    margin-top: 15px;
  }
}
#add-intro {
  margin-top: 30px;
}
#add-intro .col-xs-4:last-child .add-intro__pin::after {
  display: none;
}
.add-intro__pin {
  text-align: center;
  position: relative;
}
.add-intro__pin .icons {
  border-radius: 40px;
  height: 80px;
  width: 80px;
  background-color: #fcce54;
  color: white;
  font-size: 50px;
  display: inline-block;
}
.add-intro__pin .description {
  margin-top: 20px;
}
.add-intro__pin .wk2-icon {
  top: 5px;
  position: relative;
}
.add-intro__pin::after {
  content: "\f111";
  color: #F7B500;
  position: absolute;
  top: 30px;
  right: -30px;
  font-size: 200%;
}
@media (max-width: 767px) {
  .add-intro__pin .icons {
    border-radius: 30px;
    height: 60px;
    width: 60px;
    font-size: 35px;
  }
  .add-intro__pin .description {
    font-size: 11px;
  }
}
.project-add-steps {
  margin-top: 20px;
}
.page-header + .project-add-steps,
.project-add-steps.login {
  margin-top: 0;
}
.project-add-steps hr {
  margin-bottom: 35px;
}
.project-add-steps .btn-link {
  color: #2f9aee;
  text-decoration: underline;
}
.project-add-steps h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
.project-add-steps h4 + p {
  line-height: 22px;
}
.project-add-steps .controls {
  margin-top: 25px;
  margin-bottom: 25px;
}
.project-add-steps .project-item {
  padding: 0 15px;
}
.project-add-steps .project-item .project-author .profile-photo {
  margin-right: 10px;
}
.project-add-steps .project-item .project-author .profile-stars {
  font-size: 13px;
  letter-spacing: 0;
}
.project-add-steps .project-item .project-author .author-info,
.project-add-steps .project-item .project-author .rating {
  padding-right: 10px;
}
.project-add-steps .wrapper-project {
  padding: 25px;
}
.project-add-steps .wrapper-project h2 {
  color: #253556;
}
.project-add-steps .wrapper-project h2:first-child {
  margin-bottom: 0;
}
.project-add-steps .wrapper-project h4 {
  margin-top: 0;
}
.project-add-steps .wrapper-project .intro {
  margin-bottom: 5px;
}
.project-add-steps .wrapper-project .intro .wk2-icon {
  position: relative;
  top: -5px;
  color: #0AD254;
  font-size: 30px;
}
.project-add-steps .wrapper-project .intro .wk2-icon-pencil-b {
  font-size: 15px;
  color: #253556;
  position: relative;
  top: 3px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
.project-add-steps .wrapper-project .intro.current .wk2-icon-checkbox-check {
  transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  color: #a8a8a8;
}
.project-add-steps .wrapper-project .intro .selected:hover .wk2-icon-pencil-b {
  opacity: 1;
}
.project-add-steps .wrapper-project .intro strong {
  font-weight: 600;
}
.project-add-steps .wrapper-project .intro .option {
  text-decoration: underline;
  cursor: pointer;
  color: #253556;
}
.project-add-steps .wrapper-project .intro span + span {
  margin-left: 5px;
}
.project-add-steps .wrapper-project .intro.data {
  width: 100%;
  float: left;
}
.project-add-steps .wrapper-project .preview-item-transition {
  transition: transform 0.5s ease, opacity 0.5s ease;
  transform: scaleY(1) translate(0, 0);
}
.project-add-steps .wrapper-project .preview-item-enter {
  opacity: 0.2;
  transform: scaleY(1) translate(0, -10px);
}
.project-add-steps .wrapper-project .preview-item-leave {
  opacity: 0;
  transform: scaleY(0) translate(0, 10px);
}
.project-add-steps .add-project__mic {
  right: 10px;
  position: absolute;
}
.project-add-steps .progress-block {
  padding: 20px 0;
}
.project-add-steps .progress-block label {
  width: 33%;
  float: left;
  margin: 0;
  text-align: right;
  font-size: 12px;
}
.project-add-steps .progress-block .progress {
  width: 64%;
  float: left;
  margin: 6px 0 6px 3%;
  min-width: inherit;
}
.project-add-steps .progress-block.progress-labeled {
  padding: 0 5px;
}
.project-add-steps .progress-block.progress-labeled .progress {
  width: 100%;
  margin: 0 0 6px 0;
}
.project-add-steps .progress-block .text-muted {
  margin-bottom: 0px;
  float: left;
}
.project-add-steps .lamp-icon {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/lamp.c30f5d83a.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 53px;
  width: 48px;
}
.project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon {
  font-size: 42px;
}
@media (max-width: 767px) {
  .project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon {
    position: absolute;
    margin: 0 10px 0 0;
    font-size: 32px;
    text-align: center;
    width: 35px;
    display: block;
  }
  .project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon ~ p {
    padding-left: 40px;
  }
}
.project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.wk2-icon-logo-addition-new {
  font-size: 55px;
  line-height: 42px;
}
@media (max-width: 767px) {
  .project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.wk2-icon-logo-addition-new {
    font-size: 40px;
    line-height: 36px;
  }
}
.project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.icon-name:after {
  margin-left: 5px;
}
.project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.icon-logo:after {
  display: inline;
  content: 'Workana';
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  position: relative;
  top: -7px;
  text-transform: uppercase;
}
.project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.icon-logo:before {
  font-size: 32px;
}
@media (max-width: 767px) {
  .project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.wk2-icon-user-intermediate,
  .project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.wk2-icon-user-expert,
  .project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.wk2-icon-user-beginer,
  .project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.wk2-icon-logo-brochure {
    margin-top: 8px;
  }
  .project-add-steps .radio-box-new input[type="radio"]:empty ~ label .wk2-icon.wk2-icon-osx-new {
    margin-top: -5px;
  }
}
.project-add-steps .checkbox-new-wrapper input[type="checkbox"] + label .wk2-icon {
  font-size: 40px;
}
@media (max-width: 767px) {
  .project-add-steps .checkbox-new-wrapper input[type="checkbox"] + label .wk2-icon {
    display: block;
    float: left;
    margin: -5px 10px 0 0;
    font-size: 28px;
    text-align: center;
    width: 35px;
  }
}
.project-add-steps.add-new .block-steps {
  min-height: 150px;
}
.project-add-steps.add-new .project-item .skills {
  float: left;
  margin: 10px 50px 0px;
}
.project-add-steps.add-new .project-item .wrapper-project {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.project-add-steps.add-new .project-item .block-none {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  display: block;
  -webkit-animation-name: block-anim-none;
  -moz-animation-name: block-anim-none;
  animation-name: block-anim-none;
}
@keyframes block-anim-none {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
    height: 0px;
  }
}
@-moz-keyframes block-anim-none {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
    height: 0px;
  }
}
@-webkit-keyframes block-anim-none {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    display: none;
    height: 0px;
  }
}
.project-add-steps.add-new .project-item h3 {
  margin-top: 0;
}
.project-add-steps.add-new .panel-add-steps .wk2-icon {
  font-size: 26px;
}
.project-add-steps.add-new .wk-submit-block-fixed .btn-lg {
  padding: 20px 20px;
}
@media (max-width: 767px) {
  .project-add-steps.add-new .progress-block .progress {
    position: fixed;
    top: 60px;
    left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  .project-add-steps.add-new .progress-block p {
    display: none;
  }
}
@media (max-width: 767px) {
  .project-add-steps .btn-lg {
    padding: 20px 10px;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .project-add-steps .wk-submit-block-fixed .prev-block {
    float: right;
    padding: 0;
  }
  .project-add-steps .wk-submit-block-fixed .next-block {
    float: right;
    padding: 0;
  }
  .project-add-steps .wk-submit-block-fixed .row-condensed {
    margin-left: 0;
    margin-right: 0;
  }
  .project-add-steps .fixed-xs {
    position: fixed;
    width: 100%;
    margin: 0px;
  }
  .project-add-steps .fixed-xs .row-condensed .progress-block {
    padding: 0px;
  }
  .project-add-steps .fixed-xs .row-condensed .progress-content {
    width: 0px;
    padding: 0px;
  }
}
@media (max-width: 1199px) {
  .project-add-steps .progress-block .progress {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .project-add-steps .progress-block.progress-labeled {
    padding: 25px 0;
  }
  .project-add-steps .progress-block.progress-labeled p {
    display: none;
  }
}
.project-add-steps .select2-container--default .select2-selection--multiple {
  min-height: 115px;
}
.project-add-steps .alert h4 {
  font-size: 16px;
  margin-bottom: 5px;
}
.project-add-steps textarea.form-control {
  line-height: 26px;
}
.project-add-steps textarea.form-control.mic {
  padding-right: 30px;
}
.project-add-steps .features-list li {
  line-height: 20px;
  padding-left: 30px;
  margin-bottom: 15px;
}
.project-add-steps .features-list li:before {
  font-size: 30px;
  vertical-align: middle;
  color: #2f9aee;
}
.project-add-steps .box-pro h4 {
  margin-bottom: 0;
}
.project-add-steps .box-pro ul.features-list {
  margin-bottom: 5px;
}
.project-add-steps .box-pro ul.features-list li {
  color: white;
}
.project-add-steps .box-pro ul.features-list li:before {
  color: white;
  top: -5px;
}
.project-add-steps .skills-select .display-selector .skill {
  background-color: white;
}
.project-add-steps .skills-select .display-selector .skill.selected {
  background-color: #2f9aee;
}
.block-steps {
  min-height: 380px;
}
.block-steps .signup-box > .row {
  margin-top: 20px;
}
.block-step {
  display: none;
  position: relative;
  z-index: 1;
}
.block-step.block-appear {
  display: block;
}
.block-step .upload-block-new {
  margin-right: -15px;
  margin-left: -15px;
}
.block-step .controls-phone {
  max-width: 400px;
}
.radio-box-new-wrapper + input {
  margin-top: 25px;
}
.radio-box-new-wrapper .badge {
  margin-right: 5px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .radio-box-new-wrapper .badge + .radio-box-subtitle {
    display: block;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .radio-box-new-wrapper .badge {
    position: absolute;
    top: 15px;
    right: 35px;
  }
}
.radio-box-new-wrapper.category-select {
  margin-top: 20px;
}
.radio-box-new-wrapper.category-select label {
  min-height: 155px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select label {
    min-height: inherit;
  }
}
.radio-box-new-wrapper.category-select input[type="radio"]:empty ~ label:hover {
  border: 1px solid #a2a2a2;
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select input[type="radio"]:empty ~ label:hover {
    border-left: 0px solid #D5D5D5;
    border-right: 0px solid #D5D5D5;
    border-top: 0px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
  }
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select p {
    margin: 10px 5px 5px 5px;
  }
}
.radio-box-new-wrapper.category-select .radio-box-new input[type="radio"]:empty ~ label:before {
  top: 10px;
}
@media (max-width: 991px) {
  .radio-box-new-wrapper.category-select .radio-box-new input[type="radio"] ~ label:after {
    top: 23px;
  }
  .radio-box-new-wrapper.category-select .radio-box-new input[type="radio"]:empty ~ label:before {
    top: 16px;
  }
}
.radio-box-new-wrapper.category-select .icon-svg {
  width: 100%;
  height: 60px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 20px;
  background-position: 5px center;
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select .icon-svg {
    width: 40px;
    height: 40px;
    margin: -4px 20px 0 0;
    float: left;
    background-position: center center;
  }
}
.radio-box-new-wrapper.category-select .icon-svg.mobile-dev {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/mobile-dev.4bff71b65.svg);
}
.radio-box-new-wrapper.category-select .icon-svg.web-dev {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/web-dev.542dc4f54.svg);
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select .icon-svg.web-dev {
    background-position: center 12px;
  }
}
.radio-box-new-wrapper.category-select .icon-svg.logo-design {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/logo-design.012d58551.svg);
}
.radio-box-new-wrapper.category-select .icon-svg.web-design {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/web-design.58521072e.svg);
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select .icon-svg.web-design {
    background-position: center 4px;
    background-size: 35px;
  }
}
.radio-box-new-wrapper.category-select .icon-svg.article-writing {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/article-writing.24e77988f.svg);
}
.radio-box-new-wrapper.category-select .icon-svg.ecommerce {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/ecommerce.48525649e.svg);
}
.radio-box-new-wrapper.category-select .icon-svg.advertising {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/ads.016042d38.svg);
  background-position: 4px center;
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select .icon-svg.advertising {
    background-position: center 12px;
  }
}
.radio-box-new-wrapper.category-select .icon-svg.illustrations {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/illustrations.adb26898d.svg);
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select .icon-svg.illustrations {
    background-position: center 3px;
  }
}
.radio-box-new-wrapper.category-select .icon-svg.wordpress {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/wordpress.7040252bf.svg);
}
.radio-box-new-wrapper.category-select .icon-svg.writing-website {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/web-writing.6b4a9bda1.svg);
}
.radio-box-new-wrapper.category-select .icon-svg.make-video {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/video.5d3baef80.svg);
}
.radio-box-new-wrapper.category-select .icon-svg.other {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/category/other.c1ba8fedb.svg);
}
@media (max-width: 767px) {
  .radio-box-new-wrapper.category-select .icon-svg.other {
    background-position: 12px center;
  }
}
@media (max-width: 767px) {
  .radio-box-new-wrapper .col-sm-4:empty,
  .checkbox-new-wrapper .col-sm-4:empty {
    display: none;
  }
  .radio-box-new-wrapper .row.is-flex-sm-min + .row.is-flex-sm-min,
  .checkbox-new-wrapper .row.is-flex-sm-min + .row.is-flex-sm-min {
    margin-top: 0px;
  }
}
.or-separator {
  position: relative;
  text-align: center;
}
.or-separator span {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  line-height: 22px;
  background: #EFEFEF;
  font-weight: 600;
  font-size: 14px;
}
@media (min-width: 768px) {
  .project-add-steps .row.row-condensed + .row.row-condensed {
    margin-top: 10px;
  }
}
.project-detail-new {
  padding: 30px;
}
.project-detail-new .client-box .profile-photo {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 15px;
}
.project-detail-new .client-box h4 {
  margin-bottom: 0;
  margin-top: 0;
}
.project-detail-new .client-box .profile-stars {
  font-size: 19px;
  letter-spacing: 1px;
}
.project-detail-new .client-box .profile-info p {
  margin-bottom: 3px;
}
.project-detail-new .client-box .user-info {
  min-height: 80px;
  padding-left: 100px;
  position: relative;
}
.project-detail-new .client-box .btn {
  margin-bottom: 15px;
}
.project-detail-new .client-box .country {
  margin-top: 0px;
}
.project-detail-new .client-box .profile-stars {
  line-height: 20px;
}
@media (max-width: 767px) {
  .project-detail-new .client-box .actions {
    margin-top: 20px;
  }
}
.project-detail-new .expander,
.project-detail-new .specification {
  line-height: 26px;
}
.project-detail-new .project-main-details h4 {
  margin-bottom: 0;
}
.project-detail-new .project-main-details .date,
.project-detail-new .project-main-details .deadline {
  margin-bottom: 9px;
}
.project-detail-new .project-status [class*="icon-project-status"] i {
  font-size: 35px;
}
.project-detail-new .project-status [class*="icon-project-status"] i:after {
  bottom: 0;
  right: 0;
}
.project-detail-new .project-status .status {
  padding-top: 7px;
}
.project-detail-new h5 {
  margin: 20px 0;
}
.project-detail-new .skills-title {
  display: none;
}
.project-detail-new h3 + p {
  margin-bottom: 25px;
}
.project-detail-new .bids,
.project-detail-new .threads {
  margin-bottom: 25px;
}
.project-detail-new .form-file {
  padding: 13px 13px 13px 45px;
  height: 47px;
  border: 0;
  background-color: #F8FBFF;
}
@media (max-width: 767px) {
  .project-detail-new .user {
    width: 110px;
  }
  .project-detail-new .profile-info {
    margin-top: 20px;
  }
  .project-detail-new h3 {
    margin-top: 25px;
  }
  .project-detail-new .form-file {
    margin-bottom: 15px;
  }
  .project-detail-new .project-main-details {
    text-align: left;
    margin-top: 20px;
  }
}
.project-bid h2 .label {
  position: relative;
  left: 5px;
  top: -5px;
}
@media (max-width: 1199px) {
  .project-bid h2 .label {
    top: 0px;
  }
}
.project-bid .bid-block {
  margin-top: 0;
}
.project-bid .bid-block.send-bid .wk-bullet {
  margin-top: 0px;
}
@media (max-width: 991px) {
  .project-bid .bid-block.send-bid input[type="number"] {
    text-align: right;
  }
}
.project-bid .bid-block.send-bid .bid_comission_wrapper {
  font-size: 13px;
}
.project-bid .wk-bullet {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .project-bid .radio-box-new-wrapper {
    border: solid 1px #D5D5D5;
  }
}
.project-bid .alert {
  margin-bottom: 20px;
}
.project-bid .alert h4 {
  margin-bottom: 20px;
}
.project-bid .alert .actions {
  padding: 10px 0;
}
.project-bid .alert .btn {
  margin-bottom: 15px;
}
.project-bid .box-wallet.alert {
  margin-top: 0px;
  margin-bottom: 30px;
}
.project-detail-view .project-detail-new h3.budget,
.messages-view .project-detail-new h3.budget {
  margin-bottom: 0;
  margin-top: 8px;
}
.messages-view .box-common.project-detail-new {
  padding: 30px;
}
.messages-view .box-common.project-bid {
  padding: 30px;
}
.messages-view .box-common.project-bid p {
  margin-bottom: 10px;
  line-height: 17px;
}
.messages-view .box-common.project-bid .wk-bullet + p {
  margin-top: -10px;
  margin-bottom: 20px;
}
.messages-view .box-common.project-bid .project-tip p {
  line-height: 24px;
}
.messages-view h1 {
  position: relative;
  padding-left: 65px;
  margin-bottom: 25px;
}
.messages-view h1 .btn-back {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  .messages-view h1 {
    padding-left: 50px;
    margin-top: 0;
  }
  .messages-view h1 .btn-back {
    padding: 2px;
    font-size: 20px;
  }
}
.project-tip + .project-tip {
  margin-top: 40px;
}
.project-tip p {
  margin-top: 20px;
}
.project-tip i {
  font-size: 40px;
  vertical-align: middle;
  margin-right: 15px;
}
.project-tip a {
  color: #2f9aee;
  text-decoration: underline;
}
.project-tip a:hover {
  color: #2f9aee;
}
.project-view-new .project-header-title + .chip {
  display: block;
  margin-top: -20px;
}
.project-view-new .project-header-title + .chip .label {
  margin-bottom: 20px;
  background-color: white;
}
.project-view-new > .alert {
  margin-bottom: 20px;
}
.project-detail-view h3,
.messages-view h3,
.bid-view h3 {
  font-weight: normal;
  font-size: 20px;
}
.project-detail-view p,
.messages-view p,
.bid-view p {
  margin-bottom: 20px;
  line-height: 25px;
}
.project-detail-view .box-common,
.messages-view .box-common,
.bid-view .box-common {
  padding: 20px;
}
.project-detail-view .box-common > h3,
.messages-view .box-common > h3,
.bid-view .box-common > h3 {
  margin-top: 0;
}
.project-detail-view .box-common.table,
.messages-view .box-common.table,
.bid-view .box-common.table {
  background-color: #FFFFFF;
}
.project-detail-view .client-box .profile-photo,
.messages-view .client-box .profile-photo,
.bid-view .client-box .profile-photo {
  width: 70px;
  height: 70px;
}
.project-detail-view .client-box h3,
.messages-view .client-box h3,
.bid-view .client-box h3 {
  margin-bottom: 0;
  margin-top: 0px;
}
.project-detail-view .client-box .profile-stars,
.messages-view .client-box .profile-stars,
.bid-view .client-box .profile-stars {
  font-size: 19px;
  letter-spacing: 1px;
}
.project-detail-view .client-box .profile-info p,
.messages-view .client-box .profile-info p,
.bid-view .client-box .profile-info p {
  margin-bottom: 3px;
}
.project-detail-view .country,
.messages-view .country,
.bid-view .country {
  margin: 10px 0;
}
.project-detail-view .country .flag,
.messages-view .country .flag,
.bid-view .country .flag {
  margin-right: 5px;
}
.project-detail-view .payment-verified,
.messages-view .payment-verified,
.bid-view .payment-verified {
  color: #0AD254;
  font-size: 14px;
  font-weight: 600;
}
.project-detail-view .payment-verified .wk2-icon,
.messages-view .payment-verified .wk2-icon,
.bid-view .payment-verified .wk2-icon {
  font-size: 18px;
  margin: 0;
  position: relative;
  top: 3px;
}
.project-detail-view .client-projects h3,
.messages-view .client-projects h3,
.bid-view .client-projects h3 {
  margin: 0px 0px 20px 0px;
}
.project-detail-view .client-projects ul,
.messages-view .client-projects ul,
.bid-view .client-projects ul {
  margin: 0px 0px 20px 0px;
  padding: 0;
}
.project-detail-view .client-projects ul li,
.messages-view .client-projects ul li,
.bid-view .client-projects ul li {
  list-style: none;
  margin: 0 0 10px 0;
  font-weight: 600;
}
.project-detail-view .project-upsell-actions .btn + .btn,
.messages-view .project-upsell-actions .btn + .btn,
.bid-view .project-upsell-actions .btn + .btn {
  margin-left: 0;
  margin-top: 5px;
}
.project-detail-view .threads-resume i,
.messages-view .threads-resume i,
.bid-view .threads-resume i,
.project-detail-view .threads-resume strong,
.messages-view .threads-resume strong,
.bid-view .threads-resume strong {
  font-size: 30px;
}
.project-detail-view .threads-resume label,
.messages-view .threads-resume label,
.bid-view .threads-resume label {
  position: relative;
  top: -7px;
  padding: 0 10px;
}
.project-detail-view .expand-details,
.messages-view .expand-details,
.bid-view .expand-details {
  display: inline-block;
  cursor: pointer;
  text-decoration: none!important;
  color: #0AD254;
  margin-left: 10px;
}
.project-detail-view .expand-details .badge,
.messages-view .expand-details .badge,
.bid-view .expand-details .badge {
  font-size: 14px;
  background-color: #0AD254;
  color: white;
  padding: 0;
  margin-left: 5px;
  height: 18px;
  width: 18px;
}
.project-detail-view .expand-details .badge i,
.messages-view .expand-details .badge i,
.bid-view .expand-details .badge i {
  position: relative;
  top: 2px;
}
.project-detail-view .expand-details[aria-expanded=true] .expand-details-close,
.messages-view .expand-details[aria-expanded=true] .expand-details-close,
.bid-view .expand-details[aria-expanded=true] .expand-details-close {
  display: none;
}
.project-detail-view .expand-details[aria-expanded=false] .expand-details-open,
.messages-view .expand-details[aria-expanded=false] .expand-details-open,
.bid-view .expand-details[aria-expanded=false] .expand-details-open {
  display: none;
}
.project-detail-view .accepted-bids,
.messages-view .accepted-bids,
.bid-view .accepted-bids {
  margin-bottom: 20px;
}
.project-detail-view .accepted-bids .accepted-bid h3,
.messages-view .accepted-bids .accepted-bid h3,
.bid-view .accepted-bids .accepted-bid h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
.project-detail-view .accepted-bids .accepted-bid p,
.messages-view .accepted-bids .accepted-bid p,
.bid-view .accepted-bids .accepted-bid p {
  margin-bottom: 5px;
}
.project-detail-view .accepted-bids .accepted-bid .date,
.messages-view .accepted-bids .accepted-bid .date,
.bid-view .accepted-bids .accepted-bid .date {
  font-weight: normal;
}
.project-detail-view .accepted-bids .profile-badge,
.messages-view .accepted-bids .profile-badge,
.bid-view .accepted-bids .profile-badge {
  display: inline-block;
  margin: 10px 5px;
}
.project-detail-view .accepted-bids .profile-badge img,
.messages-view .accepted-bids .profile-badge img,
.bid-view .accepted-bids .profile-badge img {
  max-width: 22px;
  height: auto;
}
.project-detail-view .accepted-bids .actions .btn,
.messages-view .accepted-bids .actions .btn,
.bid-view .accepted-bids .actions .btn {
  margin-bottom: 10px;
}
.project-detail-view .project-detail-actions,
.messages-view .project-detail-actions,
.bid-view .project-detail-actions {
  margin: 10px 0;
}
.project-detail-view .project-detail-actions .btn,
.messages-view .project-detail-actions .btn,
.bid-view .project-detail-actions .btn {
  margin-bottom: 10px;
  margin-top: 10px;
  text-transform: capitalize;
}
.project-detail-view .project-share .list-inline,
.messages-view .project-share .list-inline,
.bid-view .project-share .list-inline {
  text-align: left;
}
.project-detail-view .project-share .wk-dialog,
.messages-view .project-share .wk-dialog,
.bid-view .project-share .wk-dialog {
  text-align: left;
}
.project-detail-view .project-share li,
.messages-view .project-share li,
.bid-view .project-share li {
  padding-bottom: 0px;
}
.project-detail-view .project-share .btn,
.messages-view .project-share .btn,
.bid-view .project-share .btn {
  padding: 14px 16px;
}
.project-detail-view .project-share .btn--social .btn__icon,
.messages-view .project-share .btn--social .btn__icon,
.bid-view .project-share .btn--social .btn__icon {
  font-size: 25px;
}
.project-detail-view h3.budget,
.messages-view h3.budget,
.bid-view h3.budget {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 20px;
}
.project-detail-view .btn-show-deleted,
.messages-view .btn-show-deleted,
.bid-view .btn-show-deleted {
  margin-left: 10px;
  margin-top: -4px;
}
.project-detail-view .box-tour,
.messages-view .box-tour,
.bid-view .box-tour {
  margin-top: 30px;
}
.project-detail-view .box-tour a,
.messages-view .box-tour a,
.bid-view .box-tour a {
  color: #0AD254;
}
.project-detail-view .project-progress,
.messages-view .project-progress,
.bid-view .project-progress {
  margin-bottom: 26px;
}
.project-detail-view .project-progress h1,
.messages-view .project-progress h1,
.bid-view .project-progress h1 {
  color: #0AD254;
}
.project-detail-view .workeraccepted-bid .actions a.btn-icon,
.messages-view .workeraccepted-bid .actions a.btn-icon,
.bid-view .workeraccepted-bid .actions a.btn-icon {
  padding: 5px 0;
}
.project-detail-view .workeraccepted-bid .project-progress,
.messages-view .workeraccepted-bid .project-progress,
.bid-view .workeraccepted-bid .project-progress {
  margin-bottom: 0px;
}
.project-detail-view .mediation-block .btn,
.messages-view .mediation-block .btn,
.bid-view .mediation-block .btn {
  margin-right: 0;
}
.project-detail-view .featured-list .h1,
.messages-view .featured-list .h1,
.bid-view .featured-list .h1 {
  margin-bottom: 30px;
}
.project-detail-view .project-data-list .item:last-child hr,
.messages-view .project-data-list .item:last-child hr,
.bid-view .project-data-list .item:last-child hr {
  display: none;
}
.project-detail-view .project-data-list .username,
.messages-view .project-data-list .username,
.bid-view .project-data-list .username {
  display: block;
  margin: 0 0 5px 0;
  color: #253556;
  font-weight: 600;
}
@media (max-width: 991px) {
  .project-detail-view .project-data-list .username,
  .messages-view .project-data-list .username,
  .bid-view .project-data-list .username {
    margin-top: 10px;
  }
}
.project-detail-view .project-data-list .profile-photo,
.messages-view .project-data-list .profile-photo,
.bid-view .project-data-list .profile-photo {
  width: 40px;
  height: 40px;
}
.project-detail-view .project-data-list .description,
.messages-view .project-data-list .description,
.bid-view .project-data-list .description {
  line-height: 26px;
}
@media (max-width: 991px) {
  .project-detail-view .project-data-list .description,
  .messages-view .project-data-list .description,
  .bid-view .project-data-list .description {
    text-align: center;
  }
}
.project-detail-view .project-data-list .bottom .block,
.messages-view .project-data-list .bottom .block,
.bid-view .project-data-list .bottom .block {
  margin-right: 10px;
}
.project-detail-view .project-data-list .bottom .profile-stars,
.messages-view .project-data-list .bottom .profile-stars,
.bid-view .project-data-list .bottom .profile-stars {
  vertical-align: initial;
}
@media (max-width: 991px) {
  .project-detail-view .project-data-list .bottom,
  .messages-view .project-data-list .bottom,
  .bid-view .project-data-list .bottom {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .threads-filter {
    text-align: center;
    display: inline-block;
    width: 100%;
  }
  .threads-filter .btn {
    display: inline-block;
  }
}
.project-detail .project-status {
  height: 35px;
  padding-top: 5px;
  margin-bottom: 10px;
  display: table;
}
.project-detail .project-status .status {
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
}
.project-detail .project-status.main .status {
  font-weight: 600;
  padding-left: 0px;
  height: 30px;
}
.project-detail .project-open {
  text-align: right;
  line-height: 35px;
  font-weight: 600;
  margin-top: 5px;
  margin-left: 15px;
}
.project-detail .skills {
  margin-top: 40px;
}
.project-detail .project-main-details span {
  margin-right: 20px;
  line-height: 25px;
  display: inline-block;
}
.project-detail .project-main-details span:last-of-type {
  margin-right: 0;
}
.project-detail .specification {
  line-height: 22px;
}
.project-detail ~ h2 {
  margin: 36px 0px;
}
.project-detail-view h1.title {
  display: inline-block;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
  margin: 10px 0 20px;
}
.project-detail-view h1.title + .label {
  position: relative;
  top: -7px;
  font-weight: 600;
  font-size: 15px;
}
.project-detail-view .project-upsell-icons {
  display: inline-block;
}
.project-detail-view .project-upsell-icons .icon {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-size: 55% auto;
  background-position: center;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 0px;
  background-color: white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .project-detail-view .project-upsell-icons .icon {
    width: 20px;
    height: 20px;
    margin-right: 0;
  }
}
.project-extension-item {
  position: relative;
  padding: 20px 0;
  border-bottom: solid 1px #EFEFEF;
}
.project-extension-item:last-child {
  border-bottom: 0px;
}
.project-extension-item .status-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.project-extension-item .status-icon i {
  font-size: 35px;
  vertical-align: middle;
  position: relative;
  top: -5px;
}
.project-extension-item .title {
  padding-left: 50px;
}
.project-extension-item .value {
  font-weight: 600;
  padding: 9px 0px;
  display: block;
}
.project-extension-item .progress {
  margin-bottom: 0;
}
.project-extension-item .progress.success {
  background-color: #D5D5D5;
}
.project-extension-item p {
  margin-top: 9px;
  margin-bottom: 9px;
}
.project-extension-item .client-actions form {
  display: inline-block;
}
.project-extension-item .client-actions .btn {
  padding-left: 10px;
  padding-right: 10px;
}
.project-extension-item .label-warning {
  white-space: inherit;
  float: left;
  padding: 3px;
  max-width: 90%;
  text-align: left;
}
@media (max-width: 991px) {
  .project-extension-item .progress {
    display: none;
  }
}
@media (max-width: 767px) {
  .project-extension-item {
    padding: 10px 0;
  }
  .project-extension-item .title {
    margin-bottom: 10px;
    padding-right: 20px;
    padding-left: 17%;
  }
  .project-extension-item .status-icon {
    top: -10px;
  }
  .project-extension-item h5 {
    margin-bottom: 0;
  }
}
.project-block .project-extension-item .status .label-default {
  color: #FFF;
}
.project-block .project-extension-item .project-actions {
  position: absolute;
  top: 5px;
  right: -20px;
  padding: 0;
}
@media (max-width: 767px) {
  .project-block .project-extension-item .project-actions {
    top: -32px;
    right: -20px;
  }
}
.project-block .project-extension-item .project-actions .badge-store {
  top: 0;
}
.project-block .project-extension-tutorial .project-extension {
  padding: 0;
  border: 0;
}
.project-extension-tutorial .project-extension-item {
  border-bottom: 0;
}
.project-extension-tutorial .project-extension-item h5 {
  margin-top: 0;
}
.project-extension-tutorial .form-control {
  line-height: 24px;
}
.animated-form-control {
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.animated-form-control::after {
  display: inline-block;
  color: #D5D5D5;
  content: attr(data-placeholder);
  -webkit-animation: animation-form-control 5s ease-in-out infinite;
  -moz-animation: animation-form-control 5s ease-in-out infinite;
  -ms-animation: animation-form-control 5s ease-in-out infinite;
}
@-webkit-keyframes animation-form-control {
  0% {
    content: attr(data-placeholder);
    color: #D5D5D5;
  }
  30% {
    content: attr(data-placeholder);
    color: #D5D5D5;
  }
  35% {
    content: 'L';
    color: #333333;
  }
  40% {
    content: 'Lo';
    color: #333333;
  }
  45% {
    content: 'Log';
    color: #333333;
  }
  50% {
    content: 'Logo';
    color: #333333;
  }
  100% {
    content: 'Logo';
    color: #333333;
  }
}
@-moz-keyframes animation-form-control {
  0% {
    content: attr(data-placeholder);
    color: #D5D5D5;
  }
  30% {
    content: attr(data-placeholder);
    color: #D5D5D5;
  }
  35% {
    content: 'L';
    color: #333333;
  }
  40% {
    content: 'Lo';
    color: #333333;
  }
  45% {
    content: 'Log';
    color: #333333;
  }
  50% {
    content: 'Logo';
    color: #333333;
  }
  100% {
    content: 'Logo';
    color: #333333;
  }
}
@keyframes animation-form-control {
  0% {
    content: attr(data-placeholder);
    color: #D5D5D5;
  }
  30% {
    content: attr(data-placeholder);
    color: #D5D5D5;
  }
  35% {
    content: 'L';
    color: #333333;
  }
  40% {
    content: 'Lo';
    color: #333333;
  }
  45% {
    content: 'Log';
    color: #333333;
  }
  50% {
    content: 'Logo';
    color: #333333;
  }
  100% {
    content: 'Logo';
    color: #333333;
  }
}
.animated-form-number::after {
  display: inline-block;
  content: '';
  -webkit-animation: animation-form-number 5s ease-in-out infinite;
  -moz-animation: animation-form-number 5s ease-in-out infinite;
  -ms-animation: animation-form-number 5s ease-in-out infinite;
}
@-webkit-keyframes animation-form-number {
  0% {
    content: '';
  }
  50% {
    content: '';
  }
  55% {
    content: '2';
  }
  60% {
    content: '25';
  }
  100% {
    content: '25';
  }
}
@-moz-keyframes animation-form-number {
  0% {
    content: '';
  }
  50% {
    content: '';
  }
  55% {
    content: '2';
  }
  60% {
    content: '25';
  }
  100% {
    content: '25';
  }
}
@keyframes animation-form-number {
  0% {
    content: '';
  }
  50% {
    content: '';
  }
  55% {
    content: '2';
  }
  60% {
    content: '25';
  }
  100% {
    content: '25';
  }
}
.project-hours,
.project-view-new {
  margin-top: 20px;
}
.project-hours .title,
.project-view-new .title {
  position: relative;
  padding-left: 45px;
}
.project-hours .title i,
.project-view-new .title i {
  font-size: 20px;
  padding: 5px;
  background-color: #EFEFEF;
  text-align: center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.project-hours .title i:before,
.project-view-new .title i:before {
  position: relative;
  top: -1px;
}
.project-hours .title i,
.project-view-new .title i,
.project-hours .title .profile-photo,
.project-view-new .title .profile-photo {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -15px;
  margin-right: 10px;
}
.project-hours .user,
.project-view-new .user {
  margin-bottom: 10px;
}
.project-hours .user .title,
.project-view-new .user .title {
  padding-left: 0;
}
.project-hours .tutorial,
.project-view-new .tutorial {
  margin-top: 16px;
}
.project-hours .tutorial a,
.project-view-new .tutorial a {
  vertical-align: super;
}
.project-hours .tutorial .wk2-icon-question-mark,
.project-view-new .tutorial .wk2-icon-question-mark {
  color: #2f9aee;
  vertical-align: middle;
}
.project-hours .tutorial .wk2-icon-question-mark:before,
.project-view-new .tutorial .wk2-icon-question-mark:before {
  font-size: 22px;
}
@media (max-width: 767px) {
  .project-hours .title,
  .project-view-new .title {
    padding-left: 35px;
  }
  .project-hours .tutorial,
  .project-view-new .tutorial {
    margin-top: 8px;
  }
}
.project-hours .project-block .bid.item .options-block {
  margin-top: 0;
  text-align: right;
}
.project-hours .project-block .bid.item .seccondary-option .btn {
  margin-bottom: 0;
}
.project-hours .project-block .bid.item .seccondary-option .dropdown {
  vertical-align: middle;
}
@media (max-width: 991px) {
  .project-hours .project-block .bid.item .seccondary-option + .item-data {
    clear: left;
  }
}
.project-hours .row-empty {
  border-bottom: 0;
  padding: 30px;
  text-align: center;
  line-height: 26px;
}
.project-hours .row-empty p {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}
.project-hours-journal .bid {
  border-bottom: 0;
}
@media (max-width: 480px) {
  .project-hours-journal .bid .col-xs-6 {
    width: 100%;
  }
}
.project-hours-journal .payment-method {
  text-align: right;
}
.project-hours-journal .payment-method .icon-card {
  vertical-align: middle;
  margin-right: 5px;
  margin-top: 0;
}
.project-hours-journal-nav {
  margin: 0;
  border-bottom: 1px solid #EFEFEF;
}
.project-hours-journal-nav .input-group {
  margin-top: 5px;
  width: 140px;
  float: right;
}
@media (max-width: 991px) {
  .project-hours-journal-nav .input-group {
    margin-bottom: 5px;
  }
  .project-hours-journal-nav .input-group:first-child {
    float: left;
  }
}
.project-hours-journal-nav .input-group label {
  display: table-cell;
  padding: 10px 15px;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .project-hours-journal-nav .input-group label {
    display: none;
  }
}
.project-hours-journal-nav .input-group .form-control {
  height: 40px;
}
.project-hours-journal-nav .input-group.date label + .form-control {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
@media (min-width: 1200px) {
  .project-hours-journal-nav .input-group {
    width: 200px;
  }
}
.project-hours-journal-nav .input-group-addon {
  padding: 7px 10px;
}
.project-hours-journal-nav .input-group-addon .wk2-icon {
  font-size: 170%;
  color: #D5D5D5;
}
.project-hours-journal-nav .nav-tab {
  border-bottom: 0;
}
.project-hours-journal-nav .nav-tab li a {
  padding: 20px;
}
.project-hours-journal-list {
  padding: 0 30px;
}
.project-hours-journal-list .checkbox {
  display: inline-block;
  margin-right: 20px;
}
.project-hours-journal-list .row {
  border-bottom: 1px solid #EFEFEF;
  padding: 15px 10px;
}
.project-hours-journal-list .row-footer {
  border-bottom: 0;
}
.project-hours-journal-list .btn-image {
  color: inherit;
  display: inline-block;
  height: 20px;
  vertical-align: top;
}
.project-hours-journal-list .btn-image i {
  vertical-align: text-top;
}
.project-hours-journal-list strong {
  font-weight: 600;
}
.project-hours-journal-list .actions {
  text-align: right;
  margin-top: -5px;
  margin-bottom: -5px;
}
.project-hours-journal-list .actions .btn-icon {
  min-width: 40px;
}
.project-hours-journal-list .actions .dropdown {
  display: inline-block;
}
.project-hours-journal-list .label {
  margin-right: 5px;
}
.project-hours-journal-list.loading {
  position: relative;
}
.project-hours-journal-list.loading:after {
  content: '';
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  border: 3px solid #686868;
  border-top-color: transparent;
  -webkit-animation: loading-spin 1s infinite linear;
  animation: loading-spin 1s infinite linear;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.project-hours-journal-list.loading:before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 1;
}
@-webkit-keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.project-hours .link-export {
  padding-left: 45px;
  margin-top: 10px;
  text-decoration: none;
}
.project-hours .link-export span {
  text-decoration: underline;
}
.project-hours .link-export i {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.project-hours .graph {
  position: relative;
}
.project-hours .graph .link-export {
  position: absolute;
  top: -53px;
  right: 50px;
}
.project-hours-attachments .list-attachments.full .list-attachments-items {
  min-height: 71px;
}
@media (min-width: 768px) {
  .project-hours .user .item-data {
    padding: 0 10px;
  }
  .project-hours-journal-list .dropdown.dropdown-dialog .dropdown-toggle {
    margin-right: -20px;
    margin-top: -8px;
    display: inline-block;
    margin-bottom: -5px;
  }
}
@media (min-width: 992px) {
  .project-hours-journal-list .dropdown.dropdown-dialog .dropdown-menu.dropdown-menu-right {
    right: 30px;
    top: -15px;
  }
  .project-hours-journal-list .dropdown.dropdown-dialog i {
    top: 7px;
    position: relative;
  }
}
@media (max-width: 991px) {
  .project-hours-journal {
    position: relative;
  }
  .project-hours-journal-list .actions .btn-icon {
    margin-right: 5px;
  }
  .project-block .project-hours-journal .bid.item .title {
    margin-bottom: 20px;
    margin-top: 5px;
  }
  .project-hours-journal .payment-method {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
  }
  .project-hours-journal-nav .nav-tab {
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }
  .project-hours-journal-nav .nav-tab li {
    width: auto;
    float: none;
    display: inline-block;
    white-space: normal;
  }
  .project-hours-journal-nav .nav-tab li a {
    padding: 10px 0;
    margin-right: 20px;
  }
  .project-hours-journal-nav .nav-tab li:last-child a {
    margin-right: 0;
  }
  .project-hours .graph .link-export {
    right: 15px;
    top: 0;
  }
}
@media (max-width: 767px) {
  .project-hours .project-block .bid.item .item-data {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .project-hours-journal-list {
    padding: 0 15px 15px 15px;
  }
  .project-hours-journal-list .actions {
    text-align: left;
  }
  .project-hours-journal-list .actions .btn-icon {
    min-width: 75px;
    margin-bottom: 0;
  }
  .project-hours-journal-list .concept {
    display: inline-block;
    margin: 10px 0 20px 0;
  }
  .project-hours-journal-list .row {
    padding-left: 0;
    padding-right: 0;
  }
  .project-hours-journal-list .row-header {
    font-size: 11px;
  }
  .project-hours-journal-list .row-header,
  .project-hours-journal-list .row-footer {
    background-color: #EFEFEF;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 0;
  }
  .project-hours-journal-list .row-footer {
    margin-top: -1px;
  }
  .project-hours-journal-list .dropdown.dropdown-dialog .dropdown-toggle {
    margin-top: 10px;
    display: inline-block;
  }
  .project-hours-attachments .list-attachments.full .list-attachments-items {
    min-height: 38px;
  }
}
.project-item {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  padding: 40px;
  background-color: #FFFFFF;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}
.project-item.box-lg {
  padding: 30px;
}
@media (max-width: 991px) {
  .project-item.box-lg {
    padding: 20px;
  }
}
.project-item.box-md {
  padding: 20px;
}
@media (max-width: 991px) {
  .project-item.box-md {
    padding: 10px;
  }
}
.project-item.box-sm {
  padding: 10px;
}
.project-item.box-success,
.project-item.box-blue,
.project-item.box-danger,
.project-item.box-violet,
.project-item.box-primary {
  color: white;
}
.project-item.box-success a,
.project-item.box-blue a,
.project-item.box-danger a,
.project-item.box-violet a,
.project-item.box-primary a {
  color: white;
}
.project-item.box-success {
  background-color: #0AD254;
}
.project-item.box-blue {
  background-color: #2f9aee;
}
.project-item.box-primary {
  background-color: #253556;
}
.project-item h1 {
  margin-bottom: 20px;
  color: #333333;
}
.project-item > h1:first-child,
.project-item > h2:first-child,
.project-item > h3:first-child,
.project-item > h4:first-child,
.project-item > h5:first-child,
.project-item > h6:first-child {
  margin-top: 0;
  margin-bottom: 20px;
}
.project-item .img-full {
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -40px;
}
.project-item .img-full img {
  width: 100%;
  height: auto;
}
.project-item.search-form {
  padding: 20px 30px;
  margin-bottom: 20px;
}
.project-item .project-header {
  padding-right: 240px;
}
.project-item .project-actions {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 100%;
  max-width: 220px;
  padding: 0;
}
.project-item .project-actions .btn-group {
  margin-top: 5px;
  width: 100%;
  margin-bottom: 20px;
}
.project-item .project-actions .btn-group .btn {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}
@media (max-width: 767px) {
  .project-item .project-actions .btn-group {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
  }
}
.project-item .project-title {
  margin-top: 0;
}
.project-item .project-title a:hover {
  text-decoration: none;
}
.project-item .project-title a:focus .label {
  text-decoration: none;
}
.project-item .project-title .label {
  font-size: 15px;
  font-weight: 600;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 5px;
  position: relative;
  top: -5px;
  display: inline-block;
}
@media (max-width: 767px) {
  .project-item .project-title .label {
    top: 0;
    font-size: 13px;
  }
}
.project-item .project-title .pro-label {
  font-size: 13px;
  vertical-align: middle;
}
.project-item .project-main-details {
  padding-right: 240px;
  margin-bottom: 20px;
}
.project-item .project-main-details .date,
.project-item .project-main-details .bids,
.project-item .project-main-details .deadline {
  display: inline-block;
  margin-right: 20px;
  margin-top: 5px;
}
.project-item .project-main-details .date:last-child,
.project-item .project-main-details .bids:last-child,
.project-item .project-main-details .deadline:last-child {
  border-right: 0;
}
@media (max-width: 991px) {
  .project-item .project-main-details .date,
  .project-item .project-main-details .bids,
  .project-item .project-main-details .deadline {
    display: block;
    border-right: 0;
    margin: 0;
    padding: 0;
  }
}
.project-item .project-main-details strong {
  color: #253556;
}
.project-item .project-details {
  margin-bottom: 20px;
  padding-right: 220px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .project-item .project-details {
    padding-right: 0;
  }
}
.project-item .project-details a.more-link,
.project-item .project-details a.less-link {
  color: #0AD254;
  font-weight: 600;
}
.project-item .skills {
  margin-bottom: 20px;
}
.project-item .skills .skill {
  margin-bottom: 5px;
}
.project-item .skills .skills-title {
  display: none;
}
.project-item .project-author {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .project-item .project-author {
    padding-right: 40px;
  }
}
.project-item .project-author .author-info b {
  display: none;
}
.project-item .project-author .message-created,
.project-item .project-author .author-info,
.project-item .project-author .rating,
.project-item .project-author .country,
.project-item .project-author .payment {
  display: inline-block;
  padding-right: 20px;
  font-size: 12px;
  margin-top: 0;
}
.project-item .project-author .message-created:last-child,
.project-item .project-author .author-info:last-child,
.project-item .project-author .rating:last-child,
.project-item .project-author .country:last-child,
.project-item .project-author .payment:last-child {
  border-right: 0;
}
.project-item .project-author .flag {
  margin-right: 10px;
}
.project-item .project-author .profile-photo {
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
.project-item .project-author .user-status-online {
  width: 10px;
  height: 10px;
  background-color: #0AD254;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
@media (min-width: 991px) {
  .project-item .project-author .project-author-data {
    padding-left: 25px;
  }
}
.project-item .project-author .author-avatar {
  float: left;
  display: block;
}
.project-item .project-author .profile-stars {
  font-size: 18px;
  top: -3px;
  position: relative;
}
.project-item .project-author .payment {
  color: #686868;
}
.project-item .project-author .payment-verified {
  color: #0AD254;
  font-weight: 600;
}
.project-item .project-author .payment-verified .wk2-icon {
  font-size: 18px;
  margin: 0 8px;
  position: relative;
  top: 4px;
}
.project-item .project-author .bid {
  font-weight: 600;
}
.project-item .project-author .bid .wk2-icon {
  font-size: 18px;
  margin: 0 8px;
}
.project-item .btn-link {
  display: none;
}
.project-item .budget {
  font-weight: normal;
  padding: 5px 0;
  color: #0AD254;
  text-align: center;
  width: 100%;
  margin: 0;
}
@media (max-width: 767px) {
  .project-item .budget {
    text-align: center;
    width: 100%;
  }
}
.project-item-featured {
  border: 3px solid #02D04E;
  background-color: #F2FCF6;
}
@media (max-width: 767px) {
  .project-item {
    padding: 10px;
  }
  .project-item .project-header {
    padding-right: 0;
  }
  .project-item .project-actions.floating {
    position: relative;
    top: auto;
    right: auto;
    max-width: inherit;
    margin-bottom: 40px;
  }
  .project-item .date {
    font-size: 10px;
  }
  .project-item .btn-primary.btn-inverse {
    border-radius: 3px;
    color: white;
    background-color: #009FE3;
    border-color: transparent;
  }
}
.listing.wrapper-project {
  padding: 15px 25px;
}
.project-actions {
  max-width: 220px;
}
.project-actions.floating {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0px;
}
.project-actions .btn-group {
  width: 100%;
  margin-bottom: 20px;
  padding: 0px;
}
@media (max-width: 767px) {
  .project-actions .btn-group {
    margin-bottom: 0px;
  }
}
.project-actions .btn-group .btn {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.listing-featured.wrapper-project {
  border: 3px solid #02D04E;
  background-color: #F2FCF6;
}
#projects .project-item .project-actions {
  text-align: right;
}
#projects .project-item .budget {
  text-align: center;
  margin-top: 0px;
}
.wrapper-project {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  padding: 40px;
  background-color: #FFFFFF;
  margin-bottom: 20px;
}
.wrapper-project.box-lg {
  padding: 30px;
}
@media (max-width: 991px) {
  .wrapper-project.box-lg {
    padding: 20px;
  }
}
.wrapper-project.box-md {
  padding: 20px;
}
@media (max-width: 991px) {
  .wrapper-project.box-md {
    padding: 10px;
  }
}
.wrapper-project.box-sm {
  padding: 10px;
}
.wrapper-project.box-success,
.wrapper-project.box-blue,
.wrapper-project.box-danger,
.wrapper-project.box-violet,
.wrapper-project.box-primary {
  color: white;
}
.wrapper-project.box-success a,
.wrapper-project.box-blue a,
.wrapper-project.box-danger a,
.wrapper-project.box-violet a,
.wrapper-project.box-primary a {
  color: white;
}
.wrapper-project.box-success {
  background-color: #0AD254;
}
.wrapper-project.box-blue {
  background-color: #2f9aee;
}
.wrapper-project.box-primary {
  background-color: #253556;
}
.wrapper-project h1 {
  margin-bottom: 20px;
  color: #333333;
}
.wrapper-project > h1:first-child,
.wrapper-project > h2:first-child,
.wrapper-project > h3:first-child,
.wrapper-project > h4:first-child,
.wrapper-project > h5:first-child,
.wrapper-project > h6:first-child {
  margin-top: 0;
  margin-bottom: 20px;
}
.wrapper-project .img-full {
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -40px;
}
.wrapper-project .img-full img {
  width: 100%;
  height: auto;
}
.wrapper-project.search-form {
  padding: 20px 30px;
  margin-bottom: 20px;
}
.status-icon {
  display: inline-block;
  font-size: 30px;
  vertical-align: middle;
  color: #EEAF00;
}
.status-icon.rating i:before,
.status-icon.escrowing i:before,
.status-icon.verifying_escrow i:before,
.status-icon.arbitration i:before {
  content: "\f219";
}
.status-icon.open i:before,
.status-icon.working i:before {
  content: "\f158";
}
.status-icon.finished i:before {
  content: "\f221";
}
.status-icon.cancelled i:before,
.status-icon.rejected i:before,
.status-icon.escrowing_cancelled i:before {
  content: "\f220";
}
.status-icon.store i:before {
  content: "\f155" !important;
}
.status-icon.extension i:before {
  content: "\f222" !important;
}
.status-icon.working {
  color: #0AD254;
}
.status-icon.finished {
  color: #2f9aee;
}
.status-icon.cancelled,
.status-icon.rejected,
.status-icon.arbitration,
.status-icon.escrowing_cancelled {
  color: #FB535B;
}
#thanks .thanks-video h5 {
  line-height: 22px;
}
#thanks .thanks h2 {
  margin-top: 0;
}
#thanks .thanks p {
  line-height: 26px;
}
#thanks .wk-submit-block {
  margin-top: 40px;
  margin-bottom: 40px;
}
#thanks .video-link img {
  width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  #thanks .video-link img {
    max-width: 300px;
  }
}
#thanks .btn {
  padding-left: 15px;
  padding-right: 15px;
}
#thanks .wk2-icon {
  font-size: 50px;
  float: left;
  margin: 0px 10px;
}
#thanks .info {
  margin-bottom: 20px;
}
#thanks .info .status h3 {
  font-weight: normal;
  margin-top: 9px;
}
@media (max-width: 1199px) {
  #thanks .info .status h3 {
    text-align: center;
    margin-bottom: 20px;
  }
}
#thanks .info .status .title {
  font-size: 22px;
}
#thanks .help {
  padding: 20px 0 0 0;
}
#thanks .help .wk2-icon {
  margin: 0 0 10px 0;
}
@media (max-width: 1199px) {
  #thanks .help .wk2-icon {
    margin: 0 10px 10px 0;
  }
}
#thanks .help .wk2-icon.wk2-icon-store-bag,
#thanks .help .wk2-icon.wk2-icon-startup,
#thanks .help .wk2-icon.wk2-icon-trust {
  margin-left: 8px;
}
#thanks .help .title p {
  margin: 15px 0;
}
#thanks .help .title p .badge {
  margin-left: 5px;
  top: 0;
}
#thanks .help p {
  line-height: 20px;
}
#thanks .steps {
  padding: 30px 0;
  margin-top: 10px;
}
#thanks .steps .item {
  display: inline-block;
}
#thanks .steps .item:before {
  background: #D5D5D5;
  height: 1px;
  display: block;
  content: "";
  width: 30%;
  float: left;
  position: absolute;
  top: 15px;
  left: 0px;
}
#thanks .steps .item:after {
  background: #D5D5D5;
  height: 1px;
  display: block;
  content: "";
  width: 30%;
  float: right;
  position: absolute;
  top: 15px;
  right: 0px;
}
#thanks .steps .item:first-child:before {
  background: none;
}
#thanks .steps .item:last-child:after {
  background: none;
}
#thanks .steps .item .color-in {
  animation: colorchange 1s forwards;
  -webkit-animation: colorchange 1s forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@-webkit-keyframes colorchange {
  100% {
    color: #2f9aee;
  }
}
@-moz-keyframes colorchange {
  100% {
    color: #2f9aee;
  }
}
@keyframes colorchange {
  100% {
    color: #2f9aee;
  }
}
#thanks .steps .item .background-color-in {
  animation: bkgndcolorchange 1s forwards;
  -webkit-animation: bkgndcolorchange 1s forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@-webkit-keyframes bkgndcolorchange {
  100% {
    background-color: #2f9aee;
  }
}
@-moz-keyframes bkgndcolorchange {
  100% {
    background-color: #2f9aee;
  }
}
@keyframes bkgndcolorchange {
  100% {
    background-color: #2f9aee;
  }
}
#thanks .steps .item .circle {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #686868;
  color: #FFF;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 20px;
}
#thanks .steps b {
  font-weight: 600;
}
@media (max-width: 767px) {
  #thanks h1 {
    font-size: 22px;
  }
  #thanks .box-common {
    padding: 15px;
    margin-bottom: 0;
  }
  #thanks .wk-submit-block {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #thanks .btn-text-xs {
    background-color: transparent;
    color: #6f6f6f;
    padding: 10px 0;
    margin: 0;
    text-transform: none;
    font-weight: normal;
    border: none!important;
  }
  #thanks .info {
    margin-bottom: 0;
  }
  #thanks .info .status .title {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #thanks .wk-submit-block {
    padding: 0 150px;
  }
}
.project-working-new h2 {
  margin-top: 8px;
  margin-bottom: 36px;
}
.project-working-new .project-block .client-block .profile-photo {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 10px;
}
.project-working-new .project-block .client-block .pro-profile-photo {
  border: 2px solid #2beae0;
}
.project-working-new .project-block .client-block h4 {
  margin: 0px;
}
.project-working-new .project-block .client-block .status {
  color: #a8a8a8;
}
.project-working-new .project-block .client-block .status .circle {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 8px;
  margin-right: 5px;
}
.project-working-new .project-block .client-block .status .circle.offline {
  background-color: #a8a8a8;
}
.project-working-new .project-block .client-block .status .circle.online {
  background-color: #0AD254;
}
.project-working-new .project-block .client-block .item-data {
  font-size: 12px;
}
.project-working-new .project-block .client-block .item-data a {
  color: #686868;
}
.project-working-new .project-block .client-block .item-data a:hover,
.project-working-new .project-block .client-block .item-data a:focus {
  text-decoration: none;
}
.project-working-new .project-block .client-block .item-data span {
  color: #0AD254;
  font-size: 16px;
  font-weight: 600;
  display: block;
}
.project-working-new .project-block .client-block .item-data span .wk2-icon {
  margin-top: 2px;
}
@media (min-width: 768px) {
  .project-working-new .project-block .project-options {
    text-align: right;
  }
}
.project-working-new .project-block .project-options > a,
.project-working-new .project-block .project-options .dropdown {
  display: inline-block;
}
.project-working-new .project-block .project-options .dropdown {
  position: relative;
  top: 8px;
}
.project-working-new .project-block .project-options .dropdown > a {
  padding: 0 5px;
}
.project-working-new .project-block .project-options .dropdown.dropdown-dialog .dropdown-menu.dropdown-menu-right {
  right: 35px;
  top: -7px;
}
.project-working-new .project-block hr {
  border-top: 1px solid #EEEEEE;
}
.project-working-new .project-block .extension-intro h4 ~ p {
  line-height: 26px;
  margin: 18px 0px;
}
.project-working-new .project-block .extension-intro .steps {
  margin-top: 18px;
}
.project-working-new .project-block .extension-intro .steps i {
  font-size: 30px;
  color: #2f9aee;
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 9px;
  height: 36px;
}
.project-working-new .project-block .extension-intro .steps i.wk2-icon-like,
.project-working-new .project-block .extension-intro .steps i.wk2-icon-direct_payment {
  font-size: 34px;
}
.project-working-new .project-block .extension-intro .steps p {
  line-height: 26px;
}
.project-working-new .project-block .project-extension {
  padding: 0px;
}
.project-working-new .project-block .project-extension .wk-bullet {
  color: #686868;
  margin-bottom: 18px;
}
.project-working-new .project-block .project-extension h5 {
  margin-top: 9px;
}
.project-working-new .project-block .project-extensions-header h5 {
  text-transform: uppercase;
}
.project-header-title {
  margin-top: 8px;
  margin-bottom: 32px;
}
.project-header.row {
  margin-top: 60px;
  margin-bottom: 30px;
}
.project-header .btn {
  padding: 10px 9.6px;
}
.project-header .progress {
  margin-top: 5px;
  margin-right: 15px;
}
.project-header .progress.success {
  background: #D8D8D8;
  max-width: 228px;
}
.project-header .btn-icon {
  vertical-align: middle;
}
.project-block .bid.item {
  padding: 30px 15px;
}
@media (max-width: 991px) {
  .project-block .bid.item {
    padding: 15px 15px;
  }
}
.project-block .bid.item .bid-info {
  width: 91%;
}
.project-block .bid.item .user .user-wrapper .profile-photo {
  margin-top: 0;
  margin-bottom: 0;
  width: 40px;
  height: 40px;
}
.project-block .bid.item .title {
  margin: 0px;
  display: block;
  line-height: 20px;
}
.project-block .bid.item .status {
  color: #a8a8a8;
  display: inline-block;
}
.project-block .bid.item .status .circle {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 8px;
  margin-right: 5px;
}
.project-block .bid.item .status .circle.offline {
  background-color: #a8a8a8;
}
.project-block .bid.item .status .circle.online {
  background-color: #0AD254;
}
.project-block .bid.item .item-data {
  margin-bottom: 15px;
  margin-right: 20px;
  float: left;
}
@media (max-width: 1199px) {
  .project-block .bid.item .item-data {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .project-block .bid.item .item-data {
    margin-bottom: 0;
    margin-right: 0;
    text-align: left;
    width: 100%;
    padding: 0;
  }
  .project-block .bid.item .item-data .value {
    font-size: 13px;
    text-align: right;
    width: 50%;
    float: right;
  }
}
.project-block .bid.item .item-data a {
  color: #686868;
}
.project-block .bid.item .item-data a:hover {
  text-decoration: none;
}
.project-block .bid.item .item-data .value {
  margin: 0;
  display: block;
}
.project-block .bid.item .item-data .value.green {
  color: #0AD254;
}
.project-block .bid.item .options-block {
  text-align: right;
}
.project-block .bid.item .options-block .btn {
  padding: 10px 14.4px;
}
.project-block .bid.item .options-block .dropdown {
  display: inline-block;
}
.project-block .bid.item .options-block .dropdown {
  position: relative;
  top: 8px;
}
.project-block .bid.item .options-block .dropdown > a {
  padding: 0;
}
.project-block .bid.item .options-block .dropdown.dropdown-dialog .dropdown-menu.dropdown-menu-right {
  right: 35px;
  top: -7px;
}
@media (max-width: 1199px) {
  .project-block .bid.item .options-block {
    position: absolute;
    top: 30px;
    right: 20px;
  }
}
.project-block .bid.item .seccondary-option {
  text-align: right;
  height: 44px;
}
.project-block .bid.item .seccondary-option .messages {
  padding: 8px 10px;
  font-size: 17px;
  max-height: 40px;
  color: #253556;
}
.project-block .bid.item .seccondary-option .dropdown {
  display: inline-block;
}
.project-block .bid.item .seccondary-option .dropdown .dropdown-toggle {
  padding-right: 0px;
  padding-left: 0px;
}
.project-block .extension-form-wrapper {
  padding: 0px 15px 15px 15px;
}
.project-block .extension-intro {
  padding: 30px 15px;
  margin: 0px;
  border-bottom: 1px solid #EFEFEF;
}
@media (max-width: 991px) {
  .project-block .extension-intro {
    padding: 15px 15px;
  }
}
@media (max-width: 767px) {
  .project-block .extension-intro {
    text-align: center;
  }
}
.project-block .extension-intro h4 ~ p {
  line-height: 26px;
  margin: 18px 0px;
}
.project-block .extension-intro .steps {
  margin-top: 15px;
}
.project-block .extension-intro .steps i {
  font-size: 30px;
  color: #2f9aee;
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 9px;
  height: 36px;
}
.project-block .extension-intro .steps i.wk2-icon-like,
.project-block .extension-intro .steps i.wk2-icon-direct_payment {
  font-size: 34px;
}
@media (max-width: 1199px) {
  .project-block .extension-intro .steps i {
    width: initial;
    float: left;
    margin-right: 10px;
  }
}
@media (max-width: 991px) {
  .project-block .extension-intro .steps i {
    width: initial;
    float: none;
    margin: 0px;
    position: relative;
    top: 8px;
    display: inline-block;
  }
}
.project-block .extension-intro .steps p {
  line-height: 26px;
}
@media (max-width: 991px) {
  .project-block .extension-intro .steps p {
    display: inline-block;
  }
}
.project-block .extension-intro .steps .topic {
  position: relative;
}
.project-block .extension-intro .steps .topic:before {
  display: block;
  content: "\F111";
  font-family: "WorkanaNewDesign";
  font-size: 18px;
  width: 20px;
  height: 20px;
  color: #2f9aee;
  position: absolute;
  right: -5px;
  top: 48px;
}
@media (max-width: 1199px) {
  .project-block .extension-intro .steps .topic:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .project-block .extension-intro .steps {
    margin-bottom: 15px;
  }
}
.project-block .expand-details {
  font-weight: 600;
  color: #2f9aee;
  cursor: pointer;
}
.project-block .project-detail .status-icon {
  margin-right: 20px;
}
.project-block .project-extension {
  padding: 5px 30px 15px 30px;
  border-bottom: 1px solid #EFEFEF;
}
.project-block .project-extension h5 {
  margin-top: 17px;
}
.project-block .project-extension h5.value-extension {
  min-height: 60px;
}
.project-block .project-extension .alert {
  margin-top: 15px;
}
.project-block .project-extension .create-extension {
  margin-top: 38px;
  min-height: 50px;
}
@media (max-width: 767px) {
  .project-block .project-extension .create-extension {
    margin-top: 15px;
    display: inline-block;
    min-height: initial;
  }
}
.project-block .project-extension .wk-bullet {
  margin-bottom: 10px;
}
.project-block .project-extension .form-group-bid .form-control span {
  vertical-align: middle;
  line-height: 26px;
}
@media (max-width: 767px) {
  .project-block .project-extension .form-group-bid .wk-bullet {
    font-size: 11px;
    margin: 10px 0;
    width: 54%;
  }
  .project-block .project-extension .form-group-bid .form-control {
    font-size: 15px;
    padding: 0;
    border: 0;
    height: auto;
    width: 44%;
    line-height: normal;
    text-align: right;
    display: inline-block;
    margin: 0;
  }
}
.project-block .project-actions {
  max-width: inherit;
}
.project-block .project-actions .interested {
  margin: 0 15px;
}
.project-block .project-extensions {
  padding: 0px 30px 0 30px;
}
.project-block .project-extensions-header {
  padding: 10px 0;
  border-bottom: solid 1px #EFEFEF;
}
.project-block .project-extensions + .project-extension {
  padding-top: 0;
}
.project-block .no-project-extension {
  padding: 15px 0 30px 0;
}
.project-block .no-project-extension p {
  line-height: 22px;
  max-width: 380px;
  margin: auto;
}
.project-block .project-box-collapsable {
  padding: 10px 30px;
}
.project-block .project-box-collapsable a.collapsed ~ .wk2-icon-down {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.project-block .project-box-collapsable .wk2-icon-down {
  color: #2f9aee;
  font-size: 26px;
  position: relative;
  top: 7px;
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
}
.project-block .project-payment-rating {
  padding: 10px 15px;
}
.project-block .project-payment-rating .rating-stars label {
  font-size: 22px;
  padding: 4px 2px;
}
.project-block .project-payment-rating > .row {
  margin-top: 20px;
}
.project-block .project-payment-rating .h5 {
  margin: 12px 0;
}
.project-block .project-payment-rating .btn {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .project-block .project-payment-rating {
    padding: 20px;
  }
  .project-block .project-payment-rating .btn {
    margin-top: 0;
    float: right;
  }
}
.store-evalbids-title .h1 {
  margin-top: 0;
}
.store-evalbids-title .btn {
  margin-top: 10px;
}
.store-evalbids-list-wrapper {
  margin-bottom: 15px;
}
.store-evalbids-list {
  margin-top: 30px;
}
.store-evalbids-list .store-service-item {
  display: inline-block;
  margin-left: 0;
  margin-right: 20px;
}
.store-evalbids-list .store-service-item:last-of-type {
  margin-right: 0;
}
@media (max-width: 1199px) {
  .store-evalbids-title {
    margin-top: 25px;
  }
  .store-evalbids-list {
    width: 1170px;
  }
  .store-evalbids-list .store-service-item {
    max-width: 215px;
    height: 394px;
    margin-bottom: 10px;
  }
  .store-evalbids-list .store-service-item figure {
    height: 160px;
    width: 215px;
  }
  .store-evalbids-list-wrapper {
    overflow-x: auto;
  }
}
.project-deliverables h3 {
  margin-top: 0;
  margin-bottom: 15px;
}
.project-deliverables .icon-attach-file-select {
  background-size: contain;
  width: 25px;
  height: 20px;
  margin-right: 2px;
  position: relative;
  top: -1px;
  display: inline-block;
  margin: 0 5px 0 0;
}
.project-deliverables .deliverable {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #EFEFEF;
  border-top: 1px solid #EFEFEF;
  padding-right: 220px;
}
.project-deliverables .deliverable + .deliverable {
  border-top: 0;
}
.project-deliverables .deliverable:last-of-type {
  border-bottom: 0;
}
.project-deliverables .deliverable .actions {
  position: absolute;
  top: 15px;
  right: 0;
}
.project-deliverables .file {
  margin-right: 15px;
}
@media (max-width: 1199px) {
  .project-header.row {
    margin-top: 20px;
  }
  .project-header .item-data .value {
    font-size: 18px;
  }
  .project-header .item-data > span {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .project-header .item-data .value {
    font-size: 14px;
  }
  .project-header .item-data > span {
    font-size: 11px;
  }
  .project-block .bid.item {
    padding: 30px 0;
  }
  .project-block .bid.item .user {
    padding-right: 15px;
    width: 100%;
    float: none;
  }
  .project-block .bid.item .user .user-wrapper {
    margin: auto;
  }
  .project-block .bid.item .bid-info {
    width: 100%;
    text-align: center;
  }
  .project-block .bid.item .title a {
    width: 100%;
  }
  .project-block .bid.item .options-block {
    text-align: center;
  }
  .project-block .bid.item .options-block .btn {
    margin-right: 0;
  }
  .project-block .add-extension {
    border-bottom: 1px solid #EFEFEF;
    padding: 15px 15px 5px 15px;
  }
  .project-block .project-extensions {
    padding: 0 15px;
  }
  .project-block .project-extension {
    padding: 15px;
  }
  .project-block .project-extension h5 {
    margin-top: 35px;
  }
  .project-block .project-extension .total {
    margin-top: 32px;
    color: #0AD254;
    font-size: 16px;
  }
  .project-block .project-actions .interested {
    margin: 15px;
    display: block;
  }
  .project-deliverables .deliverable {
    padding-right: 0;
  }
  .project-deliverables .deliverable .actions {
    position: relative;
    top: auto;
    right: auto;
  }
  .project-deliverables .box-attachments {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) and (max-width: 1199px) {
  .project-block .bid.item {
    padding: 10px 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .project-block .bid.item .user .user-wrapper .profile-photo {
    width: 35px;
    height: 35px;
    margin-right: 5px;
  }
}
#EditProjectForm .disableIfNoCategory {
  position: relative;
}
#EditProjectForm .disableIfNoCategory .mask {
  position: absolute;
  display: none;
  height: 100%;
  width: 100%;
  background: #EFEFEF;
  opacity: 0.6;
  z-index: 1;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  cursor: no-drop;
}
#add-project .add-project__mic {
  position: absolute;
  top: 5px;
  right: 20px;
}
.page-header h1 {
  margin-bottom: 0px;
}
h2.title {
  margin-top: 9px;
  padding-bottom: 20px;
}
.email h2 {
  margin-top: 0px;
}
#EditProjectForm #more-options {
  text-decoration: none!important;
  cursor: pointer;
  margin: 25px 0;
  display: block;
  position: relative;
  overflow: hidden;
}
#EditProjectForm #more-options span {
  text-transform: uppercase;
  color: #2f9aee;
  font-weight: 500;
}
#EditProjectForm #more-options span i {
  color: #FFFFFF;
  margin-left: 10px;
  background-color: #2f9aee;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.panel-add-steps {
  border: none;
}
.panel-add-steps .panel-heading {
  text-align: center;
  position: relative;
}
.panel-add-steps .panel-heading h4 {
  font-size: smaller;
}
.panel-add-steps.panel-primary .panel-heading:after {
  border-top-color: #253556;
}
.panel-add-steps.panel-primary .panel-body ul li:before {
  color: #253556;
}
.panel-add-steps .panel-body {
  background-color: #FFFFFF;
}
.panel-add-steps .panel-body ul {
  padding: 5px 8px;
  list-style: none;
}
.panel-add-steps .panel-body ul li {
  padding-left: 1.3em;
  margin-bottom: 5px;
}
.panel-add-steps .panel-body ul li:before {
  color: #0AD254;
  content: "\F151";
  /* Workana Unicode */
  display: inline-block;
  margin-left: -1.3em;
  /* same as padding-left set on li */
  width: 1.3em;
  /* same as padding-left set on li */
  font-size: 26px;
  position: relative;
  top: 8px;
  text-align: center;
}
.list-bundles {
  margin-top: 20px;
}
.list-bundles .skill {
  display: inline-block;
  margin-bottom: 5px;
  position: relative;
  padding-left: 10px;
  padding-right: 25px;
  line-height: normal;
  font-size: 11px;
  text-transform: uppercase;
}
.list-bundles .skill:after {
  color: white;
  content: "\F040";
  margin-left: 1.3em;
  font-size: 24px;
  line-height: normal;
  position: absolute;
  top: 2px;
  width: 15px;
  height: 15px;
  right: 12px;
}
.user_type .access-box {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .user_type .access-box {
    position: relative;
    z-index: 1;
  }
}
.user_type .access-box.email {
  margin-bottom: 0px;
}
.user_type .login-box,
.user_type .signup-box {
  display: none;
}
.user_type.workana_user .login-box {
  display: block;
}
.user_type.workana_user .login-box p {
  margin: 20px 0px 0px 0px;
}
.user_type.new_user .signup-box {
  display: block;
}
.user_type.new_user .signup-box p {
  margin: 20px 0px 0px 0px;
}
.recomended-projects h2 {
  margin-bottom: 20px;
}
.recomended-projects .project-item .project-title {
  height: 50px;
  font-size: 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.recomended-projects .project-item .project-header,
.recomended-projects .project-item .project-main-details {
  padding-right: 0;
}
.recomended-projects .project-item .project-actions {
  width: 100%;
}
.recomended-projects .project-item .project-actions.floating {
  position: relative;
  top: auto;
  right: auto;
  max-width: inherit;
}
.recomended-projects .project-item .message-created {
  display: none;
}
.recomended-projects .project-item .project-details {
  padding-right: 0;
}
.recomended-projects .project-item .project-author {
  margin-bottom: 10px;
}
.recomended-projects .project-item .project-author .message-created,
.recomended-projects .project-item .project-author .author-info,
.recomended-projects .project-item .project-author .rating,
.recomended-projects .project-item .project-author .country,
.recomended-projects .project-item .project-author .payment {
  padding-right: 5px;
  margin-bottom: 10px;
}
.recomended-projects .project-item .project-author .profile-photo {
  margin-right: 7px;
  margin-bottom: -10px;
}
.recomended-projects .project-item .project-author .profile-stars {
  font-size: 14px;
  letter-spacing: 0;
}
.recomended-projects .project-item .project-author .payment-verified .wk2-icon {
  margin: 0 2px;
}
.recomended-projects .project-item .project-author .country-name {
  display: inline-block;
  position: relative;
  max-width: 100px;
  top: 3px;
  margin-left: 6px;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .recomended-projects .project-item {
    height: 345px;
  }
  .recomended-projects .project-item .project-author {
    height: 60px;
  }
  .recomended-projects .project-item .project-main-details {
    height: 40px;
    margin-bottom: 10px;
  }
  .recomended-projects .project-item .project-details .expander {
    height: 40px;
    text-overflow: ellipsis;
    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
  }
}
.rehire-plus-one-block {
  text-align: left;
  background-color: #EFEFEF;
  padding: 15px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.rehire-plus-one-block p {
  line-height: 22px;
}
.rehire-plus-one-block .wk-bullet {
  margin-top: 0;
  margin-bottom: 10px;
}
.rehire-plus-one-block .tgl-btn {
  position: absolute;
  margin-top: 10px;
}
.rehire-plus-one-block .tgl-btn + p {
  padding-left: 75px;
}
@media (max-width: 767px) {
  .rehire-plus-one-block {
    position: relative;
  }
  .rehire-plus-one-block .wk-bullet {
    padding-top: 50px;
  }
  .rehire-plus-one-block .tgl-btn {
    top: 20px;
    margin-top: 0;
  }
  .rehire-plus-one-block .tgl-btn + p {
    padding-left: 0;
  }
}
.report-project-modal .modal-body {
  min-height: 70px;
}
.report-project-modal .wk2-icon-spinner {
  left: 50%;
  margin-left: -16px;
}
.report-project-modal h4 {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .report-project-modal .modal-content {
    width: 100%;
  }
}
.project-item .report-project {
  position: absolute;
  bottom: 23px;
  right: 15px;
}
@media (max-width: 767px) {
  .project-item .report-project {
    right: auto;
    bottom: 10px;
    left: 10px;
  }
}
.proposal {
  background-color: transparent;
  border: 0;
  margin: 0;
}
.proposal h3.title {
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .proposal h3.title {
    text-align: center;
    display: inline-block;
  }
}
.proposal h3.title .badge {
  margin-top: -5px;
}
.proposal p {
  margin-bottom: 0;
}
.proposal .btn-accept {
  margin-top: 35px;
}
@media (max-width: 991px) {
  .proposal .btn-accept {
    margin-top: 20px;
  }
}
.proposal .message-intro {
  font-weight: 300;
  color: #686868;
}
.proposal .message-intro a.more {
  color: #0AD254;
  font-weight: 600;
}
.proposal img.profile-photo {
  width: 85px;
  height: 85px;
}
.proposal .fav-icon {
  margin-top: -5px;
}
.proposal .medals {
  text-align: center;
}
.proposal .medals .profile-badge {
  display: inline-block;
}
@media (max-width: 991px) {
  .proposal .user-info {
    text-align: center;
    margin-top: 10px;
  }
  .proposal .user-info .user-info-title {
    display: inline-block;
  }
  .proposal .user-info .user-favorite {
    float: right;
    padding: 4px;
  }
  .proposal .user-info .input-popover-info {
    display: none;
  }
}
.proposal .user-info .block {
  display: inline-block;
  margin: 5px 10px;
}
.proposal .user-info .block label {
  margin-bottom: 0;
}
.proposal .user-info .block .new-message {
  color: #2f9aee;
}
.proposal .user-info .block .granular-ranked {
  margin-bottom: 0;
}
.proposal .user-info .block .profile-stars .stars-bg {
  margin-top: -5px;
}
.proposal .user-info .block .ranking {
  margin-bottom: 0;
}
.proposal .user-info .block.skype {
  margin: 0;
  position: relative;
}
.proposal .user-info .block.skype a:hover {
  text-decoration: none;
}
.proposal .user-info .block.skype .skype-offline {
  display: none;
}
.proposal .user-info .block.skype .skype-offline + .wk2-icon-skype {
  display: none;
}
.proposal .user-info .block.skype .skype-online {
  display: none;
}
.proposal .user-info .block.skype .skype-online + .wk2-icon-skype {
  color: #2f9aee;
  font-size: 27px;
  position: absolute;
  top: -17px;
}
.proposal .badge {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 10px;
  margin-top: -8px;
  margin-left: 10px;
}
.proposal .badge-invited {
  background-color: #2f9aee;
}
.proposal .badge-accepted {
  background-color: #0AD254;
}
@media (max-width: 991px) {
  .proposal .profile-badge img {
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .proposal .options-block {
    text-align: center;
  }
  .proposal .options-block .btn {
    display: inline-block;
  }
}
.proposal-invited {
  background-color: #ecf6fd;
}
.threads.others h2 {
  padding: 20px 0px 10px 0;
}
.threads.others .proposal {
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 0;
}
@media (max-width: 991px) {
  .threads.others .proposal {
    padding: 10px 0;
  }
  .threads.others .proposal .user-favorite {
    float: right;
    padding: 4px;
  }
  .threads.others .proposal .user-info-title {
    display: inline-block;
  }
}
.threads.others .proposal:first-child {
  padding-top: 20px;
}
.threads.others .proposal:last-child {
  padding-bottom: 20px;
  border: 0;
}
.threads .box-common {
  width: 100%;
  padding: 0;
  margin: 0;
}
.less-details {
  margin-top: 30px;
}
.employer-item {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  padding: 40px;
  background-color: #FFFFFF;
  margin-bottom: 20px;
  padding: 25px;
}
.employer-item.box-lg {
  padding: 30px;
}
@media (max-width: 991px) {
  .employer-item.box-lg {
    padding: 20px;
  }
}
.employer-item.box-md {
  padding: 20px;
}
@media (max-width: 991px) {
  .employer-item.box-md {
    padding: 10px;
  }
}
.employer-item.box-sm {
  padding: 10px;
}
.employer-item.box-success,
.employer-item.box-blue,
.employer-item.box-danger,
.employer-item.box-violet,
.employer-item.box-primary {
  color: white;
}
.employer-item.box-success a,
.employer-item.box-blue a,
.employer-item.box-danger a,
.employer-item.box-violet a,
.employer-item.box-primary a {
  color: white;
}
.employer-item.box-success {
  background-color: #0AD254;
}
.employer-item.box-blue {
  background-color: #2f9aee;
}
.employer-item.box-primary {
  background-color: #253556;
}
.employer-item h1 {
  margin-bottom: 20px;
  color: #333333;
}
.employer-item > h1:first-child,
.employer-item > h2:first-child,
.employer-item > h3:first-child,
.employer-item > h4:first-child,
.employer-item > h5:first-child,
.employer-item > h6:first-child {
  margin-top: 0;
  margin-bottom: 20px;
}
.employer-item .img-full {
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -40px;
}
.employer-item .img-full img {
  width: 100%;
  height: auto;
}
.employer-item.search-form {
  padding: 20px 30px;
  margin-bottom: 20px;
}
.employer-item h1 {
  padding: 0px;
}
.employer-item h5 {
  font-weight: normal;
  margin: 8px 0 6px;
}
.employer-item .profile-stars {
  display: inline-block;
}
.employer-item .profile-photo {
  width: 82px;
  height: 82px;
}
.employer-item .country {
  margin: 5px 0px 0px;
  display: inline-block;
}
.employer-item .employer-details {
  margin: 0px;
  padding: 0 15px;
}
.employer-item .employer-details h3 {
  margin-top: 0;
}
.employer-item .employer-details h4 {
  font-size: 12px;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 0px;
}
.employer-item .employer-details h4 .price {
  font-size: 22px;
  display: block;
  margin-bottom: 10px;
  color: #0AD254;
}
.employer-item .employer-details b {
  font-weight: 600;
  color: #FB535B;
}
.employer-item .employer-actions .btn {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .employer-item .border-right::before {
    display: none;
  }
  .employer-item h1 {
    margin: 10px 0 0 0;
    font-size: 16px;
  }
  .employer-item .profile-stars {
    font-size: 16px;
  }
  .employer-item .profile-photo {
    height: 80px;
    width: 80px;
  }
  .employer-item .country {
    margin-top: 0px;
  }
  .employer-item .employer-actions,
  .employer-item .employer-details {
    float: right;
  }
  .employer-item .employer-actions {
    margin-top: 20px;
  }
}
.footer-reminder {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 9999;
  text-align: center;
  background: rgba(37, 53, 86, 0.9);
  padding: 40px 10px;
  color: white;
}
.footer-reminder .btn-link {
  text-decoration: underline;
  color: white;
  margin-right: 10px;
}
.footer-reminder .btn {
  margin: 5px;
}
.footer-reminder .close {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 1;
}
.footer-reminder hr {
  opacity: 0.5;
}
@media (max-width: 767px) {
  .footer-reminder {
    margin-bottom: 0px;
    padding: 20px 10px;
  }
  .footer-reminder .btn {
    margin: 10px 0 5px 0;
  }
}
.google-loggedout {
  background-color: #2f9aee;
  padding: 16px 0;
  margin-bottom: 20px;
}
.google-loggedout-header {
  color: #FFFFFF;
  padding: 20px 0 40px;
}
.google-loggedout-header.header-1 {
  background-image: url(https://wkncdn.com/newx/assets/build/img/google-header/header.2e0ec2b3b.jpg);
  background-position: top right;
}
.google-loggedout-header h2 {
  font-size: 39px;
  line-height: 1.5;
  max-width: 560px;
}
.google-loggedout-header h4 {
  letter-spacing: 0.7px;
  line-height: 2;
  margin: 15px 0 25px;
  max-width: 560px;
}
.google-loggedout-header .btn {
  padding: 15px 28px;
}
.google-loggedout a {
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .google-loggedout-header {
    text-align: center;
  }
  .google-loggedout-header.header-1 {
    background-image: url(https://wkncdn.com/newx/assets/build/img/google-header/header-2.875a14eed.jpg);
    background-position: top left;
  }
  .google-loggedout-header h2,
  .google-loggedout-header h4 {
    color: #253556;
    margin-left: auto;
    margin-right: auto;
  }
  .google-loggedout-header h2 {
    font-size: 29px;
    max-width: 420px;
  }
}
.hero-search-banner {
  background-color: #2f9aee;
  color: #FFF;
  background: url(https://wkncdn.com/newx/assets/build/img/international-banner-bkgnd.dea388ad1.png) no-repeat right center;
}
.hero-search-banner h1,
.hero-search-banner h3,
.hero-search-banner p {
  color: #FFF;
}
.hero-search-banner h3 {
  font-size: 18px;
  line-height: 32px;
  margin-top: 0px;
  margin-bottom: 28px;
}
@media (max-width: 992px) {
  .hero-search-banner h3 {
    font-size: 13px;
  }
}
.search-loggedout-header {
  color: white;
  padding: 6px 0 16px 0;
  margin-bottom: 20px;
  background-color: #2f9aee;
}
.search-loggedout-header h1 {
  margin-top: 0;
  font-size: 24px;
}
.search-loggedout-header .breadcrumb a {
  color: #FFFFFF;
}
.search-loggedout-header .breadcrumb > .active {
  color: #FFFFFF;
}
.search-loggedout-header .btn {
  margin-right: 0px;
}
@media (max-width: 991px) {
  .search-loggedout-header {
    margin: 0 -15px 20px -15px;
  }
}
@media (max-width: 767px) {
  .search-loggedout-header {
    padding: 15px;
    text-align: center;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .search-loggedout-header h1 {
    font-size: 20px;
    margin-bottom: 0px;
  }
  .search-loggedout-header p {
    margin: 15px;
    font-size: 15px;
  }
}
.user-project-item-new {
  padding-top: 20px;
  padding-bottom: 20px;
  border: 0;
}
.user-project-item-new:nth-of-type(odd) {
  background-color: #f4f4f4;
}
.user-project-item-new .status-icon {
  position: absolute;
  top: 17px;
  left: 10px;
  width: 27px;
  height: 27px;
  font-size: 40px;
}
.user-project-item-new .status-icon.store {
  font-size: 44px;
}
.user-project-item-new .status-icon.store i {
  position: relative;
  left: 10px;
  top: -10px;
}
.user-project-item-new .project-details {
  padding-left: 50px;
  padding-right: 50px;
}
.user-project-item-new .project-actions.floating {
  position: absolute;
  top: 20px;
  right: 0;
}
.user-project-item-new .wk2-icon-right {
  display: none;
}
.user-project-item-new .user-wrapper {
  margin-bottom: 9px;
}
.user-project-item-new .user-wrapper a {
  display: inline-block;
}
.user-project-item-new .profile-photo {
  height: 14px;
  width: 14px;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 3px;
}
.user-project-item-new h5 {
  margin-top: 0;
  line-height: 20px;
}
.user-project-item-new p {
  margin-bottom: 5px;
}
.user-project-item-new .user-info {
  margin-top: 0;
  margin-bottom: 9px;
}
.user-project-item-new .link {
  font-weight: 600;
  color: #253556;
}
.user-project-item-new .badge-container {
  display: inline-block;
}
.user-project-item-new .badge-store {
  top: -2px;
}
@media (max-width: 991px) {
  .user-project-item-new {
    padding: 10px 0;
  }
  .user-project-item-new .user-info {
    margin-bottom: 5px;
  }
  .user-project-item-new .status-icon {
    top: 10px;
    left: 10px;
    font-size: 20px;
  }
  .user-project-item-new .status-icon.store {
    margin-top: 0;
    font-size: 22px;
  }
  .user-project-item-new .status-icon.store i {
    left: 5px;
    top: -5px;
  }
  .user-project-item-new .main-action {
    margin-top: 20px;
  }
  .user-project-item-new .main-action + .main-action {
    margin-top: 0;
  }
  .user-project-item-new .wk2-icon-right {
    display: inline-block;
    color: #253556;
  }
  .user-project-item-new h5 {
    margin-top: 4px;
    padding-left: 40px;
    padding-right: 20px;
  }
  .user-project-item-new h5::before {
    content: '';
    background: rgba(255, 255, 255, 0);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
  }
  .user-project-item-new .project-details {
    padding: 0 40px 0 40px;
  }
  .user-project-item-new .collapse-group span.wk2-icon {
    margin-top: 0;
    font-size: 15px;
    top: 15px;
  }
  .user-project-item-new .project-actions.floating {
    top: inherit;
    right: inherit;
    position: relative;
    max-width: inherit;
  }
  .user-project-item-new .project-actions.floating .wk2-icon {
    display: none;
  }
  .user-project-item-new .dropdown.dropdown-dialog:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
  }
  .user-project-item-new .dropdown.dropdown-dialog .dropdown-toggle {
    font-size: 13px;
    text-align: center;
    padding: 0;
  }
  .user-project-item-new .dropdown.dropdown-dialog .dropdown-toggle .btn {
    display: block;
  }
}
@media (max-width: 767px) {
  .user-project-item-new p {
    font-size: 12px;
  }
  .user-project-item-new .project-actions.floating {
    margin-top: 0;
  }
}
#user-projects.checking {
  position: relative;
}
#user-projects.checking .user-projects-loading {
  display: block;
}
.user-projects-loading {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.user-projects-loading i {
  top: 50%;
  left: 50%;
  font-size: 30px;
  margin-left: -16px;
  margin-top: -15px;
}
.my-projects .wk-pager-scroll .control-spinner {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.my-projects .wk-pager-scroll .checking {
  position: relative;
}
.my-projects .wk-pager-scroll .checking .control-spinner {
  display: block;
}
.my-projects .wk-pager-scroll .checking span {
  color: transparent;
}
.user-project-item {
  border-color: #D5D5D5;
  border-left: 0;
  border-right: 0;
}
.user-project-item:first-child {
  border-top: 0;
}
.user-project-item:last-child {
  border-bottom: 0;
}
.user-project-item .status-icon {
  position: absolute;
  top: 20px;
  left: 10px;
  width: 27px;
  height: 27px;
}
.user-project-item .status-icon i {
  font-size: 40px;
}
.user-project-item .status-icon.store {
  font-size: 44px;
}
.user-project-item .status-icon.store i {
  position: relative;
  left: 10px;
  top: -10px;
}
.user-project-item h4,
.user-project-item .project-details {
  padding-left: 50px;
  padding-right: 50px;
}
.user-project-item .project-actions.floating {
  position: absolute;
  top: 20px;
  right: 0;
}
.user-project-item .wk2-icon-right {
  display: none;
}
@media (max-width: 991px) {
  .user-project-item {
    padding: 10px 0;
  }
  .user-project-item .status-icon {
    top: 15px;
    left: 5px;
  }
  .user-project-item .wk2-icon-right {
    display: inline-block;
    color: #253556;
  }
  .user-project-item .project-actions.floating {
    position: relative;
    top: auto;
    right: auto;
    max-width: inherit;
  }
  .user-project-item .project-actions.floating::after,
  .user-project-item .project-actions.floating::before {
    content: ' ';
    display: table;
  }
  .user-project-item .project-actions.floating::after {
    clear: both;
  }
  .user-project-item .project-actions.floating .dropdown-dialog {
    margin: 20px 0 0 0;
    width: 100%;
  }
  .user-project-item .project-actions.floating .dropdown-dialog .dropdown-menu {
    text-align: center;
    width: 100%;
    position: relative;
    display: block;
    background: none;
    box-shadow: none;
    border: 0;
    padding: 10px 0;
    border-radius: 0;
    border-top: 1px solid #253556;
  }
  .user-project-item .project-actions.floating .dropdown-dialog .dropdown-menu li {
    margin: 0;
    text-align: left;
  }
  .user-project-item .project-actions.floating .dropdown-dialog .dropdown-menu::before,
  .user-project-item .project-actions.floating .dropdown-dialog .dropdown-menu::after {
    display: none;
  }
  .user-project-item .project-actions.floating .dropdown-dialog .dropdown-menu.dropdown-menu-right {
    right: auto;
    top: auto;
  }
  .user-project-item .project-actions.floating .dropdown-dialog .dropdown-toggle {
    display: none;
  }
  .user-project-item .list-inline li {
    display: block;
    margin: 20px 0;
  }
  .user-project-item .list-inline .status {
    margin-top: 0px;
  }
  .user-project-item h4 {
    padding-left: 60px;
    line-height: 20px;
    font-size: 14px;
  }
  .user-project-item h4::before {
    content: '';
    background: rgba(255, 255, 255, 0);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
  }
  .user-project-item .project-details {
    padding: 0 40px 0 60px;
  }
  .user-project-item .collapse-group span.wk2-icon {
    margin-top: -15px;
  }
}
.worker-item {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.12);
  padding: 40px;
  background-color: #FFFFFF;
  margin-bottom: 20px;
  padding: 25px;
}
.worker-item.box-lg {
  padding: 30px;
}
@media (max-width: 991px) {
  .worker-item.box-lg {
    padding: 20px;
  }
}
.worker-item.box-md {
  padding: 20px;
}
@media (max-width: 991px) {
  .worker-item.box-md {
    padding: 10px;
  }
}
.worker-item.box-sm {
  padding: 10px;
}
.worker-item.box-success,
.worker-item.box-blue,
.worker-item.box-danger,
.worker-item.box-violet,
.worker-item.box-primary {
  color: white;
}
.worker-item.box-success a,
.worker-item.box-blue a,
.worker-item.box-danger a,
.worker-item.box-violet a,
.worker-item.box-primary a {
  color: white;
}
.worker-item.box-success {
  background-color: #0AD254;
}
.worker-item.box-blue {
  background-color: #2f9aee;
}
.worker-item.box-primary {
  background-color: #253556;
}
.worker-item h1 {
  margin-bottom: 20px;
  color: #333333;
}
.worker-item > h1:first-child,
.worker-item > h2:first-child,
.worker-item > h3:first-child,
.worker-item > h4:first-child,
.worker-item > h5:first-child,
.worker-item > h6:first-child {
  margin-top: 0;
  margin-bottom: 20px;
}
.worker-item .img-full {
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -40px;
}
.worker-item .img-full img {
  width: 100%;
  height: auto;
}
.worker-item.search-form {
  padding: 20px 30px;
  margin-bottom: 20px;
}
.worker-item h1 {
  padding: 0px;
}
.worker-item h5 {
  font-weight: normal;
  margin: 8px 0 6px;
}
.worker-item .profile-photo {
  width: 82px;
  height: 82px;
  border: solid 3px transparent;
}
.worker-item .badges-container {
  float: left;
}
.worker-item .badges-container .profile-badge {
  display: inline-block;
  margin-right: 5px;
}
.worker-item .country {
  margin: 5px 0px 0px;
  display: inline-block;
}
.worker-item .profile-stars {
  position: relative;
  top: -4px;
}
.worker-item .flag {
  margin-right: 5px;
}
.worker-item .worker-details {
  margin: 0px;
}
.worker-item .worker-details h3 {
  margin-top: 0;
}
.worker-item .worker-details h4 {
  font-size: 12px;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 0px;
}
.worker-item .worker-details h4 .price {
  font-size: 22px;
  display: block;
  margin-bottom: 10px;
  color: #0AD254;
}
.worker-item .worker-details p {
  margin-bottom: 20px;
}
.worker-item .worker-details p span {
  display: block;
}
.worker-item .worker-details p .date {
  display: inline-block;
}
.worker-item .worker-actions .btn {
  margin-bottom: 20px;
}
.worker-item .worker-description {
  margin: 20px 0;
}
.worker-item .worker-description a.more-link,
.worker-item .worker-description a.less-link {
  color: #0AD254;
  font-weight: 600;
}
.worker-item .skills {
  margin-bottom: 20px;
}
.worker-item .skills .skills-title {
  display: none;
}
@media (max-width: 767px) {
  .worker-item .border-right::before {
    display: none;
  }
  .worker-item h1 {
    margin: 10px 0 0 0;
    font-size: 16px;
  }
  .worker-item .worker-details p {
    margin-bottom: 10px;
  }
  .worker-item .profile-stars {
    font-size: 16px;
  }
  .worker-item .profile-photo {
    height: 80px;
    width: 80px;
  }
  .worker-item .badges-container {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .worker-item .country {
    margin-top: 0px;
  }
  .worker-item .worker-actions,
  .worker-item .worker-details {
    float: right;
    width: 100%;
  }
  .worker-item .worker-actions {
    margin-top: 20px;
  }
  .worker-item .worker-details h2 {
    margin: 0;
    font-size: 10px;
  }
}
.browse-skills-toggle {
  color: #2f9aee !important;
}
.browse-skills ul {
  list-style: none;
  padding-left: 35px;
  line-height: 24px;
}
.browse-skills > ul {
  padding-left: 0;
}
.browse-skills > ul a {
  font-weight: 600;
  text-decoration: none!important;
  color: #686868;
}
.browse-skills > ul a:before {
  content: "\F130";
  vertical-align: middle;
  font-size: 16px;
}
.browse-skills > ul a[aria-expanded="true"]:before {
  content: "\F134";
}
.browse-skills > ul ul {
  max-height: 180px;
  overflow-y: auto;
  line-height: 20px;
}
.browse-skills > ul ul a {
  font-weight: normal;
}
.browse-skills > ul ul a:before {
  display: none;
}
.select-skills-help {
  text-align: left;
}
.select-skills-help .block {
  margin-top: 5px;
  min-height: 140px;
  /* border: 1px solid #eee; */
  padding: 3px;
  font-size: 0.8em;
  line-height: 1.9;
  border-radius: 3px;
}
.select-skills-help .block h4 {
  text-align: center;
}
.select-skills-help .block.acceptable {
  border: 1px solid #09ba4a;
}
.select-skills-help .block.acceptable h4 {
  color: #05712d;
}
.select-skills-help .block.no-acceptable {
  border: 1px solid #fa3a43;
}
.select-skills-help .block.no-acceptable h4 {
  color: #FB535B;
}
.skills-directory-header {
  background-image: url(https://wkncdn.com/newx/assets/build/img/skills/skills-directory-header.7e9a6c5d9.jpg);
  margin-bottom: 20px;
}
.skills-directory ul {
  line-height: 32px;
}
@media (max-width: 991px) {
  .skills-directory ul {
    margin-bottom: 0px;
  }
}
.skills-directory .panel {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .skills-directory .panel-title {
    text-align: center;
  }
}
@media (min-width: 992px) {
  .skills-directory .panel-title {
    font-size: 26px;
    margin-top: 5px;
  }
}
.skills-landing .breadcrumb {
  padding-top: 0px;
  margin-top: 0px;
}
.skills-landing .breadcrumb > li {
  display: inline-flex !important;
}
.skills-landing .breadcrumb > li a {
  opacity: 0.5;
}
.skills-landing .breadcrumb > li + li:before {
  opacity: 0.3;
}
.skills-landing .posts-panel {
  max-height: 206px !important;
  display: flex;
}
.skills-landing .link-center {
  display: inline-block;
  padding-top: 14px;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 767px) {
  .skills-landing .mobile-hide {
    display: none;
  }
}
.skills-landing h1,
.skills-landing .h1 {
  font-weight: 300;
}
@media (max-width: 767px) {
  .skills-landing h1,
  .skills-landing .h1 {
    font-size: 29px;
    margin-top: 0px;
  }
}
.skills-landing h1 a,
.skills-landing .h1 a,
.skills-landing h1 a:hover,
.skills-landing .h1 a:hover {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
.skills-landing h2,
.skills-landing .h2 {
  font-size: 29px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .skills-landing h2,
  .skills-landing .h2 {
    font-size: 22px;
  }
}
.skills-landing .btn {
  font-size: 20px;
  text-transform: none;
}
.skills-landing .link-lowercase {
  text-transform: lowercase;
}
@media (max-width: 767px) {
  .skills-landing .posts-panel .box-common {
    height: initial;
  }
}
.skills-landing .posts-news h2,
.skills-landing .posts-news .h2 {
  margin: 40px 0;
}
.skills-landing .how-it-works {
  margin: 40px 0;
  padding-bottom: 0;
}
.skills-landing .how-it-works .more {
  color: #2f9aee;
  margin-bottom: 40px;
}
.skills-landing .how-it-works .more:hover {
  cursor: pointer;
}
.skills-landing .how-it-works .more .wk2-icon {
  color: #2f9aee;
  font-size: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #2f9aee;
}
.skills-header {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0;
  background-color: #253556;
  background-image: url(https://wkncdn.com/newx/assets/build/img/skills/skills-header-default.a7c79d275.jpg);
}
.skills-header h1 {
  line-height: 1.5;
  font-size: 39px;
}
@media (max-width: 767px) {
  .skills-header h1 {
    font-size: 29px;
  }
}
.skills-header .title {
  color: white;
  padding-right: 30px;
  max-width: 870px;
}
@media (max-width: 767px) {
  .skills-header .title {
    text-align: center;
    padding-right: 0px;
  }
}
.skills-header a {
  float: left;
}
@media (max-width: 767px) {
  .skills-header a {
    float: none;
  }
  .skills-header a.more {
    float: left;
  }
}
.skills-header .h4 {
  line-height: 28px;
  font-weight: 300;
  margin-top: 18px;
}
.skills-header .btn {
  padding: 17px 25.8px;
  margin: 20px 20px 0 0;
  font-size: 16px;
}
@media (max-width: 767px) {
  .skills-header .btn {
    margin: 20px 0 0 0;
    font-size: 15px;
  }
}
.skills-header .more {
  color: #fff;
  margin-top: 40px;
  font-size: 14px;
}
@media (max-width: 991px) {
  .skills-header .more {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .skills-header .more {
    text-align: center;
    margin-top: 20px;
    width: 100%;
  }
}
.skills-freelancers h2 {
  margin: 40px 0;
  text-align: center;
}
.skills-freelancers .worker-item {
  height: 450px;
  padding: 25px 15px;
}
.skills-freelancers .worker-item.pro {
  border-left: 0px;
}
.skills-freelancers .worker-item .worker-details {
  float: none;
}
.skills-freelancers .worker-item .worker-details p {
  margin: 10px 0;
}
.skills-freelancers .worker-item .worker-details .worker-description {
  margin: 10px 0 5px 0;
}
.skills-freelancers .worker-item .worker-details .h4 {
  margin-top: 0;
  margin-bottom: 30px;
}
.skills-freelancers .worker-item .worker-details h3 {
  font-size: 16px;
}
.skills-freelancers .worker-item .badges-container {
  float: none;
  height: 30px;
  overflow: hidden;
}
.skills-freelancers .worker-item .profile-stars {
  margin-bottom: 10px;
}
.skills-freelancers .worker-item .btn {
  margin-bottom: 10px;
  font-size: 14px;
  padding: 8px 12px;
}
.skills-resume {
  padding: 40px 0;
  background-color: white;
}
.skills-resume .h2 {
  margin-bottom: 40px;
  text-align: center;
}
.skills-resume p {
  line-height: 28px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .skills-freelancers .container {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .skills-freelancers .wk-submit-block {
    padding-right: 15px;
    padding-left: 15px;
  }
  .skills-freelancers .wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .skills-freelancers .row {
    display: inline-block;
  }
  .skills-freelancers article {
    float: none;
    max-width: 300px;
    min-width: 250px;
    display: inline-block;
    vertical-align: top;
  }
  .skills-freelancers article:first-child {
    margin-left: 15px;
  }
  .skills-freelancers .worker-item {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .skills-freelancers .worker-item {
    height: 430px;
  }
}
.skills-freelancers .btn {
  padding: 17px 25.8px;
  margin: 20px 20px 0 0;
  font-size: 16px;
}
@media (max-width: 767px) {
  .skills-freelancers .btn {
    margin: 20px 0 0 0;
    font-size: 15px;
  }
}
.skills-landing .how-it-works {
  margin: 10px 0;
}
.skills-landing .how-it-works .wk-submit-block a {
  margin: 0px;
}
.skills-landing .how-it-works .wk-submit-block .btn {
  padding: 17px 25.8px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .skills-landing .how-it-works .wk-submit-block .btn {
    margin: 20px 0 0 0;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .skills-landing .how-it-works {
    margin: 10px 0;
  }
}
.skills-resume {
  padding: 20px 0;
}
.skills-resume h2 {
  text-align: left;
  margin-bottom: 20px;
}
.skill-list {
  padding: 40px 0;
  background-color: white;
}
.skill-list .container {
  max-width: 920px;
}
.skill-list h2 {
  text-align: center;
  margin-bottom: 40px;
}
.skill-list ul {
  list-style: none;
  padding-left: 0;
  position: relative;
  margin: 0;
}
.skill-list ul li {
  padding: 5px 0;
}
.skill-list ul li a {
  color: inherit;
}
@media (min-width: 768px) {
  .skill-list ul li {
    padding: 12px 0 12px 15px;
  }
  .skill-list ul li:before {
    content: "\2022";
    color: #2f9aee;
    font-weight: 600;
    display: block;
    width: 1em;
    position: absolute;
    left: 0;
  }
}
.skill-list a.more {
  margin-top: 40px;
  text-align: center;
  display: inline-block;
  color: #2f9aee;
  text-decoration: underline;
  padding-right: 20px;
  background-image: url(https://wkncdn.com/newx/assets/build/img/home/icons/icon-more.8ce006c3f.svg);
  background-position: center right 1px;
  background-repeat: no-repeat;
  background-size: 13px auto;
}
@media (max-width: 767px) {
  .skill-list .col-xs-6:nth-child(3) {
    clear: left;
  }
}
.box-attachments ul {
  padding-left: 0;
}
.box-attachments li {
  display: inline-block;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.05);
  max-width: 115px;
  font-size: 10px;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.07);
  margin: 0 5px 5px 0;
  padding: 0 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.box-attachments li:last-child {
  margin-right: 0;
}
.box-attachments li a {
  text-decoration: none!important;
}
.box-attachments li a:before {
  margin-right: 5px;
  content: "\F215";
}
.box-attachments li a.less,
.box-attachments li a.more {
  font-size: 14px;
  line-height: 10px;
  vertical-align: middle;
}
.box-attachments li a.less:before,
.box-attachments li a.more:before {
  margin: 0;
}
.box-attachments li a.less:before {
  content: "\F116";
}
.box-attachments li a.more:before {
  content: "\F040";
}
@media (min-width: 768px) {
  .box-attachments li {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .box-attachments li:hover {
    background-color: rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.11);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
}
.btn-social {
  text-align: center;
  text-transform: none;
  font-weight: normal;
  padding: 3px 6px;
  font-size: 13px;
  border: 1px solid transparent;
}
.btn-social i {
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  height: 15px;
  width: 15px;
  display: inline-block;
}
.btn-social span,
.btn-social i {
  vertical-align: middle;
}
.btn-social.google {
  font-size: 13px;
  font-family: 'Roboto', sans-serif;
}
.btn-social.google i {
  margin-right: 5px;
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/icon-google-plus.f896d99c3.svg);
}
.btn-social.facebook {
  background-color: #3b5998 !important;
  color: white;
}
.btn-social.facebook i {
  background-image: url(https://wkncdn.com/newx/assets/build/img/svg/icon-facebook-inverted.6738782f5.svg);
}
.btn-videocall i,
.btn-videocall .wk2-icon {
  color: #253556;
  position: relative;
  top: -1px;
  line-height: 15px;
}
.btn-videocall.small {
  padding: 8px 10px;
  font-size: 17px;
  max-height: 40px;
  line-height: 20px;
}
.btn-videocall a {
  text-decoration: none;
}
.btn-videocall.btn-brand a,
.btn-videocall.btn-primary a,
.btn-videocall.btn-success a,
.btn-videocall.btn-brand i,
.btn-videocall.btn-primary i,
.btn-videocall.btn-success i,
.btn-videocall.btn-brand .wk2-icon,
.btn-videocall.btn-primary .wk2-icon,
.btn-videocall.btn-success .wk2-icon {
  color: white;
}
.videocall-wrapper {
  display: inline-block;
}
.btn--social.social-connect-photo {
  padding-right: 48px;
  text-overflow: ellipsis;
  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}
.btn--social.social-connect-photo img {
  width: 38px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
}
.category-selector p {
  line-height: inherit;
}
.category-selector .radio {
  margin: 0;
}
.category-selector .radio label {
  padding: 10px 10px 10px 40px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.category-selector .radio label:after,
.category-selector .radio label:before {
  top: 10px;
  left: 10px;
}
@media (min-width: 768px) {
  .category-selector .radio {
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  .category-selector .radio label:hover {
    background-color: #f9f9f9;
  }
  .category-selector .radio input[type='radio']:checked + label {
    background-color: #EFEFEF;
  }
}
.category-selector p,
.category-selector .h4 {
  margin: 0;
}
.category-selector .h4 + p {
  margin-top: 5px;
}
.category-selector.subcategory {
  display: none;
}
.category-selector.subcategory .btn-sticky {
  display: none;
}
.category-selector.subcategory.expanded {
  display: block;
}
@media (max-width: 767px) {
  .category-selector {
    background-color: #FFFFFF;
    padding: 10px 5px;
  }
  .category-selector.subcategory {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .category-selector.subcategory .category-selector-list {
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    z-index: 1;
    overflow-y: auto;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top: solid 2px rgba(0, 0, 0, 0.14);
  }
  .category-selector.subcategory .category-selector-title {
    position: sticky;
    padding: 15px 15px 15px 40px;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 1;
  }
  .category-selector.subcategory .category-selector-title .btn-back {
    position: absolute;
    top: 10px;
    left: 5px;
    padding: 0;
  }
  .category-selector.subcategory .btn-sticky {
    display: block;
    position: sticky;
    bottom: 0;
    left: 0;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .category-selector .radio input[type='radio']:checked + label p {
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
  .category-selector .radio input[type='radio']:checked + label p:not(.small) {
    color: #2f9aee;
  }
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  color: #D5D5D5;
}
.picker-all {
  position: relative;
}
.picker-all.input-group .form-control {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.picker-all .input-group-addon {
  position: absolute;
  left: 0px;
  width: 100%;
  height: 50px;
  z-index: 4;
  border: 0px;
  background-color: rgba(255, 255, 255, 0);
}
.picker-all .input-group-addon i {
  float: right;
  margin-top: 5px;
}
.datepicker-calendar .input-group,
.datepicker-time .input-group {
  width: 100%;
}
.datepicker-calendar table,
.datepicker-time table {
  background: none;
}
.datepicker-time .btn {
  margin-bottom: 0;
}
.datepicker-time .timepicker-picker {
  color: #253556;
  font-size: 72px;
  font-weight: normal;
  position: relative;
}
.datepicker-time .timepicker-picker:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  top: 45px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
.datepicker-time .timepicker-picker .timepicker-hour,
.datepicker-time .timepicker-picker .timepicker-minute {
  font-size: inherit;
  font-weight: inherit;
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.datepicker-time .timepicker-picker .fa,
.datepicker-time .timepicker-picker .glyphicon {
  font-size: 42px;
}
.datepicker-time .timepicker-picker table td,
.datepicker-time .timepicker-picker table td span {
  height: 30px;
  line-height: 30px;
}
.datepicker-calendar .bootstrap-datetimepicker-widget table td.active,
.datepicker-calendar .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #253556;
}
.datepicker-nav .input-group {
  width: 100%;
}
.datepicker-nav .input-group .input-group-addon {
  text-decoration: none!important;
  background-color: #EFEFEF;
  padding-top: 5px;
  padding-bottom: 5px;
}
.datepicker-nav .input-group .input-group-addon i {
  font-size: 250%;
}
.wk-dialog .modal {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}
.wk-dialog.modal-mask {
  box-sizing: border-box;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
}
.wk-dialog .modal-content {
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.wk-dialog .modal-enter,
.wk-dialog .modal-leave {
  opacity: 0;
}
.wk-dialog .modal-enter .modal-container,
.wk-dialog .modal-leave .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.wk-dialog .close-btn {
  position: absolute;
  top: 4px;
  right: 10px;
}
.wk-dialog form .control-label {
  font-weight: 600;
  text-transform: uppercase;
}
.fav-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  color: #C3C3C3;
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
}
.fav-icon:before {
  content: '\f016';
}
.fav-icon:hover {
  text-decoration: none;
}
.fav-icon.fill {
  color: #5A4FA9;
}
.fav-icon:focus {
  text-decoration: none;
}
.favorite-add-star {
  color: #C3C3C3;
  text-decoration: none!important;
  font-size: 32px;
  vertical-align: text-bottom;
}
.favorite-add-star .wk2-icon-star-full {
  color: #5A4FA9;
}
.favorite-empty {
  margin-top: 20px;
}
.favorite-empty p,
.favorite-empty a,
.favorite-empty h4 {
  margin: 20px 20px ;
}
.favorite-empty .first img {
  margin: 20px 20px;
}
.form-file-full {
  color: inherit;
  text-decoration: none!important;
  padding: 10px;
  border: 1px solid #D5D5D5;
  display: block;
  margin-bottom: 10px;
  line-height: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.form-file-full .h5 {
  margin-bottom: 5px;
}
.form-file-full p {
  margin: 0;
}
.form-file-full .date,
.form-file-full .size {
  color: #9B9B9B;
}
.form-file-full .date {
  font-style: italic;
}
.form-file-full:hover {
  color: inherit;
}
.form-file-full .badge {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
@media (min-width: 992px) {
  .form-file-full .badge {
    position: relative;
    left: 45px;
  }
}
.form-file-full.remove {
  padding-right: 45px;
}
.form-file-full.remove:before {
  border-color: #FB535B;
  background: none;
}
.form-file-full.remove:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "WorkanaNewDesign" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f236";
  position: absolute;
  right: 15px;
  top: 8px;
  color: #FB535B;
  font-size: 36px;
  display: block;
  opacity: 0;
}
.form-file-full.remove:after-big {
  font-size: 200%;
  vertical-align: middle;
}
.form-file-full.remove:after-extra-big {
  font-size: 230%;
  vertical-align: middle;
}
.form-file-full.remove:after-xx-big {
  font-size: 350%;
  vertical-align: middle;
}
.form-file-full.remove:after-2x {
  font-size: 150%;
  vertical-align: middle;
}
.form-file-full.remove:after-3x {
  font-size: 200%;
  vertical-align: middle;
}
.form-file-full.remove:after-4x {
  font-size: 250%;
  vertical-align: middle;
}
.form-file-full.remove:after-5x {
  font-size: 300%;
  vertical-align: middle;
}
.form-file-full.remove:after-copy:before,
.form-file-full.remove:after-specifications:before {
  content: "\f000";
}
.form-file-full.remove:after-credit-cards:before,
.form-file-full.remove:after-credit-card:before {
  content: "\f001";
}
.form-file-full.remove:after-like:before,
.form-file-full.remove:after-thumbs-o-up:before {
  content: "\f002";
}
.form-file-full.remove:after-no-like:before {
  content: "\f003";
}
.form-file-full.remove:after-chrono:before {
  content: "\f004";
}
.form-file-full.remove:after-comments:before {
  content: "\f005";
}
.form-file-full.remove:after-cloud:before {
  content: "\f006";
}
.form-file-full.remove:after-D:before,
.form-file-full.remove:after-clock:before,
.form-file-full.remove:after-hourreported-new:before {
  content: "\f009";
}
.form-file-full.remove:after-handshake:before {
  content: "\f010";
}
.form-file-full.remove:after-dots:before,
.form-file-full.remove:after-ellipsis-h:before,
.form-file-full.remove:after-none-new:before {
  content: "\f011";
}
.form-file-full.remove:after-circle-check-empty:before {
  content: "\f012";
}
.form-file-full.remove:after-circle-check:before {
  content: "\f013";
}
.form-file-full.remove:after-crown:before {
  content: "\f014";
}
.form-file-full.remove:after-cup-b:before {
  content: "\f015";
}
.form-file-full.remove:after-star-full:before,
.form-file-full.remove:after-star-disabled:before {
  content: "\f016";
}
.form-file-full.remove:after-circle-plus:before {
  content: "\f017";
}
.form-file-full.remove:after-eye-b:before {
  content: "\f018";
}
.form-file-full.remove:after-like-b:before {
  content: "\f019";
}
.form-file-full.remove:after-quotes-b:before {
  content: "\f020";
}
.form-file-full.remove:after-user:before {
  content: "\f021";
}
.form-file-full.remove:after-medal:before {
  content: "\f022";
}
.form-file-full.remove:after-search:before {
  content: "\f023";
}
.form-file-full.remove:after-mail-empty:before {
  content: "\f024";
}
.form-file-full.remove:after-mail-open:before {
  content: "\f025";
}
.form-file-full.remove:after-pencil-b:before {
  content: "\f026";
}
.form-file-full.remove:after-certificate:before {
  content: "\f027";
}
.form-file-full.remove:after-user-b:before {
  content: "\f028";
}
.form-file-full.remove:after-messages-b:before {
  content: "\f029";
}
.form-file-full.remove:after-bell-b:before {
  content: "\f030";
}
.form-file-full.remove:after-badge:before {
  content: "\f031";
}
.form-file-full.remove:after-facebook:before {
  content: "\f032";
}
.form-file-full.remove:after-google-plus:before {
  content: "\f033";
}
.form-file-full.remove:after-check:before {
  content: "\f034";
}
.form-file-full.remove:after-gift:before {
  content: "\f035";
}
.form-file-full.remove:after-mail-full:before {
  content: "\f037";
}
.form-file-full.remove:after-mail-many:before {
  content: "\f038";
}
.form-file-full.remove:after-hand-point:before {
  content: "\f039";
}
.form-file-full.remove:after-plus:before {
  content: "\f040";
}
.form-file-full.remove:after-linkedin:before {
  content: "\f041";
}
.form-file-full.remove:after-linkedin-b:before {
  content: "\f042";
}
.form-file-full.remove:after-crop:before {
  content: "\f043";
}
.form-file-full.remove:after-upload:before {
  content: "\f044";
}
.form-file-full.remove:after-trash:before {
  content: "\f045";
}
.form-file-full.remove:after-circle-x:before,
.form-file-full.remove:after-project_cancelled:before {
  content: "\f046";
}
.form-file-full.remove:after-circle-question:before {
  content: "\f047";
}
.form-file-full.remove:after-profile-b:before {
  content: "\f048";
}
.form-file-full.remove:after-turn-off:before {
  content: "\f049";
}
.form-file-full.remove:after-badge-b:before {
  content: "\f050";
}
.form-file-full.remove:after-briefcase-b:before {
  content: "\f051";
}
.form-file-full.remove:after-phone-ringing-b:before {
  content: "\f052";
}
.form-file-full.remove:after-flag-b:before {
  content: "\f053";
}
.form-file-full.remove:after-badge-lace-b:before {
  content: "\f054";
}
.form-file-full.remove:after-crown-b:before {
  content: "\f055";
}
.form-file-full.remove:after-circle-arrow-up:before {
  content: "\f056";
}
.form-file-full.remove:after-file-pdf:before {
  content: "\f057";
}
.form-file-full.remove:after-file-jpg:before {
  content: "\f058";
}
.form-file-full.remove:after-file-doc:before {
  content: "\f059";
}
.form-file-full.remove:after-mail-open-cash:before,
.form-file-full.remove:after-direct_payment:before {
  content: "\f090";
}
.form-file-full.remove:after-chrono-success:before,
.form-file-full.remove:after-hour_approved:before,
.form-file-full.remove:after-hourreported:before {
  content: "\f061";
}
.form-file-full.remove:after-youtube:before {
  content: "\f062";
}
.form-file-full.remove:after-twitter-b:before {
  content: "\f063";
}
.form-file-full.remove:after-mail:before {
  content: "\f064";
}
.form-file-full.remove:after-not-apply:before,
.form-file-full.remove:after-none:before {
  content: "\f065";
}
.form-file-full.remove:after-exclamation:before {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  content: "!";
}
.form-file-full.remove:after-file-zip:before {
  content: "\f067";
}
.form-file-full.remove:after-file-psd:before {
  content: "\f068";
}
.form-file-full.remove:after-file-ai:before {
  content: "\f069";
}
.form-file-full.remove:after-settings-b:before {
  content: "\f070";
}
.form-file-full.remove:after-settings:before {
  content: "\f071";
}
.form-file-full.remove:after-bid_accepted:before {
  content: "\f025";
}
.form-file-full.remove:after-project_invitation:before {
  content: "\f025";
}
.form-file-full.remove:after-deadline_approval:before {
  content: "\f074";
}
.form-file-full.remove:after-deadline_rejected:before {
  content: "\f073";
}
.form-file-full.remove:after-deadline:before,
.form-file-full.remove:after-deadline_proposed:before {
  content: "\f078";
}
.form-file-full.remove:after-deliverable_rejected:before {
  content: "\f075";
}
.form-file-full.remove:after-deliverable_accepted:before {
  content: "\f076";
}
.form-file-full.remove:after-deliverable:before {
  content: "\f072";
}
.form-file-full.remove:after-circle-info:before {
  content: "\f077";
}
.form-file-full.remove:after-dots-vertical:before {
  content: "\f079";
}
.form-file-full.remove:after-send-message:before {
  content: "\f080";
}
.form-file-full.remove:after-circle-arrow-down:before {
  content: "\f081";
}
.form-file-full.remove:after-accepted_bid_updated:before {
  content: "\f082";
}
.form-file-full.remove:after-mediation_resolution_accepted:before,
.form-file-full.remove:after-mediation_resolution_proposed:before,
.form-file-full.remove:after-arbitration:before {
  content: "\f088";
}
.form-file-full.remove:after-bid:before {
  content: "\f084";
}
.form-file-full.remove:after-bid_accepted:before {
  content: "\f083";
}
.form-file-full.remove:after-bid_escrowed:before {
  content: "\f087";
}
.form-file-full.remove:after-bid_lost:before {
  content: "\f085";
}
.form-file-full.remove:after-bid_pending_payment:before {
  content: "\f086";
}
.form-file-full.remove:after-contract_terminated:before,
.form-file-full.remove:after-contractterminated:before {
  content: "\f089";
}
.form-file-full.remove:after-project_reopened:before,
.form-file-full.remove:after-hiring_again:before,
.form-file-full.remove:after-favorite_client_add_project:before {
  content: "\f096";
}
.form-file-full.remove:after-hours_billed:before {
  content: "\f091";
}
.form-file-full.remove:after-hour_approved:before {
  content: "\f092";
}
.form-file-full.remove:after-hour_rejected:before {
  content: "\f093";
}
.form-file-full.remove:after-hour_reported:before {
  content: "\f094";
}
.form-file-full.remove:after-message:before {
  content: "\f107";
}
.form-file-full.remove:after-persisted:before,
.form-file-full.remove:after-notice:before {
  content: "\f099";
}
.form-file-full.remove:after-project_invitation:before {
  content: "\f097";
}
.form-file-full.remove:after-project_uninvitation:before {
  content: "\f098";
}
.form-file-full.remove:after-rate:before {
  content: "\f105";
}
.form-file-full.remove:after-payment_authorized:before {
  content: "\f100";
}
.form-file-full.remove:after-release:before {
  content: "\f101";
}
.form-file-full.remove:after-withdraw:before {
  content: "\f103";
}
.form-file-full.remove:after-membership_bill_failed:before {
  content: "\f102";
}
.form-file-full.remove:after-tip:before {
  content: "\f104";
}
.form-file-full.remove:after-saved_search:before {
  content: "\f106";
}
.form-file-full.remove:after-down:before {
  content: "\f108";
}
.form-file-full.remove:after-up:before {
  content: "\f109";
}
.form-file-full.remove:after-left:before {
  content: "\f110";
}
.form-file-full.remove:after-right:before {
  content: "\f111";
}
.form-file-full.remove:after-file-png:before {
  content: "\f112";
}
.form-file-full.remove:after-file:before {
  content: "\f113";
}
.form-file-full.remove:after-x:before {
  content: "\f114";
}
.form-file-full.remove:after-circle-minus:before {
  content: "\f115";
}
.form-file-full.remove:after-minus:before {
  content: "\f116";
}
.form-file-full.remove:after-M:before,
.form-file-full.remove:after-notice-alternate:before {
  content: "\f117";
}
.form-file-full.remove:after-comments-fused:before {
  content: "\f118";
}
.form-file-full.remove:after-badge-alternate:before {
  content: "\f119";
}
.form-file-full.remove:after-mail-filled:before {
  content: "\f120";
}
.form-file-full.remove:after-verifyed:before {
  content: "\f121";
}
.form-file-full.remove:after-mail-b:before {
  content: "\f122";
}
.form-file-full.remove:after-alert:before {
  content: "\f123";
}
.form-file-full.remove:after-IT:before,
.form-file-full.remove:after-desktop:before {
  content: "\f124";
}
.form-file-full.remove:after-T:before,
.form-file-full.remove:after-pen:before {
  content: "\f125";
}
.form-file-full.remove:after-S:before,
.form-file-full.remove:after-headset:before {
  content: "\f126";
}
.form-file-full.remove:after-L:before,
.form-file-full.remove:after-legal:before {
  content: "\f127";
}
.form-file-full.remove:after-F:before,
.form-file-full.remove:after-finance:before {
  content: "\f128";
}
.form-file-full.remove:after-I:before,
.form-file-full.remove:after-engineering:before {
  content: "\f129";
}
.form-file-full.remove:after-plus-b:before {
  content: "\f130";
}
.form-file-full.remove:after-file-b:before {
  content: "\f131";
}
.form-file-full.remove:after-behance:before {
  content: "\f132";
}
.form-file-full.remove:after-skype:before {
  content: "\f133";
}
.form-file-full.remove:after-x-b:before {
  content: "\f134";
}
.form-file-full.remove:after-info-b:before {
  content: "\f135";
}
.form-file-full.remove:after-notice-2:before {
  content: "\f136";
}
.form-file-full.remove:after-question-mark:before {
  content: "\f137";
}
.form-file-full.remove:after-file-csv:before {
  content: "\f138";
}
.form-file-full.remove:after-finance:before {
  content: "\f139";
}
.form-file-full.remove:after-whatsapp:before {
  content: "\f140";
}
.form-file-full.remove:after-microphone:before {
  content: "\f147";
}
.form-file-full.remove:after-stop-circle:before {
  content: "\f148";
}
.form-file-full.remove:after-circle-o-notch:before {
  content: "\f149";
}
.form-file-full.remove:after-ban:before {
  content: "\f150";
}
.form-file-full.remove:after-checkbox-check:before {
  content: "\f151";
}
.form-file-full.remove:after-pause:before {
  content: "\f152";
}
.form-file-full.remove:after-close:before {
  content: "\f153";
}
.form-file-full.remove:after-play:before {
  content: "\f154";
}
.form-file-full.remove:after-store-bag:before {
  content: "\f155";
}
.form-file-full.remove:after-product_deliverable:before {
  content: "\f072";
}
.form-file-full.remove:after-product_escrowed:before {
  content: "\f087";
}
.form-file-full.remove:after-product_purchased:before {
  content: "\f087";
}
.form-file-full.remove:after-idea-new:before {
  content: "\f156";
}
.form-file-full.remove:after-design-new:before {
  content: "\f157";
}
.form-file-full.remove:after-extension-working:before,
.form-file-full.remove:after-extension-rating:before,
.form-file-full.remove:after-specifications-new:before,
.form-file-full.remove:after-contractterminated-new:before {
  content: "\f158";
}
.form-file-full.remove:after-social-share:before {
  content: "\F159";
}
.form-file-full.remove:after-payment-new:before {
  content: "\F160";
}
.form-file-full.remove:after-windows-new:before,
.form-file-full.remove:after-windows-phone-new:before {
  content: "\F161";
}
.form-file-full.remove:after-linux-new:before {
  content: "\F162";
}
.form-file-full.remove:after-osx-new:before {
  content: "\F163";
}
.form-file-full.remove:after-iphone-new:before {
  content: "\F164";
}
.form-file-full.remove:after-ipad-new:before {
  content: "\F165";
}
.form-file-full.remove:after-android-new:before {
  content: "\F166";
}
.form-file-full.remove:after-blackberry-new:before {
  content: "\F167";
}
.form-file-full.remove:after-logo-tipographic-new:before {
  content: "\F168";
}
.form-file-full.remove:after-logo-seal-new:before {
  content: "\F169";
}
.form-file-full.remove:after-logo-initials-new:before {
  content: "\F170";
}
.form-file-full.remove:after-logo-addition-new:before {
  content: "\F171";
}
.form-file-full.remove:after-logo-abstract-new:before {
  content: "\F172";
}
.form-file-full.remove:after-logo-iconic-new:before {
  content: "\F173";
}
.form-file-full.remove:after-spinner:before {
  content: "\F174";
}
.form-file-full.remove:after-clock-new:before {
  content: "\f175";
}
.form-file-full.remove:after-clock-new-2:before {
  content: "\f176";
}
.form-file-full.remove:after-clock-new-3:before {
  content: "\f177";
}
.form-file-full.remove:after-pinterest:before {
  content: "\f178";
}
.form-file-full.remove:after-attach-b:before {
  content: "\f179";
}
.form-file-full.remove:after-logo-personal:before {
  content: "\f180";
}
.form-file-full.remove:after-logo-blog:before {
  content: "\f181";
}
.form-file-full.remove:after-logo-institutional:before {
  content: "\f182";
}
.form-file-full.remove:after-logo-ecommerce:before {
  content: "\f183";
}
.form-file-full.remove:after-logo-unknown:before {
  content: "\f184";
}
.form-file-full.remove:after-logo-manual:before {
  content: "\f185";
}
.form-file-full.remove:after-logo-brochure:before {
  content: "\f186";
}
.form-file-full.remove:after-logo-serif:before {
  content: "\f187";
}
.form-file-full.remove:after-logo-sans:before {
  content: "\f188";
}
.form-file-full.remove:after-logo-caligraphic:before {
  content: "\f189";
}
.form-file-full.remove:after-user-expert:before {
  content: "\f190";
}
.form-file-full.remove:after-user-intermediate:before {
  content: "\f191";
}
.form-file-full.remove:after-user-beginer:before {
  content: "\f192";
}
.form-file-full.remove:after-device-desktop:before {
  content: "\f193";
}
.form-file-full.remove:after-device-mobile:before {
  content: "\f194";
}
.form-file-full.remove:after-device-tablet:before {
  content: "\f195";
}
.form-file-full.remove:after-device-tv:before {
  content: "\f199";
}
.form-file-full.remove:after-youtube-new:before {
  content: "\f196";
}
.form-file-full.remove:after-vimeo-new:before {
  content: "\f197";
}
.form-file-full.remove:after-facebook-new:before {
  content: "\f198";
}
.form-file-full.remove:after-pinterest-new:before {
  content: "\f203";
}
.form-file-full.remove:after-twitter-new:before {
  content: "\f200";
}
.form-file-full.remove:after-instagram-new:before {
  content: "\f201";
}
.form-file-full.remove:after-tumblr-new:before {
  content: "\f202";
}
.form-file-full.remove:after-science:before {
  content: "\f204";
}
.form-file-full.remove:after-medical:before {
  content: "\f205";
}
.form-file-full.remove:after-social:before {
  content: "\f206";
}
.form-file-full.remove:after-art:before {
  content: "\f207";
}
.form-file-full.remove:after-marketing:before {
  content: "\f208";
}
.form-file-full.remove:after-startup:before {
  content: "\f209";
}
.form-file-full.remove:after-tourism:before {
  content: "\f210";
}
.form-file-full.remove:after-food:before {
  content: "\f211";
}
.form-file-full.remove:after-both:before {
  content: "\f212";
}
.form-file-full.remove:after-mic:before {
  content: "\f213";
}
.form-file-full.remove:after-game:before {
  content: "\f214";
}
.form-file-full.remove:after-image:before {
  content: "\f215";
}
.form-file-full.remove:after-redesign:before {
  content: "\f216";
}
.form-file-full.remove:after-clock-new-4:before {
  content: "\f217";
}
.form-file-full.remove:after-color:before {
  content: "\f218";
}
.form-file-full.remove:after-promoted:before {
  content: "\f223";
}
.form-file-full.remove:after-videocall:before {
  content: "\f224";
}
.form-file-full.remove:after-deadline-new:before {
  content: "\f225";
}
.form-file-full.remove:after-trust:before {
  content: "\f226";
}
.form-file-full.remove:after-extension-pending:before,
.form-file-full.remove:after-extension-escrowing:before,
.form-file-full.remove:after-extension-verifying_escrow:before {
  content: "\f219";
}
.form-file-full.remove:after-extension-cancel:before,
.form-file-full.remove:after-extension-escrowing_cancelled:before,
.form-file-full.remove:after-extension-cancelled:before {
  content: "\f220";
}
.form-file-full.remove:after-extension-complete:before {
  content: "\f221";
}
.form-file-full.remove:after-extensions:before {
  content: "\f222";
}
.form-file-full.remove:after-uber:before {
  content: "\f227";
}
.form-file-full.remove:after-mercado-libre:before {
  content: "\f228";
}
.form-file-full.remove:after-airbnb:before {
  content: "\f229";
}
.form-file-full.remove:after-tiara:before {
  content: "\f230";
}
.form-file-full.remove:after-ring:before {
  content: "\f231";
}
.form-file-full.remove:after-arrow-up-right:before {
  content: "\f232";
}
.form-file-full.remove:after-fire:before {
  content: "\f233";
}
.form-file-full.remove:after-bookmark-add:before {
  content: "\f234";
}
.form-file-full.remove:after-bookmark:before {
  content: "\f235";
}
.form-file-full.remove:after-trash-2:before {
  content: "\f236";
}
.form-file-full.remove:after-trash-2-cancel:before {
  content: "\f237";
}
.form-file-full.remove:after-branch:before {
  content: "\f238";
}
.form-file-full.remove:after-bill-one:before {
  content: "\f241";
}
.form-file-full.remove:after-bill-two:before {
  content: "\f239";
}
.form-file-full.remove:after-bill-three:before {
  content: "\f240";
}
.form-file-full.remove:after-instagram:before {
  content: "\f244";
}
.form-file-full.remove:after-plane:before {
  content: "\f243";
}
.form-file-full.remove:after-lock:before {
  content: "\f245";
}
.form-file-full.remove:after-graph:before {
  content: "\f246";
}
.form-file-full.remove:after-export:before {
  content: "\f232";
}
.form-file-full.remove:after-filters:before {
  content: "\f247";
}
.form-file-full.remove:after-sound-mute:before {
  content: "\f252";
}
.form-file-full.remove:after-sound:before {
  content: "\f253";
}
.form-file-full.remove:after-arrow-up-left:before {
  content: "\f254";
}
.form-file-full.remove:after-arrow-up:before {
  content: "\f255";
}
.form-file-full.remove:after-arrow-down:before {
  content: "\f256";
}
.form-file-full.remove:after-arrow-left:before {
  content: "\f260";
}
.form-file-full.remove:after-arrow-right:before {
  content: "\f261";
}
.form-file-full.remove:after-verifyed-b:before {
  content: "\f258";
}
.form-file-full.remove:after-link-external:before {
  content: "\f257";
}
.form-file-full.remove:after-minus-b:before {
  content: "\f262";
}
.form-file-full.remove:after-spin {
  position: absolute;
  -webkit-animation: wk2-spin 2s infinite linear;
  animation: wk2-spin 2s infinite linear;
}
@-webkit-keyframes wk2-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes wk2-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.form-file-full.remove:after-stack {
  position: relative;
  display: inline-block;
  width: 4em;
  height: 4em;
  line-height: 4em;
  vertical-align: middle;
}
.form-file-full.remove:after-stack-1x,
.form-file-full.remove:after-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.form-file-full.remove:after-stack-1x {
  line-height: inherit;
  font-size: 2em;
}
.form-file-full.remove:after-stack-2x {
  font-size: 4em;
}
@media (min-width: 992px) {
  .form-file-full {
    padding-right: 55px;
  }
  .form-file-full:before {
    content: '';
    opacity: 0;
  }
  .form-file-full:hover {
    position: relative;
  }
  .form-file-full:hover:before {
    background-image: url(https://wkncdn.com/newx/assets/build/img/svg/icon-form-file-full.2ddd551ba.svg);
    background-size: 35px auto;
    background-position: right 10px top 10px;
    background-repeat: no-repeat;
    border: 3px solid #2f9aee;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .form-file-full.remove:hover:before {
    background: none;
    border-color: #FB535B;
  }
  .form-file-full.remove:hover:after {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
  }
}
@media (max-width: 767px) {
  .form-file-full:not(.no-mobile) .h5 {
    width: 70%;
    margin-bottom: 0;
  }
  .form-file-full:not(.no-mobile) .size {
    position: absolute;
    width: 30%;
    top: 10px;
    right: 10px;
    text-align: right;
  }
  .form-file-full:not(.no-mobile) .date {
    display: none;
  }
  .form-file-full:not(.no-mobile) .badge {
    display: none;
  }
  .form-file-full.no-mobile.remove {
    position: relative;
  }
  .form-file-full.no-mobile.remove:after {
    opacity: 1;
  }
}
.list-attachments-items .new .form-file-full {
  border-color: #2f9aee;
}
.list-attachments-items .new:hover .badge {
  opacity: 0;
}
.form-group-simple {
  position: relative;
}
.form-group-simple .help-block {
  border: 0;
  padding: 0;
  background-color: transparent;
  max-width: inherit;
  color: #686868;
  font-weight: normal;
}
.form-group-simple .help-block:before,
.form-group-simple .help-block:after {
  display: none;
}
.form-group-simple .help-block .parsley-required:before {
  display: none;
}
.form-group-simple.has-error .help-block.filled {
  color: #FB535B;
  font-style: italic;
}
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
.graph {
  padding: 15px 0;
}
.graph-bars {
  display: table;
  width: 100%;
}
.graph-bars-wrapper {
  min-height: 255px;
}
.graph-column {
  display: table-cell;
  text-align: center;
  padding: 15px;
  vertical-align: top;
}
.graph-bar {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column-reverse;
}
.graph-bar-fill {
  align-self: stretch;
  width: 100%;
  background-color: #253556;
  min-height: 2%;
  transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
.graph-bar-fill:first-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.graph-bar-fill:last-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.graph-bar-fill.today {
  background-color: #2f9aee;
}
.graph-bar-fill:hover {
  transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
.graph-bar-fill.primary {
  background-color: #8293BD;
}
.graph-bar-fill.primary:hover {
  background-color: #253556;
}
.graph-bar-fill.warning {
  background-color: #fff5ae;
}
.graph-bar-fill.warning:hover {
  background-color: #EEAF00;
}
.graph-bar-fill.brand {
  background-color: #85C6FF;
}
.graph-bar-fill.brand:hover {
  background-color: #2f9aee;
}
.graph-bar-fill.danger {
  background-color: #FFD3D5;
}
.graph-bar-fill.danger:hover {
  background-color: #FB535B;
}
.graph-bar-fill.success {
  background-color: #D2FBDE;
}
.graph-bar-fill.success:hover {
  background-color: #0AD254;
}
.graph .label {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
}
.graph-nav {
  padding: 15px 15px 0 15px;
}
.graph-nav .btn {
  margin-bottom: 0;
}
.graph.loading .graph-bars-wrapper {
  opacity: 0;
  filter: alpha(opacity=0);
}
.graph.loading:after {
  content: '';
  top: 100px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
  width: 60px;
  height: 60px;
  border: 3px solid #686868;
  border-top-color: transparent;
  -webkit-animation: loading-spin 1s infinite linear;
  animation: loading-spin 1s infinite linear;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
@-webkit-keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@media (max-width: 767px) {
  .graph-bars {
    width: 600px;
  }
  .graph-bars-wrapper {
    overflow-x: auto;
  }
  .graph-column {
    padding: 7px;
  }
  .graph-nav {
    padding: 15px 7px 0 7px;
  }
  .graph-nav .btn {
    margin-top: 10px;
  }
}
.icon-workana {
  width: 30px;
  height: 30px;
  background-image: url(https://wkncdn.com/newx/assets/build/img/logos-v3/m_logo.3f37cf71a.png);
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
}
.lang-selector {
  padding: 8px 15px;
}
.lang-selector-label {
  font-size: 13px;
  margin-right: 10px;
  vertical-align: middle;
}
.lang-selector .btn {
  padding: 2px 5px;
  background-color: #253556;
  margin: 0;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 11px;
}
.lang-selector .btn.selected {
  color: #0AD254;
}
.lang-selector .btn:hover {
  color: #0AD254;
}
.linksList:first-child .linksList__heading {
  margin-top: 15px;
}
.linksList__heading {
  line-height: 35px;
  margin-top: 60px;
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.list-attachments-items {
  min-height: 132px;
}
.list-attachments-loading {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.list-attachments.checking {
  position: relative;
}
.list-attachments.checking .list-attachments-loading {
  display: block;
}
.list-attachments .control-spinner {
  position: absolute;
  font-size: 32px;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -15px;
}
.list-attachments.full .list-attachments-items {
  min-height: 284px;
}
.list-attachments .new a {
  border-color: #2f9aee;
}
.block-mask {
  box-sizing: border-box;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.3s ease;
}
.block-mask-transparent {
  box-sizing: border-box;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  transition: opacity 0.3s ease;
}
.nav-line {
  -moz-box-shadow: inset 0 -10px 1px -10px #686868;
  -webkit-box-shadow: inset 0 -1px 10px -10px #686868;
  box-shadow: inset 0 -10px 1px -10px #686868;
  margin-bottom: 30px;
}
.nav-line > li {
  display: inline-block;
  float: left;
  border-bottom: 3px solid transparent;
  transition: border-bottom 0.3s ease-in-out;
  -moz-transition: border-bottom 0.3s ease-in-out;
  -webkit-transition: border-bottom 0.3s ease-in-out;
}
.nav-line > li:hover {
  border-bottom: 3px solid #6f6f6f;
}
.nav-line > li:hover a {
  color: #6f6f6f;
  background-color: transparent;
}
.nav-line > li > a {
  text-transform: uppercase;
  color: #686868;
  font-weight: 400;
  padding: 20px 30px;
}
@media (max-width: 768px) {
  .nav-line > li > a {
    padding: 10px;
  }
}
.nav-line > li > a:hover,
.nav-line > li > a:focus {
  background-color: transparent;
  outline: 0;
}
.nav-line > li:focus {
  background-color: transparent;
}
.nav-line > li.active {
  border-bottom: 3px solid #2f9aee;
}
.nav-line > li.active a {
  color: #2f9aee;
}
.nav-tab {
  margin-bottom: 0px;
  border-bottom: 1px solid #D5D5D5;
}
.nav-tab li {
  float: left;
  transition: border-bottom 0.3s ease-in-out;
  -moz-transition: border-bottom 0.3s ease-in-out;
  -webkit-transition: border-bottom 0.3s ease-in-out;
}
.nav-tab li a {
  background-color: transparent;
  padding: 25px;
  color: #6f6f6f;
  cursor: pointer;
  border-bottom: 3px solid transparent;
}
.nav-tab li a:hover,
.nav-tab li a:active,
.nav-tab li a:focus {
  background-color: transparent;
}
@media (min-width: 768px) {
  .nav-tab li a {
    transition: border-bottom 0.3s ease-in-out;
    -moz-transition: border-bottom 0.3s ease-in-out;
    -webkit-transition: border-bottom 0.3s ease-in-out;
  }
  .nav-tab li a:hover,
  .nav-tab li a:active {
    background-color: transparent;
    border-bottom: 3px solid rgba(47, 154, 238, 0.7);
  }
}
.nav-tab li.active {
  background-color: transparent;
}
.nav-tab li.active > a {
  border-bottom: 3px solid #2f9aee;
  background-color: transparent;
  color: #2f9aee;
}
.nav-tab li select {
  margin: 10px;
}
.nav-tab.fixed {
  float: left;
}
@media (max-width: 768px) {
  .nav-tab li {
    width: 100%;
  }
  .nav-tab li a {
    padding: 10px 0px;
  }
}
.nav-tab-blue {
  background-color: #253556;
}
.nav-tab-blue li {
  display: inline-block;
}
.nav-tab-blue li a {
  color: #FFFFFF;
  font-size: 11px;
  border-bottom: 0px;
  padding: 20px 30px;
}
.nav-tab .dropdown-menu li.active a {
  border-bottom: 0!important;
}
.nav-tab.nav-stacked {
  border-bottom: 0;
}
.nav-tab.nav-stacked li {
  float: none;
}
.nav-tab.nav-stacked li a {
  position: relative;
  border-left: 3px solid transparent;
  border-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  color: #a8a8a8;
  padding: 22px 25px;
}
@media (min-width: 768px) {
  .nav-tab.nav-stacked li a {
    transition: border-left 0.3s ease-in-out;
    -moz-transition: border-left 0.3s ease-in-out;
    -webkit-transition: border-left 0.3s ease-in-out;
  }
  .nav-tab.nav-stacked li a:hover,
  .nav-tab.nav-stacked li a:active {
    background-color: rgba(239, 239, 239, 0.5);
    border-left-color: rgba(47, 154, 238, 0.7);
  }
}
.nav-tab.nav-stacked li.active > a {
  background-color: rgba(239, 239, 239, 0.5);
  border-left-color: #2f9aee;
  color: #2f9aee;
}
.nav-tab.nav-icon li a {
  padding: 22px 25px 22px 55px;
}
.nav-tab.nav-icon li a span,
.nav-tab.nav-icon li a i {
  vertical-align: middle;
}
.nav-tab.nav-icon li a i {
  position: absolute;
  top: 24px;
  left: 25px;
  font-size: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
}
.nav-tab.nav-icon li a i.wk2-icon-lock,
.nav-tab.nav-icon li a i.wk2-icon-badge-b {
  font-size: 150%;
}
.neighbors-nav i {
  line-height: 19px;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace.pace-inactive .pace-progress {
  opacity: 0;
}
.pace .pace-progress {
  background: #0AD254;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
  -webkit-transition: opacity 0.6s, width 0.3s;
  -moz-transition: opacity 0.6s, width 0.3s;
  -o-transition: opacity 0.6s, width 0.3s;
  transition: opacity 0.6s, width 0.3s;
  opacity: 1;
}
.brighttheme-success,
.brighttheme-info,
.brighttheme-notice {
  background-color: #FFFFFF;
  border: 0 solid rgba(0, 0, 0, 0.15);
  color: #333333;
}
.brighttheme-error {
  background-color: #ffffff;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255, 255, 255, 0.3) 35px, rgba(255, 255, 255, 0.3) 70px);
  border: 0 solid #FB535B;
  color: #FB535B;
}
.ui-pnotify-action-button.btn {
  padding: 5px 43.2px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.5;
}
.brighttheme-error .ui-pnotify-action-button.btn-primary,
.brighttheme-info .ui-pnotify-action-button.btn-primary,
.brighttheme-success .ui-pnotify-action-button.btn-primary,
.brighttheme-notice .ui-pnotify-action-button.btn-primary {
  color: #fff;
  background-color: #253556;
  border-color: #1d2a44;
}
.brighttheme-error .ui-pnotify-action-button.btn-primary:focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary:focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary:focus,
.brighttheme-error .ui-pnotify-action-button.btn-primary.focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary.focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary.focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.focus {
  color: #fff;
  background-color: #161f32;
  border-color: #000000;
}
.brighttheme-error .ui-pnotify-action-button.btn-primary:hover,
.brighttheme-info .ui-pnotify-action-button.btn-primary:hover,
.brighttheme-success .ui-pnotify-action-button.btn-primary:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-primary:hover {
  color: #fff;
  background-color: #161f32;
  border-color: #0b1019;
}
.brighttheme-error .ui-pnotify-action-button.btn-primary:active,
.brighttheme-info .ui-pnotify-action-button.btn-primary:active,
.brighttheme-success .ui-pnotify-action-button.btn-primary:active,
.brighttheme-notice .ui-pnotify-action-button.btn-primary:active,
.brighttheme-error .ui-pnotify-action-button.btn-primary.active,
.brighttheme-info .ui-pnotify-action-button.btn-primary.active,
.brighttheme-success .ui-pnotify-action-button.btn-primary.active,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.active,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-primary,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-primary,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-primary,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-primary {
  color: #fff;
  background-color: #161f32;
  border-color: #0b1019;
}
.brighttheme-error .ui-pnotify-action-button.btn-primary:active:hover,
.brighttheme-info .ui-pnotify-action-button.btn-primary:active:hover,
.brighttheme-success .ui-pnotify-action-button.btn-primary:active:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-primary:active:hover,
.brighttheme-error .ui-pnotify-action-button.btn-primary.active:hover,
.brighttheme-info .ui-pnotify-action-button.btn-primary.active:hover,
.brighttheme-success .ui-pnotify-action-button.btn-primary.active:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.active:hover,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-primary:hover,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-primary:hover,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-primary:hover,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-primary:hover,
.brighttheme-error .ui-pnotify-action-button.btn-primary:active:focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary:active:focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary:active:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary:active:focus,
.brighttheme-error .ui-pnotify-action-button.btn-primary.active:focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary.active:focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary.active:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.active:focus,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-primary:focus,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-primary:focus,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-primary:focus,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-primary:focus,
.brighttheme-error .ui-pnotify-action-button.btn-primary:active.focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary:active.focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary:active.focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary:active.focus,
.brighttheme-error .ui-pnotify-action-button.btn-primary.active.focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary.active.focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary.active.focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.active.focus,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-primary.focus,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-primary.focus,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-primary.focus,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-primary.focus {
  color: #fff;
  background-color: #0b1019;
  border-color: #000000;
}
.brighttheme-error .ui-pnotify-action-button.btn-primary:active,
.brighttheme-info .ui-pnotify-action-button.btn-primary:active,
.brighttheme-success .ui-pnotify-action-button.btn-primary:active,
.brighttheme-notice .ui-pnotify-action-button.btn-primary:active,
.brighttheme-error .ui-pnotify-action-button.btn-primary.active,
.brighttheme-info .ui-pnotify-action-button.btn-primary.active,
.brighttheme-success .ui-pnotify-action-button.btn-primary.active,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.active,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-primary,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-primary,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-primary,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-primary {
  background-image: none;
}
.brighttheme-error .ui-pnotify-action-button.btn-primary.disabled:hover,
.brighttheme-info .ui-pnotify-action-button.btn-primary.disabled:hover,
.brighttheme-success .ui-pnotify-action-button.btn-primary.disabled:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.disabled:hover,
.brighttheme-error .ui-pnotify-action-button.btn-primary[disabled]:hover,
.brighttheme-info .ui-pnotify-action-button.btn-primary[disabled]:hover,
.brighttheme-success .ui-pnotify-action-button.btn-primary[disabled]:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-primary[disabled]:hover,
fieldset[disabled] .brighttheme-error .ui-pnotify-action-button.btn-primary:hover,
fieldset[disabled] .brighttheme-info .ui-pnotify-action-button.btn-primary:hover,
fieldset[disabled] .brighttheme-success .ui-pnotify-action-button.btn-primary:hover,
fieldset[disabled] .brighttheme-notice .ui-pnotify-action-button.btn-primary:hover,
.brighttheme-error .ui-pnotify-action-button.btn-primary.disabled:focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary.disabled:focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary.disabled:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.disabled:focus,
.brighttheme-error .ui-pnotify-action-button.btn-primary[disabled]:focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary[disabled]:focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary[disabled]:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary[disabled]:focus,
fieldset[disabled] .brighttheme-error .ui-pnotify-action-button.btn-primary:focus,
fieldset[disabled] .brighttheme-info .ui-pnotify-action-button.btn-primary:focus,
fieldset[disabled] .brighttheme-success .ui-pnotify-action-button.btn-primary:focus,
fieldset[disabled] .brighttheme-notice .ui-pnotify-action-button.btn-primary:focus,
.brighttheme-error .ui-pnotify-action-button.btn-primary.disabled.focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary.disabled.focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary.disabled.focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary.disabled.focus,
.brighttheme-error .ui-pnotify-action-button.btn-primary[disabled].focus,
.brighttheme-info .ui-pnotify-action-button.btn-primary[disabled].focus,
.brighttheme-success .ui-pnotify-action-button.btn-primary[disabled].focus,
.brighttheme-notice .ui-pnotify-action-button.btn-primary[disabled].focus,
fieldset[disabled] .brighttheme-error .ui-pnotify-action-button.btn-primary.focus,
fieldset[disabled] .brighttheme-info .ui-pnotify-action-button.btn-primary.focus,
fieldset[disabled] .brighttheme-success .ui-pnotify-action-button.btn-primary.focus,
fieldset[disabled] .brighttheme-notice .ui-pnotify-action-button.btn-primary.focus {
  background-color: #253556;
  border-color: #1d2a44;
}
.brighttheme-error .ui-pnotify-action-button.btn-primary .badge,
.brighttheme-info .ui-pnotify-action-button.btn-primary .badge,
.brighttheme-success .ui-pnotify-action-button.btn-primary .badge,
.brighttheme-notice .ui-pnotify-action-button.btn-primary .badge {
  color: #253556;
  background-color: #fff;
}
.brighttheme-error .ui-pnotify-action-button.btn-default,
.brighttheme-info .ui-pnotify-action-button.btn-default,
.brighttheme-success .ui-pnotify-action-button.btn-default,
.brighttheme-notice .ui-pnotify-action-button.btn-default {
  color: #282e38;
  background-color: #e7e7e7;
  border-color: #ccc;
}
.brighttheme-error .ui-pnotify-action-button.btn-default:focus,
.brighttheme-info .ui-pnotify-action-button.btn-default:focus,
.brighttheme-success .ui-pnotify-action-button.btn-default:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default:focus,
.brighttheme-error .ui-pnotify-action-button.btn-default.focus,
.brighttheme-info .ui-pnotify-action-button.btn-default.focus,
.brighttheme-success .ui-pnotify-action-button.btn-default.focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default.focus {
  color: #282e38;
  background-color: #cecece;
  border-color: #8c8c8c;
}
.brighttheme-error .ui-pnotify-action-button.btn-default:hover,
.brighttheme-info .ui-pnotify-action-button.btn-default:hover,
.brighttheme-success .ui-pnotify-action-button.btn-default:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-default:hover {
  color: #282e38;
  background-color: #cecece;
  border-color: #adadad;
}
.brighttheme-error .ui-pnotify-action-button.btn-default:active,
.brighttheme-info .ui-pnotify-action-button.btn-default:active,
.brighttheme-success .ui-pnotify-action-button.btn-default:active,
.brighttheme-notice .ui-pnotify-action-button.btn-default:active,
.brighttheme-error .ui-pnotify-action-button.btn-default.active,
.brighttheme-info .ui-pnotify-action-button.btn-default.active,
.brighttheme-success .ui-pnotify-action-button.btn-default.active,
.brighttheme-notice .ui-pnotify-action-button.btn-default.active,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-default,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-default,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-default,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-default {
  color: #282e38;
  background-color: #cecece;
  border-color: #adadad;
}
.brighttheme-error .ui-pnotify-action-button.btn-default:active:hover,
.brighttheme-info .ui-pnotify-action-button.btn-default:active:hover,
.brighttheme-success .ui-pnotify-action-button.btn-default:active:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-default:active:hover,
.brighttheme-error .ui-pnotify-action-button.btn-default.active:hover,
.brighttheme-info .ui-pnotify-action-button.btn-default.active:hover,
.brighttheme-success .ui-pnotify-action-button.btn-default.active:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-default.active:hover,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-default:hover,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-default:hover,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-default:hover,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-default:hover,
.brighttheme-error .ui-pnotify-action-button.btn-default:active:focus,
.brighttheme-info .ui-pnotify-action-button.btn-default:active:focus,
.brighttheme-success .ui-pnotify-action-button.btn-default:active:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default:active:focus,
.brighttheme-error .ui-pnotify-action-button.btn-default.active:focus,
.brighttheme-info .ui-pnotify-action-button.btn-default.active:focus,
.brighttheme-success .ui-pnotify-action-button.btn-default.active:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default.active:focus,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-default:focus,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-default:focus,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-default:focus,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-default:focus,
.brighttheme-error .ui-pnotify-action-button.btn-default:active.focus,
.brighttheme-info .ui-pnotify-action-button.btn-default:active.focus,
.brighttheme-success .ui-pnotify-action-button.btn-default:active.focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default:active.focus,
.brighttheme-error .ui-pnotify-action-button.btn-default.active.focus,
.brighttheme-info .ui-pnotify-action-button.btn-default.active.focus,
.brighttheme-success .ui-pnotify-action-button.btn-default.active.focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default.active.focus,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-default.focus,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-default.focus,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-default.focus,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-default.focus {
  color: #282e38;
  background-color: #bcbcbc;
  border-color: #8c8c8c;
}
.brighttheme-error .ui-pnotify-action-button.btn-default:active,
.brighttheme-info .ui-pnotify-action-button.btn-default:active,
.brighttheme-success .ui-pnotify-action-button.btn-default:active,
.brighttheme-notice .ui-pnotify-action-button.btn-default:active,
.brighttheme-error .ui-pnotify-action-button.btn-default.active,
.brighttheme-info .ui-pnotify-action-button.btn-default.active,
.brighttheme-success .ui-pnotify-action-button.btn-default.active,
.brighttheme-notice .ui-pnotify-action-button.btn-default.active,
.open > .dropdown-toggle.brighttheme-error .ui-pnotify-action-button.btn-default,
.open > .dropdown-toggle.brighttheme-info .ui-pnotify-action-button.btn-default,
.open > .dropdown-toggle.brighttheme-success .ui-pnotify-action-button.btn-default,
.open > .dropdown-toggle.brighttheme-notice .ui-pnotify-action-button.btn-default {
  background-image: none;
}
.brighttheme-error .ui-pnotify-action-button.btn-default.disabled:hover,
.brighttheme-info .ui-pnotify-action-button.btn-default.disabled:hover,
.brighttheme-success .ui-pnotify-action-button.btn-default.disabled:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-default.disabled:hover,
.brighttheme-error .ui-pnotify-action-button.btn-default[disabled]:hover,
.brighttheme-info .ui-pnotify-action-button.btn-default[disabled]:hover,
.brighttheme-success .ui-pnotify-action-button.btn-default[disabled]:hover,
.brighttheme-notice .ui-pnotify-action-button.btn-default[disabled]:hover,
fieldset[disabled] .brighttheme-error .ui-pnotify-action-button.btn-default:hover,
fieldset[disabled] .brighttheme-info .ui-pnotify-action-button.btn-default:hover,
fieldset[disabled] .brighttheme-success .ui-pnotify-action-button.btn-default:hover,
fieldset[disabled] .brighttheme-notice .ui-pnotify-action-button.btn-default:hover,
.brighttheme-error .ui-pnotify-action-button.btn-default.disabled:focus,
.brighttheme-info .ui-pnotify-action-button.btn-default.disabled:focus,
.brighttheme-success .ui-pnotify-action-button.btn-default.disabled:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default.disabled:focus,
.brighttheme-error .ui-pnotify-action-button.btn-default[disabled]:focus,
.brighttheme-info .ui-pnotify-action-button.btn-default[disabled]:focus,
.brighttheme-success .ui-pnotify-action-button.btn-default[disabled]:focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default[disabled]:focus,
fieldset[disabled] .brighttheme-error .ui-pnotify-action-button.btn-default:focus,
fieldset[disabled] .brighttheme-info .ui-pnotify-action-button.btn-default:focus,
fieldset[disabled] .brighttheme-success .ui-pnotify-action-button.btn-default:focus,
fieldset[disabled] .brighttheme-notice .ui-pnotify-action-button.btn-default:focus,
.brighttheme-error .ui-pnotify-action-button.btn-default.disabled.focus,
.brighttheme-info .ui-pnotify-action-button.btn-default.disabled.focus,
.brighttheme-success .ui-pnotify-action-button.btn-default.disabled.focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default.disabled.focus,
.brighttheme-error .ui-pnotify-action-button.btn-default[disabled].focus,
.brighttheme-info .ui-pnotify-action-button.btn-default[disabled].focus,
.brighttheme-success .ui-pnotify-action-button.btn-default[disabled].focus,
.brighttheme-notice .ui-pnotify-action-button.btn-default[disabled].focus,
fieldset[disabled] .brighttheme-error .ui-pnotify-action-button.btn-default.focus,
fieldset[disabled] .brighttheme-info .ui-pnotify-action-button.btn-default.focus,
fieldset[disabled] .brighttheme-success .ui-pnotify-action-button.btn-default.focus,
fieldset[disabled] .brighttheme-notice .ui-pnotify-action-button.btn-default.focus {
  background-color: #e7e7e7;
  border-color: #ccc;
}
.brighttheme-error .ui-pnotify-action-button.btn-default .badge,
.brighttheme-info .ui-pnotify-action-button.btn-default .badge,
.brighttheme-success .ui-pnotify-action-button.btn-default .badge,
.brighttheme-notice .ui-pnotify-action-button.btn-default .badge {
  color: #e7e7e7;
  background-color: #282e38;
}
body > .ui-pnotify {
  z-index: 1020;
}
@media (max-width: 767px) {
  .ui-pnotify.stack-bottomright {
    width: 90%!important;
    left: 5%!important;
  }
}
.popover-user {
  font-weight: normal;
  border: 0;
  width: 522px;
  max-width: inherit;
  padding: 0;
  top: inherit;
  left: inherit;
  z-index: 5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
}
.popover-user-wrapper {
  position: relative;
}
.popover-user > .arrow {
  height: 26px;
  width: 26px;
  overflow: hidden;
}
.popover-user > .arrow:after {
  position: relative;
  top: -9px;
  left: 14px;
  width: 18px;
  height: 18px;
  background-color: white;
  border: 0!important;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}
.popover-user p {
  font-size: 13px;
  margin-bottom: 4px;
}
.popover-user h4 {
  margin: 7px 0 4px 0;
  padding: 0!important;
}
.popover-user .btn {
  padding: 10px 15px;
}
.popover-user .btn .status {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #a8a8a8;
  margin-right: 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.popover-user .btn .status.online {
  background-color: #0AD254;
}
.popover-user .popover-header {
  background-color: #2f9aee;
  color: white;
  padding: 10px 20px 5px 20px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.popover-user .popover-header .pro-label {
  margin-right: 5px;
}
.popover-user .popover-header h4:hover .name {
  text-decoration: underline;
}
.popover-user .popover-header a {
  color: white;
  text-decoration: none;
}
.popover-user .popover-header a .pro-label {
  margin-right: 5px;
  text-decoration: none;
}
.popover-user .popover-header .user-photo .profile-photo {
  margin: 0px;
}
.popover-user .popover-content {
  padding: 15px 20px;
}
.popover-user .popover-footer {
  padding: 5px 20px 15px 20px;
}
.popover-user .popover-footer h4 {
  margin-top: 10px;
}
.popover-user .popover-footer .text-success {
  position: relative;
  top: 3px;
}
.popover-user .profile-stars {
  font-size: 20px;
  margin-top: 4px;
  margin-bottom: 16px;
  display: block;
}
.popover-user .user-photo {
  width: 20%;
}
.popover-user .profile-photo {
  width: 78px!important;
  height: 78px!important;
  border: 4px solid #50aaf1;
  margin: 0;
}
.popover-user .country {
  margin-right: 10px;
}
.popover-user.top,
.popover-user.bottom {
  margin-top: 0;
  left: 50%;
  margin-left: -60px;
}
.popover-user.top > .arrow,
.popover-user.bottom > .arrow {
  border: 0;
  left: 11%;
  bottom: -26px;
}
.popover-user.right > .arrow,
.popover-user.left > .arrow {
  top: auto;
  margin-top: 0;
}
.popover-user.right {
  right: 50%;
  left: auto;
  margin-left: auto;
  margin-right: -70px;
}
.popover-user.right > .arrow {
  left: auto;
  right: 11%;
}
.popover-user.right > .arrow:after {
  left: 14px;
}
.popover-user.top {
  bottom: 30px;
}
.popover-user.bottom {
  top: 30px;
}
.popover-user.bottom > .arrow {
  top: -11px;
  height: 13px;
}
.popover-user.bottom > .arrow:after {
  background-color: #2f9aee;
  top: 4px;
}
.progress-ring {
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.progress-ring.floating {
  position: absolute;
}
.progress-ring.floating.top-right {
  top: 0;
  right: 0;
}
.progress-ring circle {
  stroke: #D5D5D5;
  stroke-width: 3px;
  fill: none;
  stroke-dashoffset: 63px;
  stroke-dasharray: 63px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.progress-ring.progress-10 circle {
  stroke-dashoffset: 56.7px;
}
.progress-ring.progress-20 circle {
  stroke-dashoffset: 50.4px;
}
.progress-ring.progress-30 circle {
  stroke-dashoffset: 44.1px;
}
.progress-ring.progress-40 circle {
  stroke-dashoffset: 37.8px;
}
.progress-ring.progress-50 circle {
  stroke-dashoffset: 31.5px;
}
.progress-ring.progress-60 circle {
  stroke-dashoffset: 25.2px;
}
.progress-ring.progress-70 circle {
  stroke-dashoffset: 18.9px;
}
.progress-ring.progress-70 circle {
  stroke: #71ff99;
}
.progress-ring.progress-80 circle {
  stroke-dashoffset: 12.6px;
}
.progress-ring.progress-80 circle {
  stroke: #71ff99;
}
.progress-ring.progress-90 circle {
  stroke-dashoffset: 6.3px;
}
.progress-ring.progress-90 circle {
  stroke: #71ff99;
}
.progress-ring.progress-100 circle {
  stroke-dashoffset: 0px;
}
.progress-ring.progress-100 circle {
  stroke: #71ff99;
}
.progress-ring.progress-100 circle {
  stroke: #00D73C;
}
.ps-container > .ps-scrollbar-y-rail {
  opacity: 1;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #6f6f6f;
}
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 1;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #6f6f6f;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.4);
}
ul.seo-category-list li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.show-password-toggle {
  color: #2f9aee;
  position: absolute;
  top: 15px;
  right: 27px;
}
.show-password-toggle input[type="checkbox"] + label:before {
  content: "\f018";
  border: 0;
  line-height: 16px;
  font-size: 19px;
}
.show-password-toggle input[type="checkbox"]:checked + label:before {
  color: #2f9aee;
  background-color: transparent;
  content: "\f018";
}
.show-password-toggle input[type="checkbox"]:checked + label:after {
  content: '/';
  position: absolute;
  left: 6px;
  font-size: 20px;
  font-weight: 300;
  top: -4px;
}
.show-password-toggle.big {
  top: 11px;
  right: 20px;
}
.show-password-toggle.big input[type="checkbox"] + label:before {
  line-height: 25px;
  font-size: 25px;
}
.show-password-toggle.big input[type="checkbox"]:checked + label:after {
  font-size: 27px;
  left: 8px;
  top: -5px;
}
.show-password-toggle.text-gray {
  color: #D5D5D5;
}
.show-password-toggle.text-gray input[type="checkbox"]:checked + label:before {
  color: #D5D5D5;
}
.skype-widget {
  text-decoration: none!important;
  color: #2f9aee !important;
  position: relative;
  vertical-align: middle;
  display: inline-block;
}
.skype-widget .skype-status {
  font-size: 0;
  color: transparent;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #D5D5D5;
  position: absolute;
  top: 50%;
  margin-top: -7px;
}
.skype-widget .skype-status.skype-online {
  background-color: #0AD254;
}
.skype-widget .skype-status.skype-away {
  background-color: #EEAF00;
}
.skype-widget .skype-status.skype-offline {
  background-color: #D5D5D5;
}
.skype-widget .wk2-icon {
  margin-top: 2px;
  display: inline-block;
  font-size: 30px;
}
body #transloadit .content {
  background-color: #F7F7F7;
  top: -90px !important;
  width: 400px!important;
  height: 180px!important;
  margin-left: -200px !important;
}
body #transloadit a.close {
  text-indent: -9999px;
  position: absolute;
  top: 10px;
  right: 5px;
}
body #transloadit .status {
  display: none!important;
}
body #transloadit .progress {
  width: 100%;
  height: 10px;
  margin-top: 40px!important;
  background: #adfbca;
  box-shadow: none;
}
body #transloadit .progress span {
  display: none;
}
body #transloadit .progress-striped .bar {
  background: #0AD254;
  box-shadow: none;
}
body #transloadit .progress.active .bar {
  background-color: #0AD254;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.3)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.3)), color-stop(0.75, rgba(255, 255, 255, 0.3)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  box-shadow: none;
}
body #transloadit label {
  font-size: 13px!important;
  font-family: 'Open Sans', sans-serif !important;
  color: #6f6f6f !important;
  line-height: 25px!important;
}
body #transloadit .error {
  font-size: 13px;
  color: #FB535B;
}
body #transloadit .error-details {
  background: #FAFAFA;
  height: 44px;
  overflow-y: auto;
  margin-left: -40px;
  margin-right: -40px;
  padding: 0 15px;
  border-top-color: lightgray!important;
}
body #transloadit .error-details-toggle a {
  font-weight: 600;
  font-size: 13px!important;
  color: #2f9aee !important;
  text-decoration: underline;
}
@media (max-width: 767px) {
  body #transloadit .content {
    top: -150px !important;
    width: 300px!important;
    height: 300px!important;
    margin-left: -150px !important;
  }
  body #transloadit .progress {
    margin-top: 80px!important;
  }
  body #transloadit .error {
    margin-top: 65px!important;
  }
  body #transloadit .error-details {
    height: 120px;
  }
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.user-search-element {
  position: relative;
}
.user-search-element .form-control {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.user-search-element .control-spinner {
  display: none;
}
.user-search-element .selected-user {
  background-color: #2f9aee;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  position: absolute;
  height: 38px;
  top: 7px;
  left: 5px;
  line-height: 20px;
  max-width: calc(100% - 10px);
}
.user-search-element .selected-user .name {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  margin: 2px 20px 0 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-search-element .selected-user .profile-photo {
  width: 25px;
  height: 25px;
  margin-bottom: -7px;
  margin-right: 10px;
  position: absolute;
}
.user-search-element .selected-user a.discard {
  color: #FFF;
  text-decoration: none;
}
.user-search-element .selected-user a.discard .wk2-icon {
  font-size: 20px;
  position: absolute;
  top: 9px;
  right: 5px;
}
.user-search-element.checking .control-spinner {
  position: absolute;
  top: 13px;
  right: 10px;
  font-size: 22px;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  color: #253556;
  display: block;
}
.user-search-element.open .user-search-results {
  display: block;
}
.user-search-results {
  display: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  border: solid 1px #D5D5D5;
  border-top: 0;
  background-color: white;
  max-height: 191px;
  overflow-y: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.user-search-item {
  padding: 8px 10px;
  cursor: pointer;
}
.user-search-item:hover,
.user-search-item.selected {
  background-color: #EFEFEF;
}
.user-search-item .profile-photo {
  width: 25px;
  height: 25px;
  margin-bottom: -7px;
  margin-right: 10px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .videoWrapper {
    padding-top: 0;
  }
}
.wk-carousel .carousel-indicators {
  position: relative;
  margin-top: 10px;
  bottom: inherit;
}
.wk-carousel .carousel-indicators li {
  border: 0;
  background-color: #D5D5D5;
  margin: 1px 5px;
}
.wk-carousel .carousel-indicators .active {
  width: 10px;
  height: 10px;
  background-color: #2f9aee;
  margin: 1px 5px;
}
@media (min-width: 480px) {
  .wk-carousel .carousel-indicators {
    bottom: inherit;
  }
}
.wk-datepicker-calendar .form-control:first-child {
  border-right: 0;
}
.wk-datepicker-calendar .form-control:disabled {
  opacity: 0.8;
}
.wk-datepicker-calendar .form-control:disabled + .input-group-addon {
  opacity: 0.8;
}
.wk-datepicker-calendar .form-control:disabled + .input-group-addon i {
  color: #D5D5D5;
}
.wk-datepicker-calendar .input-group-addon i {
  color: #686868;
}
.wk-datepicker-calendar .input-group-addon i:before {
  content: "\f225";
}
.wk-datepicker-calendar .bootstrap-datetimepicker-widget.dropdown-menu {
  font-size: 13px;
  position: fixed;
  top: 50%!important;
  left: 50%!important;
  width: 363px;
  height: 300px;
  margin-top: -150px;
  margin-left: -181.5px;
  z-index: 1100;
  padding: 20px 40px 40px 40px;
}
.wk-datepicker-calendar .bootstrap-datetimepicker-widget.dropdown-menu table th {
  color: #686868;
}
.wk-datepicker-calendar .bootstrap-datetimepicker-widget.dropdown-menu:after,
.wk-datepicker-calendar .bootstrap-datetimepicker-widget.dropdown-menu:before {
  display: none;
}
.wk-datepicker-calendar .bootstrap-datetimepicker-widget.dropdown-menu + .input-group-addon:before {
  content: '';
  position: fixed;
  z-index: 1060;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.wk-loading {
  position: relative;
}
.wk-loading:after {
  content: '';
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 60px;
  border: 3px solid #686868;
  border-top-color: transparent;
  -webkit-animation: loading-spin 1s infinite linear;
  animation: loading-spin 1s infinite linear;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.wk-loading-inline {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.wk-loading-inline.wk-loading-small {
  width: 30px;
  height: 30px;
}
.wk-loading-full:before {
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 1;
}
.wk-loading-small {
  margin-left: -15px;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
@-webkit-keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.wk-panel-collapsable {
  margin: 0 -15px;
  border-bottom: solid 1px #EFEFEF;
  border-top: solid 1px #EFEFEF;
}
.wk-panel-collapsable .panel-heading {
  position: relative;
}
.wk-panel-collapsable .panel-heading .icon-open {
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
.wk-panel-collapsable .panel-heading .icon-close {
  display: none;
}
.wk-panel-collapsable .panel-heading a[data-toggle='collapse'] {
  color: inherit;
  text-decoration: none!important;
}
.wk-panel-collapsable .panel-heading a[data-toggle='collapse'].collapsed:before {
  content: "\F108";
}
.wk-panel-collapsable .panel-heading a[data-toggle='collapse']:before {
  display: block;
  content: "\F109";
  top: 14px;
  right: 15px;
  position: absolute;
  font-size: 25px;
  color: #2f9aee;
}
.wk-panel-collapsable .panel-body {
  padding-top: 0;
  padding-bottom: 0;
}
.wk-panel-collapsable + .panel {
  border-top: 0;
}
.wk-upload-block .upload-wrapper {
  position: relative;
}
.wk-upload-block .upload-button {
  text-align: center;
  display: block;
  color: #686868;
  padding: 16px 5px;
  border: 1px dashed #D5D5D5;
  font-weight: 600;
  text-decoration: none!important;
}
.wk-upload-block .upload-button i {
  font-size: 26px;
  vertical-align: middle;
  color: #a8a8a8;
}
.wk-upload-block input[type=file].upload-inline {
  margin-bottom: 0;
  padding: 0;
  border: 0;
  height: 100%;
}
.wk-upload-block .form-file-full {
  padding-top: 5px;
  padding-bottom: 5px;
}
.wk-upload-block .form-file-full .h5 {
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .wk-upload-block input[type=file].upload-inline:hover + .upload-button {
    color: #2f9aee;
  }
  .wk-upload-block input[type=file].upload-inline:hover + .upload-button i {
    color: #2f9aee;
  }
  .wk-upload-block input[type=file].upload-inline:hover + .upload-button:before {
    opacity: 1;
  }
  .wk-upload-block .upload-button {
    position: relative;
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
  }
  .wk-upload-block .upload-button i {
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
  }
  .wk-upload-block .upload-button:before {
    content: '';
    border: 3px solid #2f9aee;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}
@media (max-width: 767px) {
  .wk-upload-block .upload-wrapper,
  .wk-upload-block .form-file-full {
    margin-bottom: 10px;
  }
  .wk-upload-block .form-file-full {
    background: #FFFFFF;
  }
}
.store-service-item .profile-photo.pro-profile-photo {
  border: solid 2px #55DDDE;
}
.store-service-item {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 430px;
  overflow: hidden;
}
.store-service-item h5 {
  line-height: 19px;
}
.store-service-item figure {
  width: 100%;
  height: 320px;
  background-color: #D5D5D5;
  overflow: hidden;
  vertical-align: middle;
}
.store-service-item figure img,
.store-service-item figure .image {
  margin: 0 auto;
  display: block;
  max-height: 320px;
  max-width: 430px;
  width: 100%;
  height: auto;
}
.store-service-item figure .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
.store-service-item figcaption {
  position: relative;
  padding: 20px 15px;
}
.store-service-item figcaption a {
  color: #6f6f6f;
}
.store-service-item figcaption .profile-photo {
  background-color: #6f6f6f;
  position: absolute;
  top: -15px;
  width: 30px;
  height: 30px;
  z-index: 1;
}
.store-service-item .user-resume {
  display: none;
  position: absolute;
  width: 100%;
  height: 0px;
  top: 20px;
  padding-left: 50px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px;
  background-color: white;
  overflow: hidden;
}
.store-service-item .user-name {
  margin-top: 5px;
}
.store-service-item .user-category {
  color: #A4A4A4;
}
.store-service-item .user-name,
.store-service-item .user-category {
  font-size: 11px;
}
.store-service-item footer {
  position: absolute;
  padding: 5px 15px;
  bottom: 0;
  left: 0;
  right: 0;
}
.store-service-item a {
  text-decoration: none!important;
}
.store-service-item .shop-count {
  font-size: 11px;
  vertical-align: middle;
}
.store-service-item .shop-count i {
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.store-service-item p {
  margin-bottom: 15px;
}
.store-service-item .profile-stars .stars-bg {
  top: -2px;
}
.store-service-item .profile-stars.small {
  letter-spacing: -0.5px;
}
.store-service-item .price {
  margin-bottom: 20px;
}
.store-service-item.dummy .profile-stars .stars-bg {
  color: #6f6f6f;
}
.store-service-item.dummy .dummy-block {
  display: inline-block;
  width: 100%;
  height: 18px;
  background-color: #D5D5D5;
}
.store-service-item.dummy h5 .dummy-block {
  background-color: #6f6f6f;
}
@media (min-width: 768px) {
  .store-service-item {
    max-width: 215px;
    height: 394px;
  }
  .store-service-item figure {
    height: 160px;
    width: 215px;
  }
  .store-service-item figure img {
    max-height: 160px;
    max-width: 215px;
  }
  .store-service-item p {
    max-height: 90px;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .store-service-item .user-resume {
    display: block;
    transition: height 0.3s ease-out, top 0.3s ease-out;
    -moz-transition: height 0.3s ease-out, top 0.3s ease-out;
    -webkit-transition: height 0.3s ease-out, top 0.3s ease-out;
  }
  .store-service-item:hover .user-resume {
    top: -20px;
    height: 40px;
    transition: height 0.3s ease-out, top 0.3s ease-out;
    -moz-transition: height 0.3s ease-out, top 0.3s ease-out;
    -webkit-transition: height 0.3s ease-out, top 0.3s ease-out;
  }
}
.user-resume-animation {
  transition: height 0.3s ease-out, top 0.3s ease-out;
  -moz-transition: height 0.3s ease-out, top 0.3s ease-out;
  -webkit-transition: height 0.3s ease-out, top 0.3s ease-out;
}
.icon {
  width: 16px;
  height: 16px;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.icon-shop {
  background-image: url(https://wkncdn.com/newx/assets/build/img/store/icon-shop.9433c3554.svg);
}
[class*="icon-project-status"] i.wk2-icon-store-bag:after {
  bottom: 0;
  right: 0;
}
.badge-store {
  background-color: #2f9aee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  top: -2px;
  font-size: 10px;
}
.badge-danger {
  background-color: #FB535B;
}
.store-purchased-thanks h5 {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 25px;
}
.store-purchased-thanks h5 a {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .store-purchased-thanks h5 {
    margin-bottom: 20px;
  }
}
.store-purchased-thanks .wk-bullet {
  margin-bottom: 20px;
}
.store-purchased-thanks p {
  line-height: 25px;
}
.store-purchased-preview {
  position: relative;
}
.store-purchased-preview:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  top: 0;
  left: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .store-purchased-preview {
    float: right;
    padding-top: 20px;
  }
  .store-purchased-thanks {
    float: right;
  }
}


/*# sourceMappingURL=bundle.app.5389b5db8.css.map*/