/*  BARCATS CSS */

@font-face {
  font-family: "open_sanssemibold";
  src: url("../fonts/opensans-semibold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-semibold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sanslight";
  src: url("../fonts/opensans-light-webfont.woff2") format("woff2"),
    url("../fonts/opensans-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/opensans-bold-webfont.woff2") format("woff2"),
    url("../fonts/opensans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/opensans-regular-webfont.woff2") format("woff2"),
    url("../fonts/opensans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ralewaylight";
  src: url("../fonts/raleway-light-webfont.eot");
  src: url("../fonts/raleway-light-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/raleway-light-webfont.woff2") format("woff2"),
    url("../fonts/raleway-light-webfont.woff") format("woff"),
    url("../fonts/raleway-light-webfont.ttf") format("truetype"),
    url("../fonts/raleway-light-webfont.svg#ralewaylight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ralewayregular";
  src: url("../fonts/raleway-regular-webfont.eot");
  src: url("../fonts/raleway-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/raleway-regular-webfont.woff2") format("woff2"),
    url("../fonts/raleway-regular-webfont.woff") format("woff"),
    url("../fonts/raleway-regular-webfont.ttf") format("truetype"),
    url("../fonts/raleway-regular-webfont.svg#ralewayregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ralewaymedium";
  src: url("../fonts/raleway-medium-webfont.eot");
  src: url("../fonts/raleway-medium-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/raleway-medium-webfont.woff2") format("woff2"),
    url("../fonts/raleway-medium-webfont.woff") format("woff"),
    url("../fonts/raleway-medium-webfont.ttf") format("truetype"),
    url("../fonts/raleway-medium-webfont.svg#ralewaymedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ralewaysemibold";
  src: url("../fonts/raleway-semibold-webfont.eot");
  src: url("../fonts/raleway-semibold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/raleway-semibold-webfont.woff2") format("woff2"),
    url("../fonts/raleway-semibold-webfont.woff") format("woff"),
    url("../fonts/raleway-semibold-webfont.ttf") format("truetype"),
    url("../fonts/raleway-semibold-webfont.svg#ralewaysemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ralewaybold";
  src: url("../fonts/raleway-bold-webfont.eot");
  src: url("../fonts/raleway-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/raleway-bold-webfont.woff2") format("woff2"),
    url("../fonts/raleway-bold-webfont.woff") format("woff"),
    url("../fonts/raleway-bold-webfont.ttf") format("truetype"),
    url("../fonts/raleway-bold-webfont.svg#ralewaybold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@import url("https://fonts.googleapis.com/css?family=Montserrat:700,800");

/*

-----=[ FONTS ]=-----

  ralewaylight
  ralewayregular
    ralewaymedium
    ralewaysemibold
  ralewaybold

*/
/* variables */
/* Predefined Classes */

html {
  background: #272727;
}
body {
  font-size: 10px;
  color: #000;
  font-family: ralewayregular, sans-serif;
  overflow-x: hidden;
  line-height: 1.5;
  background: #ffffff;
}

body.no-scroll {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #fff;
}

a,
button,
input[type="submit"],
.big-button,
.big-button span,
.homepage-featured-container .staff-job-box svg,
.homepage-featured-container .staff-job-box svg path,
.blog-list .bl-img-container a img,
.main-footer .footer-social ul li a i,
.success-stories-container .success-story-box img,
.community-container .ch-bottom img,
.cht-content > span,
.upload-profile-picture i,
.signup-done .signup-content .block-buttons,
.event-box .img-cont .dark-overlay,
.map-info-box > img,
.wp-sidebar .recently-hired .hires img,
.jobs-head span,
.jobs-head a,
.selectize-control.single .selectize-input,
.twitter-typeahead .typeahead.tt-input,
.inner-page-content .event-details .calendar-wrap,
.load-expired-jobs span {
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

span.btn {
  cursor: default;
}
.btn-container .btn {
  margin-right: 20px;
}

.btn-container .btn:last-child {
  margin-right: 0;
}

.link-container {
  margin-bottom: 20px;
}

.jobs-block .link-container a {
  font-size: 12px;
  font-family: "open_sansbold";
  text-decoration: none !important;
  border-bottom: 1px solid #a3a3a3;
  padding: 0px;
  padding-bottom: 0px;
}

.jobs-block .link-container a:hover {
  border-bottom: 1px solid #c2a861;
}

a.color-red:hover u {
  border-bottom: 1px solid #f4432f !important;
}
.jobs-block .link-container a.color-red:hover {
  border-bottom: 1px solid #f4432f;
}
a.color-red u,
.jobs-block .link-container a.color-red {
  border-bottom: 1px solid #f9b8b8;
}

.link-container a {
  font-size: 1.2em;
  text-decoration: underline;
  letter-spacing: 0.5px;
  margin-right: 25px;
  padding: 10px;
  font-family: ralewaybold, sans-serif;
}

.link-container a:first-child {
  padding-left: 0;
}

.link-container a:last-child {
  margin: 0;
}

.link-container a:hover {
  text-decoration: underline;
}

.btn-center {
  margin: 0 auto;
  display: block;
}

.btn {
  border-radius: 50px;
  font-family: ralewaysemibold, sans-serif;
  text-align: center;
  font-size: 1.3em;
  padding: 12px 20px 10px;
  border: 2px solid transparent;
  letter-spacing: 1px;
  text-transform: uppercase;
  min-width: 150px;
}

.auto-width {
  width: auto !important;
  min-width: 0 !important;
}

.footer-cta .btn {
  font-size: 14px;
}

.btn:active,
.btn:focus {
  box-shadow: none;
  outline: none;
}

.bg-green {
  background: #99c975;
  color: #fff;
}

.bg-green:active,
.bg-green:focus,
.bg-green:hover {
  background: #000;
  color: #fff;
}

button.btn.bg-black,
button.btn-left-icon.bg-black,
.bg-black {
  background: #000;
  color: #fff;
}

button.btn.bg-black:hover,
button.btn-left-icon.bg-black:hover,
.bg-black:active,
.bg-black:focus,
.bg-black:hover {
  background: #c2a861;
  color: #fff;
}

.btn-outline {
  border: 2px solid transparent;
  background: transparent;
}

.outline-white {
  border-color: #fff;
  color: #fff;
}

.outline-white:active,
.outline-white:focus,
.outline-white:hover {
  background: #fff;
  color: #333;
}

.outline-black {
  border-color: #000 !important;
  color: #000;
}

.outline-black:active,
.outline-black:focus,
.outline-black:hover {
  background: #000;
  color: #fff;
}

.bg-grey {
  background: #f3f3f3;
  color: #9b9b9b;
}

.bg-red {
  background: #f95c5c;
  color: #fff;
}

.bg-red:active,
.bg-red:focus,
.bg-red:hover {
  background: #f4432f;
  color: #fff;
}

.color-red {
  color: #f95c5c;
}

.color-red:hover {
  color: #f4432f;
}

.hover-green:hover {
  background: #99c975;
  color: #fff;
}

.circle {
  border-radius: 100%;
}

.text-link {
  letter-spacing: 0.5px;
  border: none;
  line-height: 1;
}

b {
  font-family: ralewaybold, sans-serif;
  font-weight: normal;
}

a,
span,
li {
  font-size: 1.4em;
}

a {
  color: #000000;
}

a:hover u {
  border-bottom-color: #c2a861 !important;
}
a:hover {
  color: #c2a861;
  text-decoration: underline;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}

a:focus {
  color: #333;
}

p {
  font-size: 1.6em;
  font-size: 16px;
  margin-bottom: 25px;
  letter-spacing: 0.5px;
}

p.grey {
  color: #9b9b9b;
}

p:last-child {
  margin-bottom: 0;
}

div.aligncenter,
p.aligncenter {
  text-align: center;
}

p a,
p span,
a i,
a span,
li span,
li a {
  font-size: 1em;
}

hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #c6c6c6;
}

hr.with-icon {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  display: block;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

hr.with-icon:before {
  content: "\f10c";
  position: absolute;
  left: 50%;
  top: -12px;
  margin-left: -16px;
  padding: 5px 10px;
  background: #fff;
  font-size: 14px;
}

h1,
h2,
h3,
h4 {
  color: #000;
  margin-bottom: 30px;
  font-family: ralewaymedium, sans-serif;
  letter-spacing: 0.5px;
  word-spacing: 0.3px;
  font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a {
  font-size: 1em;
  color: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
  color: #c2a861;
}

h2 {
  font-size: 26px;
  line-height: 1.45;
  letter-spacing: 1px;
  font-family: "ralewaybold";
}

h3 {
  font-size: 20px;
  font-family: ralewaybold, sans-serif;
}
.footer-cta h2,
.footer-cta h3,
.home-brands h3,
.home-blog-container h3,
.homepage-featured-container h3 {
  font-family: ralewaysemibold, sans-serif;
}

.double-heading {
  margin: 0 0 50px;
}

.double-heading span {
  display: block;
  font-size: 16px;
  font-family: ralewayregular, sans-serif;
  letter-spacing: 1px;
  padding-top: 5px;
}

.grey-container .double-heading span {
  color: #9b9b9b;
  font-family: "ralewaysemibold";
}

.grey-container .double-heading span strong {
  font-family: "ralewaybold";
}

.training-container .training-heading .double-heading {
  font-size: 26px;
  font-family: "ralewaybold";
  line-height: 1.6;
  margin-bottom: 70px;
}
.training-container .training-heading .double-heading span {
  font-size: 21px;
  font-family: "ralewaymedium";
}
h4 {
  font-size: 1.6em;
  font-family: ralewaysemibold, sans-serif;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Form */
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input:focus,
input:active,
textarea:focus,
textarea:active,
select:active,
select:focus,
button:active,
button:focus {
  outline: none;
}

.btn-left-icon {
  margin-top: 20px;
  border: none;
  background: #99c975;
  color: #fff;
  width: 100%;
  position: relative;
  border-radius: 4px;
  height: 50px;
}

.btn-left-icon span {
  letter-spacing: 2px;
  font-size: 1.6em;
  font-family: ralewaymedium, sans-serif;
}

.btn-left-icon i {
  font-size: 1.5em;
  position: absolute;
  right: 20px;
  top: 53%;
}

.btn-left-icon:hover {
  background: #000;
}
.btn-left-icon.medium {
  max-width: 330px;
}

a.button {
  display: inline-block;
  letter-spacing: 2px;
  font-size: 1.6em;
  text-transform: uppercase;
  font-family: ralewaymedium, sans-serif;
}
a.button:not(.modal-submit),
button[type="submit"]:not(.modal-submit),
input[type="submit"]:not(.modal-submit) {
  margin-top: 20px;
  border: none;
  background: #99c975;
  color: #fff;
  width: 100%;
  position: relative;
  border-radius: 4px;
  height: 50px;
  padding: 14px 0 10px;
}

button[type="submit"] span,
input[type="submit"] span {
  letter-spacing: 2px;
  font-size: 1.6em;
  text-transform: uppercase;
  font-family: ralewaymedium, sans-serif;
}

button[type="submit"] i,
input[type="submit"] i {
  font-size: 1.8em;
  padding-right: 10px;
}

a.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: #000;
}

input[type="submit"] {
  letter-spacing: 2px;
  font-size: 1.6em;
  text-transform: uppercase;
  font-family: ralewaymedium, sans-serif;
}

.bootstrap-select .dropdown-menu li,
.bootstrap-select .dropdown-menu li span {
  font-size: 15px;
  color: #000;
}

.bootstrap-select .dropdown-menu li.disabled span {
  color: #999999;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
  /*   display: none; */
  width: 16px;
  height: 10px;
  margin-top: -4px;
  background-image: url("../images/icons/select-icon.png");
  border: 0px;
  background-size: cover;
  background-position: center center;
}
.bootstrap-select.btn-group:hover .dropdown-toggle .caret,
.bootstrap-select.btn-group.open .dropdown-toggle .caret {
  background-image: url("../images/icons/select-icon-black.png");
}
.bootstrap-select.form-control {
  background: none;
}

.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  background: #f7f7f7;
}

.custom-upload-field.form-control[readonly],
.bootstrap-select.btn-group button,
.form-control {
  box-shadow: none;
  /*padding: 9px 10px 3px 15px;*/
  padding: 9px 10px 7px 15px;
  font-size: 15px;
  letter-spacing: 0.5px;
  background: #f7f7f7;
  height: 50px;
  color: #000;
  border: 1px solid #ececec;
  letter-spacing: 1px;
  /*   font-family: 'ralewaymedium'; */
}
.custom-upload-field.form-control[readonly] {
  cursor: pointer;
}
textarea.form-control {
  min-height: 110px;
}
.form-group .bootstrap-select button span {
  font-family: "ralewayregular";
}
.bootstrap-select.btn-group.noValue button span {
  color: #7b7b7b;
}
.bootstrap-select.btn-group button span {
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
}
.bootstrap-select.btn-group {
  height: auto;
}

.form-control:focus {
  border: 1px solid #99c975 !important;
  box-shadow: none;
}

.bootstrap-select.btn-group button,
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #f7f7f7;
  /*background-image: url("../images/icons/select-icon.png");*/
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  background-size: 16px;
  -o-background-size: 16px;
  -moz-background-size: 16px;
  -webkit-background-size: 16px;
}

.bootstrap-select.btn-group:hover button,
.bootstrap-select.btn-group.open button,
select.form-control:focus,
select.form-control:hover {
  background-color: #f7f7f7;
  /*background-image: url("../images/icons/select-icon-black.png");*/
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  background-size: 16px;
  -o-background-size: 16px;
  -moz-background-size: 16px;
  -webkit-background-size: 16px;
}

.bootstrap-select.btn-group.show-tick
  .dropdown-menu
  li.selected
  a
  span.check-mark {
  font-family: "fontawesome";
}
.bootstrap-select.btn-group.show-tick
  .dropdown-menu
  li.selected
  a
  span.check-mark:before {
  content: "\f00c";
}

select.form-control::-ms-expand {
  display: none;
}

select.noValue {
  color: #999999;
}

input[type="month"].noValue,
input[type="date"].noValue {
  color: #999999;
}

input[type="month"].noValue:before,
input[type="date"].noValue:before {
  width: 100%;
  content: attr(placeholder);
  color: #7b7b7b;
}

input[type="month"]:focus:before,
input[type="date"]:focus:before {
  width: 0%;
  content: "";
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/*.tooltip-inner {
  max-width: 300px;
  width: 300px;
  padding: 20px;
  font-family: ralewaylight, sans-serif;
  font-size: 1em;
  letter-spacing: 0.5px;
}*/

.flip-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.full-box-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.centerY {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.centerX {
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}

.centerXY {
  transform: translateY(-50%, -50%);
  -webkit-transform: translateY(-50%, -50%);
  -moz-transform: translateY(-50%, -50%);
  -ms-transform: translateY(-50%, -50%);
  -o-transform: translateY(-50%, -50%);
}

.check-icon {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  color: #fff;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 7px;
  position: relative;
  top: -2px;
  font-size: 14px;
  font-family: latoregular, sans-serif;
}

.check-icon svg {
  width: 20px;
  height: 15px;
  margin-top: 13px;
}

.check-icon svg path {
  fill: #fff;
}

.check-icon.bg-green:hover {
  background: #99c975;
}

.pagination li {
  display: inline-block;
  margin: 10px 5px 0 0;
}

.pagination li.next a,
.pagination li.prev a {
  padding-left: 7px;
  padding-right: 7px;
  width: auto;
  max-width: 100%;
  /*   background: none; */
  /*   color: #c1c1c1;   */
}

.pagination li a,
.pagination li span {
  padding: 10px 0 12px;
  text-align: center;
  max-width: 40px;
  min-width: 40px;
  display: inline-block;
  color: #d4d4d4;
  border-radius: 4px;
  font-size: 18px;
  border: none;
}

.pagination li.active a:hover,
.pagination li.active a:focus,
.pagination li.active a {
  color: #fff;
  background: #000;
}

.pagination li.active span,
.pagination li.active span:hover {
  color: #fff;
  background: #000;
}

.cd-radio label {
  float: left;
  position: relative;
  cursor: pointer;
  margin: 0;
}

.cd-radio label input {
  visibility: hidden;
  position: absolute;
}

.cd-radio label input:checked + span {
  background: #000;
  border-color: #000;
  color: #fff;
}

.cd-radio label:first-child input:checked + span {
  background: #99c975;
  border-color: #99c975;
}

.cd-radio label span {
  min-width: 60px;
  height: auto;
  padding: 7px 0 5px;
  display: inline-block;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: #555;
  letter-spacing: 1px;
  font-size: 12px;
}

.cd-radio label:first-child > input + span {
  border-radius: 20px 0 0 20px;
}

.cd-radio label:last-child > input + span {
  border-radius: 0 20px 20px 0;
}

/* navigation */
.navigation {
  background: #fff;
}

.navigation .nav-container {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0;
}

.navigation .nav-container.center .logo-container {
  text-align: center;
}

.navigation .logo-container {
  margin: 10px 0 10px;
}

.navigation .right-nav {
  text-align: right;
  margin-top: 15px;
}

.navigation .right-nav ul li {
  display: inline-block;
  font-size: 1em;
  margin-left: 10px;
}

.navigation .right-nav ul li:first-child {
  margin-left: 0px;
}

.navigation .right-nav ul li a {
  display: block;
  padding: 24px 14px 14px;
  font-size: 15px;
  cursor: pointer;
  font-family: ralewaysemibold, sans-serif;
  border-bottom: 2px solid transparent;
}

.navigation .right-nav ul li:hover a {
  text-decoration: none;
  color: #000;
  border-color: #e8d280;
}

.navigation .right-nav ul li a .notif-badge,
.notif-badge {
  position: relative;
  top: -2px;
  background: #f25a5a;
  color: #fff;
  border-radius: 15px;
  min-width: 10px;
  padding: 3px 8px 4px !important;
  display: inline;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  font-family: ralewaylight, sans-serif;
  margin-left: 5px;
}
.navigation .right-nav ul li a .notif-badge.new-nav-badge {
  font-family: gilroysemibold, sans-serif;
  font-size: 10px;
  font-weight: 700;
}
.navigation .right-nav ul li:not(.btn-menu) a:hover span.notif-badge::before {
  display: none;
}

.navigation .right-nav ul li.active a {
  text-decoration: none;
  border-color: #e8d280;
}

.navigation .right-nav ul .nav-icon a {
  cursor: pointer;
}

.navigation .right-nav ul .nav-icon a i {
  font-size: 20px;
}

.navigation .right-nav ul .nav-icon a:hover {
  border-color: transparent;
}

.navigation .right-nav ul .nav-icon.active {
  border-color: transparent;
}

.navigation .notif-badge {
  font-weight: 700
}

@media only screen and (max-width: 1319.98px)and (min-width: 1190.98px) {
  .navigation .nav-container .right-nav ul li {
    margin-left: 12px
  }

  .navigation .nav-container .right-nav ul li>a {
    font-size: 14px
  }
}

/* nav search */
.nav-search-container {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0;
  display: none;
}

.nav-search-container .nav-search {
  position: relative;
}

.nav-search-container .nav-search form {
  position: relative;
}
.nav-search-container .nav-search button {
  border: none;
  border-radius: 0;
  background: none;
  width: auto;
  color: #000;
  height: auto;
  margin: 0;
  padding: 0;
  margin-left: 15px;
  position: absolute;
  top: 6px;
  left: 0px;
}

.nav-search-container .nav-search button i {
  font-size: 20px;
  position: static;
}

.nav-search-container .nav-search input {
  padding: 5px 0 2px;
  border: none;
  font-size: 16px;
  letter-spacing: 1px;
  font-family: ralewaylight, sans-serif;
  padding-right: 50px;
  padding-left: 50px;
  width: 100%;
}

.nav-search-container .nav-search .close-nav-search {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 15px;
}

.nav-search-container .nav-search .close-nav-search i {
  font-size: 20px;
}

/* homepage slider */
.homepage-slider-container .slide {
  height: 700px;
  position: relative;
  background: #000;
  z-index: 10;
}

.homepage-slider-container .slide {
  background-size: cover;
}
.homepage-slider-container .slide.image-only a {
  display: block;
  width: 100%;
  height: 100%;
}
.homepage-slider-container .slide.bg-position-top {
  background-position: center top;
}
.homepage-slider-container .slide.bg-position-center {
  background-position: center center;
}
.homepage-slider-container .slide.bg-position-bottom {
  background-position: center bottom;
}

.homepage-slider-container .slide .row {
  padding-left: 15px;
  padding-right: 15px;
}
.homepage-slider-container .slide .row > .col-md-5 {
  padding: 0px;
  padding-right: 20px;
}

.homepage-slider-container .slide-content-container {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.homepage-slider-container .slide-content-container h2 {
  color: #fff;
  margin-top: 0;
  font-size: 5em;
  line-height: 1.1;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  letter-spacing: 0;
}

.homepage-slider-container .slide-content-container p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 40px;
  line-height: 1.6;
}

.homepage-slider-container .slide-content-container a {
  /*   width: 200px; */
  letter-spacing: 1px;
  font-family: ralewaybold, sans-serif;
  font-size: 15px;
  padding: 12px 25px 10px;
  background: #fff;
  color: #333;
}

.homepage-slider-container .slide-content-container a:hover {
  background: none;
  border-color: #fff;
  color: #fff;
}

.homepage-slider-container .owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute;
  bottom: 10%;
  left: 50%;
  margin-left: -593px;
  max-width: 1170px;
  width: 100%;
  text-align: left;
}

.homepage-slider-container .owl-theme .owl-dots .owl-dot span {
  height: 8px;
  width: 8px;
  margin: 5px 12px;
  background: rgba(255, 255, 255, 0.5);
}

.homepage-slider-container .owl-theme .owl-dots .owl-dot.active span,
.homepage-slider-container .owl-theme .owl-dots .owl-dot:hover span {
  background: #fff;
}

/* main buttons (2 buttons) */
.main-buttons-container {
  padding: 50px 0;
  background: #f3f3f3;
}

.main-buttons-container .col-md-6 {
  padding: 0 15px;
}

.main-buttons-container .big-button {
  position: relative;
  padding: 13px 0 10px;
  border: 2px solid #333;
  text-align: center;
  border-radius: 50px;
  background: #000000;
  color: #fff;
}

.main-buttons-container .big-button:hover {
  background: none;
}

.main-buttons-container .big-button .title {
  font-size: 2.6em;
  font-family: ralewaysemibold, sans-serif;
  display: block;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1;
  margin-bottom: 2px;
}

.main-buttons-container .big-button .caption {
  font-size: 1.3em;
  font-family: ralewaysemibold, sans-serif;
  display: block;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.main-buttons-container .big-button:hover .title,
.main-buttons-container .big-button:hover .caption {
  color: #000000;
}

/* homepage feature container */
.homepage-featured-container {
  padding: 60px 0 40px;
}

.home-blog-container h3,
.homepage-featured-container h3 {
  letter-spacing: 2px;
  text-transform: uppercase;
}

.home-blog-container .row > h3 {
  text-align: center;
  padding: 30px 15px;
  margin-bottom: 15px;
}
.home-blog-container .blog-list h3 {
  text-transform: none;
}
.homepage-featured-container .featured-person-container {
  text-align: center;
  padding: 0 15px;
}

.homepage-featured-container .featured-person-container img {
  margin-bottom: 30px;
  width: 100%;
  max-width: 280px;
}

.homepage-featured-container .featured-person-container .name {
  display: block;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: ralewaysemibold, sans-serif;
}

.homepage-featured-container .featured-person-container .title {
  font-size: 1.2em;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #a9a9a9;
  display: block;
  margin-bottom: 20px;
}

.homepage-featured-container .featured-person-container p {
  font-size: 14px;
  letter-spacing: 0.5px;
  font-family: ralewaymedium, sans-serif;
}

.homepage-featured-container .services-container {
  text-align: center;
}

.homepage-featured-container .services-container h3 {
  margin-bottom: 40px;
}

.homepage-featured-container .staff-job-box {
  float: left;
  width: 33.333%;
  margin-bottom: 35px;
  padding: 0 8px;
  position: relative;
}

.homepage-featured-container .staff-job-box svg {
  background: #000;
  border-radius: 100%;
  height: 75px;
  width: 75px;
}

.homepage-featured-container .staff-job-box span {
  font-size: 1.2em;
  display: block;
  height: 40px;
  overflow: hidden;
  line-height: 1.3;
  padding-top: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: ralewaysemibold, sans-serif;
}

.homepage-featured-container .staff-job-box:hover svg {
  background: #c2a861;
}

/* home blog */
.home-blog-container {
  padding: 0px 0 70px;
}

.blog-list .bl-img-container {
  position: relative;
  margin-bottom: 10px;
  background: #000;
  border-radius: 5px;
}

.blog-list p {
  margin-bottom: 20px;
}

.bl-container .flex-wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
}

.bl-container .flex-wrap .col-md-4 {
  margin-top: 50px;
}

@media only screen and (max-width: 1200px) and (min-width: 993px) {
  .community-container .bl-container .flex-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 992px) {
  .bl-container .flex-wrap .col-md-4 .blog-list:first-child {
    margin-top: 45px !important;
  }
  .bl-container .flex-wrap .col-md-4 {
    max-width: 50%;
    margin: 0 auto;
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  .bl-container .flex-wrap .col-md-4 {
    max-width: 500px;
  }
}

.blog-list .bl-img-container a img {
  width: 100%;
  display: block;
  border-radius: 4px;
}

.blog-list .bl-img-container a i {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  display: inline-block;
  font-size: 1.3em;
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
  line-height: 44px;
  text-align: center;
  color: #000;
  font-size: 20px;
}

.blog-list .bl-img-container a:hover img {
  opacity: 0.8;
}

.blog-list span {
  display: block;
  margin-bottom: 20px;
  color: #a9a9a9;
  font-size: 1.2em;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: ralewaymedium, sans-serif;
}

.blog-list h3 + span {
  font-family: ralewaybold, sans-serif;
  letter-spacing: 2px;
  word-spacing: 1px;
}
.blog-list h3 {
  margin: 0;
  font-size: 16px;
  letter-spacing: 1px;
  overflow: hidden;
  font-family: ralewaybold, sans-serif;
}

.blog-list h3 a {
  display: block;
  padding: 10px 0 8px;
}

.blog-list p {
  font-size: 14px;
  overflow: hidden;
  letter-spacing: 1px;
}

/* home brands */
.home-brands {
  background: #f3f3f3;
  padding: 55px 0 70px;
}

.home-brands ul {
  padding-top: 20px;
  text-align: center;
}

.home-brands ul li {
  padding: 0 10px;
  width: 33%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

/* footer cta */
.footer-cta {
  padding: 60px 0 80px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  margin-top: -1px;
}

.footer-cta .btn-container .btn:first-child {
  background: #000;
  color: #fff;
}

.footer-cta .btn-container .btn:first-child:hover {
  background: #c2a861;
  border-color: #c2a861;
}

.footer-cta .fcta-heading {
  position: relative;
}

.footer-cta .fcta-heading h2,
.footer-cta .fcta-heading h3 {
  letter-spacing: 4px;
  word-spacing: 1px;
  position: relative;
  font-size: 26px;
}

.footer-cta .fcta-heading span {
  letter-spacing: 0px;
}

.footer-cta .fcta-heading span {
  display: inline-block;
  margin-top: 5px;
  z-index: 1;
  position: relative;
  background: #fff;
  padding: 0 15px;
}
.footer-cta .fcta-heading {
  overflow: hidden;
}
.footer-cta .fcta-heading span:before,
.footer-cta .fcta-heading span:after {
  content: "";
  width: 130px;
  height: 1px;
  background: #c6c6c6;
  top: 50%;
  left: 100%;
  position: absolute;
  display: block;
  border: 0px !important;
  z-index: -1;
}

.footer-cta .fcta-heading span:before {
  left: -130px;
}

.footer-cta .fcta-heading i {
  font-size: 30px;
  color: #e8d280;
}

.footer-cta .fcta-stats {
  margin: 50px 0 80px;
}

body.logged-in,
body.login-page,
body.signup-page {
  padding: 0px;
  margin: 0px;
  background: #ffffff;
}
body.login-page .footer-cta .fcta-stats,
body.logged-in .footer-cta .fcta-stats,
body.signup-page .footer-cta .fcta-stats {
  margin-bottom: 20px;
}

.footer-cta .fcta-stats svg {
  height: 60px;
  width: 60px;
  margin-bottom: 10px;
}

.footer-cta .fcta-stats span {
  font-size: 2.6em;
  letter-spacing: 4px;
  word-spacing: 2px;
  font-family: "ralewaymedium";
}

.footer-cta .btn-container .btn {
  width: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: "ralewaybold";
}

/* footer */
.main-footer {
  padding: 60px 0;
  background: #272727;
}

.main-footer .footer-social {
  margin-bottom: 50px;
  text-align: center;
}

.main-footer .footer-social span {
  color: #fff;
  font-size: 1.2em;
  letter-spacing: 2px;
  font-family: ralewaybold, sans-serif;
  display: block;
  margin-bottom: 20px;
}

.main-footer .footer-social ul li {
  display: inline-block;
}

.main-footer .footer-social ul li a {
  padding: 5px 15px;
  display: block;
}

.main-footer .footer-social ul li a i {
  font-size: 2em;
  color: #6d6d6d;
}

.main-footer .footer-social ul li a:hover i {
  color: #e8d280;
}

.main-footer .footer-links {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 10px;
}

.main-footer .footer-links ul li {
  display: inline-block;
}

.main-footer .footer-links ul li a {
  font-size: 13px;
  font-family: ralewaysemibold, sans-serif;
  color: #9b9b9b;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 15px;
  letter-spacing: 1px;
}

.main-footer .footer-links ul li a:hover {
  color: #e8d280;
}

.main-footer .copyright {
  text-align: center;
  text-transform: uppercase;
  font-family: "ralewayregular";
  color: #7b7b7b;
  font-size: 12px;
}

/* how it works */
.hiw-heading {
  padding: 60px 0;
  text-align: center;
  background: #f3f3f3;
  background-image: url("../images/img/how-it-works-bg.png");
  background-size: cover;
  background-position: center;
  height: 480px;
}

.hiw-cta-container h2,
.hiw-heading h2 {
  font-family: "ralewaysemibold";
}
.hiw-heading h2 {
  margin: 0px;
}
.hiw-cta-container h2 {
  margin-bottom: 70px;
  padding: 0 15px;
}
.alternative .hiw-cta-container h2 {
  margin-bottom: 0px;
}
.hiw-cta-container .hiw-cta-box h2 {
  margin-bottom: 30px;
}
.hiw-video-container {
  text-align: center;
  padding: 0 15px;
  /*   margin-top: -19.5%; */
  position: relative;
}
.hiw-video-container .video-wrapper {
  margin-top: -290px;
}
.video-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  width: 100%;
}

.video-wrapper:before {
  content: "";
  width: 100%;
  display: block;
  /*padding-top: 56.25%;*/
  padding-top: 56.27%;
  /*padding-top: 55%;*/
}

.video-wrapper iframe,
.video-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px;
  outline: 0px;
  box-shadow: 0px;
}

.hiw-video-container iframe,
.hiw-video-container img {
  border-radius: 7px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.hiw-cta-container {
  text-align: center;
  padding: 60px 0;
}
.hiw-cta-container h2 {
  margin-top: 0px;
}
.hiw-cta-container .hiw-cta-box {
  padding: 0 30px;
}

.hiw-cta-container .col-md-6 .hiw-cta-box {
  padding: 0 30px;
  padding-right: 80px;
}

.hiw-cta-container .col-md-6 + .col-md-6 .hiw-cta-box {
  padding: 0 30px;
  padding-left: 80px;
}
.hiw-cta-container .col-md-6 + .col-md-6 .hiw-cta-box h2 {
  position: relative;
}

.hiw-cta-container .col-md-6 + .col-md-6 .hiw-cta-box h2:before {
  content: "";
  height: 260px;
  width: 1px;
  background: #e5e5e5;
  position: absolute;
  display: block;
  top: 100%;
  margin-top: 60px;
  margin-left: -105px;
}
.hiw-cta-container .hiw-cta-box .btn {
  width: 200px;
  margin-top: 20px;
  font-family: "ralewaybold", sans-serif;
}

.hiw-cta-container .hiw-cta-box p {
  position: relative;
  padding-left: 65px;
  text-align: left;
  font-size: 14px;
}

.hiw-cta-container .hiw-cta-box p .icon-holder {
  position: absolute;
  left: 0;
  top: -3px;
  background: #e8d280;
  height: 45px;
  width: 45px;
  border-radius: 100%;
  text-align: center;
}

.hiw-cta-container .hiw-cta-box p .icon-holder i {
  color: #fff;
  font-size: 1.5em;
  margin: 10px 0 0 2px;
}

.hiw-cta-container .hiw-cta-box p .icon-holder .fa-edit {
  margin: 12px 0 0 5px;
  font-size: 1.6em;
}

.hiw-cta-container .hiw-cta-box p .icon-holder .fa-calendar-o {
  margin-top: 11px;
}

.hiw-cta-container .hiw-cta-box p .icon-holder .fa-thumbs-o-up {
  font-size: 1.6em;
}

.hiw-cta-container .hiw-cta-box p .icon-holder .fa-star {
  margin-top: 12px;
}

.hiw-cta-container .hiw-cta-box p .icon-holder .fa-file-text-o {
  margin: 11px 0 0 3px;
}

.hiw-cta-container .hiw-cta-box p .icon-holder .fa-users {
  margin-top: 12px;
}

.grey-container,
.success-stories-container {
  text-align: center;
  padding: 60px 0;
  background: #f3f3f3;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.grey-container {
  text-align: left;
}
.grey-container .double-heading {
  text-align: center;
}
.grey-container .double-heading.alignleft {
  text-align: left;
}
.success-stories-container.bg-white {
  background: #ffffff;
}
.success-stories-container.bg-white .double-heading {
  margin-bottom: 0px;
}

.success-stories-container.bg-white hr {
  margin: 50px 0px;
}

.success-stories-container.bg-white .col-md-9 .double-heading {
  margin-bottom: 20px;
  text-align: left;
}
.success-stories-container.bg-white .col-md-9 .double-heading span {
  color: #9b9b9b;
  font-family: "ralewaysemibold";
}
.success-stories-container.bg-white .col-md-3 img {
  width: 100%;
}
.success-stories-container.bg-white .col-md-9 {
  text-align: left;
}

.success-stories-container .double-heading {
  text-align: center;
  font-family: "ralewaysemibold";
  margin-bottom: 60px;
}

.success-stories-container .success-story-box {
  float: left;
  width: 20%;
  padding: 0 15px;
  position: relative;
  margin-bottom: 40px;
}

.success-stories-container .success-story-box a:hover {
  color: #c2a861;
}

.success-stories-container .success-story-box img {
  margin-bottom: 15px;
  border-radius: 3px;
  width: 100%;
  max-width: 204px;
}

.success-stories-container .success-story-box .name {
  font-size: 15px;
  letter-spacing: 1.8px;
  font-family: "ralewaybold", sans-serif;
  display: block;
}

.success-stories-container .success-story-box .role {
  font-size: 12px;
  color: #a9a9a9;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "ralewaybold", sans-serif;
}

.success-stories-container .success-story-box:hover img {
  opacity: 0.7;
}

.success-stories-container .btn {
  font-family: "ralewaybold";
  padding: 12px 40px;
}

/* community */
.community-container {
  padding: 60px 0;
  text-align: center;
}

.community-container .bl-container .row {
  margin-top: 50px;
}

.community-container .ch-bottom .grey-container {
  background: #f3f3f3;
  padding: 10px 30px;

  margin-bottom: 35px;
}
.community-container .ch-bottom > h3,
.community-container .bl-container > h3 {
  font-family: "ralewaysemibold";
  margin-top: 70px;
}
.community-container .container > .btn {
  width: 200px;
  letter-spacing: 2px;
  font-family: ralewaybold, sans-serif;
  font-size: 14px;
}

.community-container h2 {
  margin-bottom: 15px;
  font-family: ralewaysemibold;
  margin-top: 0px;
}

.community-container .ch-top {
  padding: 50px 0 30px;
}

.community-container .ch-top img {
  width: 100%;
}

.community-container .ch-top .cht-content {
  height: 300px;
  position: relative;
  padding: 20px;
}

.community-container .ch-top .cht-box1 {
  background-repeat: no-repeat;
  background-size: cover;
}
.community-container .ch-top .cht-content {
  background-position: center;
}
.community-container .ch-top .cht-box1 .text {
  padding: 55px 20px 60px;
  display: block;
  font-family: ralewaybold, sans-serif;
  color: #fff;
  font-size: 2.8em;
  letter-spacing: 2px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

.community-container .ch-top .cht-box1:hover .btn {
  background: #fff;
  color: #000;
}

.community-container .ch-top .cht-box2 {
  background: url("../images/img/community-top-img2.jpg") no-repeat;
  background-size: cover;
  text-align: left;
  padding-left: 25px;
}

.community-container .ch-top .cht-box2 .text {
  color: #fff;
  font-size: 2.4em;
  letter-spacing: 2px;
  font-family: ralewayregular, sans-serif;
  display: inline-block;
  line-height: 1.4;
  margin: 75px 0 15px;
}

.community-container .ch-top .cht-box2 .btn {
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  padding: 8px 18px;
  min-width: auto;
}

.community-container .ch-top .cht-box2:hover .btn {
  background: #fff;
  color: #000;
}

.community-container .ch-top .cht-box3 {
  background: url("../images/img/community-top-img3.jpg") no-repeat;
  background-size: cover;
}

.community-container .ch-top .cht-box3 .text {
  color: #fff;
  display: block;
  margin: 60px 0 72px;
  font-size: 2.4em;
  font-family: ralewaysemibold, sans-serif;
  letter-spacing: 2px;
  line-height: 1.4;
}

.community-container .ch-top .cht-box3 .btn {
  border: 2px solid #fff;
  color: #fff;
  min-width: 170px;
}

.community-container .ch-top .cht-box3:hover .btn {
  background: #fff;
  color: #000;
}

.community-container .ch-bottom img {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 1px;
}

.community-container .ch-bottom p {
  padding: 0 15px;
  font-size: 14px;
  text-align: left;
  font-family: ralewaysemibold, sans-serif;
}

.community-container .ch-bottom .chb-content {
  position: relative;
}

.community-container .ch-bottom .chb-content:hover img {
  opacity: 0.7;
}

.community-container .bl-container {
  padding-top: 5px;
  text-align: left;
}
.community-container .bl-container p {
  padding: 0px;
  font-family: ralewayregular, sans-serif;
}

.social-community {
  padding: 70px 0;
  background: #f3f3f3;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.social-community h2 {
  text-align: center;
  font-family: ralewaysemibold;
}

.social-community .social-box {
  position: relative;
  padding: 15px;
  text-align: center;
  border-left: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  height: 537px;
  background: #fff;
}

.social-community .facebook-box {
  border-top: 4px solid #3b5998;
}

.social-community .facebook-box .fb-page,
.social-community .facebook-box .fb-page span,
.social-community .facebook-box iframe {
  width: 100% !important;
}

.social-community .youtube-box {
  border-top: 4px solid #e62117;
}

.instagram-box .insta-header {
  margin: 15px 0 12px;
}

.instagram-box .insta-header .ih-text {
  color: #666;
  letter-spacing: 0.5px;
  float: left;
  font-size: 1.8em;
  font-family: "ralewaysemibold", sans-serif;
}

.instagram-box .insta-header .ih-handle {
  font-size: 1em;
}

.instagram-box .insta-header .ih-handle a {
  color: #ed353a;
  font-size: 1.8em;
  float: right;
  font-family: ralewaysemibold, sans-serif;
}

.instagram-box .insta-header .ih-handle a:hover {
  color: #000;
}

.instagram-box .insta-content #instafeed a {
  border: 0;
}

.instagram-box .insta-content #instafeed a img {
  width: 100%;
  height: 100%;
}

.instagram-box .insta-content #instafeed a img:hover {
  opacity: 0.8;
}

.instagram-box .insta-content #instafeed:after {
  content: "";
  clear: both;
  display: block;
}

.youtube-box {
  border-top: 4px solid #e62117;
}

.youtube-box h4 {
  margin: 7px 0 10px;
  text-align: left;
}

.youtube-box h4 > span {
  color: #666;
  font-size: 18px;
  padding-top: 12px;
  display: inline-block;
  font-family: "ralewaysemibold";
}

.youtube-box h4 > a {
  float: right;
  padding: 6px 18px 4px;
  margin: 7px 0 2px;
  font-size: 13px;
  background: #ed353a;
  border-radius: 0;
  min-width: 0;
  color: #fff;
}

.youtube-box h4 > a:hover {
  color: #fff;
}

.youtube-box .youtube-content {
  overflow: auto;
  height: 448px;
  border-top: 1px solid #ccc;
  padding-top: 13px;
}

.youtube-box .tube-box {
  position: relative;
  margin-bottom: 13px;
  cursor: pointer;
}

.youtube-box .tube-box .preview {
  float: left;
  width: 41%;
}

.youtube-box .tube-box .preview img {
  width: 100%;
  border-radius: 2px;
}

.youtube-box .tube-box .tube-title {
  float: left;
  width: 59%;
  max-height: 80px;
  padding-left: 15px;
  text-align: left;
  font-size: 1.4em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: ralewaysemibold, sans-serif;
  color: #000;
  letter-spacing: 0.5px;
  overflow: hidden;
  line-height: 1.35;
}

.youtube-box .tube-box .tube-title .video-date {
  display: block;
  font-size: 12px;
  color: #9e9d9d;
  padding-top: 5px;
}

.youtube-box .tube-box > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-box .tube-box:hover .tube-title {
  color: red;
}

.youtube-box .tube-box:after {
  content: "";
  clear: both;
  display: block;
}

/* training */
.training-container {
  padding: 60px 0;
  padding-bottom: 70px;
}

.training-heading {
  text-align: center;
}

.training-container .filter-container > span {
  font-family: "ralewaybold";
}
.filter-container > span {
  font-size: 1.4em;
  font-family: ralewaysemibold, sans-serif;
  color: #000;
  letter-spacing: 1px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.filter-container > ul > li {
  display: inline-block;
}

.filter-container > ul > li > a {
  display: block;
  padding: 8px 12px 6px;
  border-radius: 4px;
  background: #f7f7f7;
  font-size: 13px;
  color: #9b9b9b;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: ralewaysemibold, sans-serif;
}

.filter-container > ul > li > a:hover {
  background: #000;
  color: #fff;
}

.filter-container > ul > li.active > a {
  background: #000;
  color: #fff;
}

.training-box-container {
  margin-top: 50px;
}

.training-box {
  /*   padding: 30px 25px; */
  margin-bottom: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.training-box .box-content {
  padding: 30px 25px;
}

.training-box .featured-image {
  min-height: 100px;
  background: #efefef;
}
.training-box h3 {
  margin: 0 0 15px;
  letter-spacing: 1px;
  height: 42px;
  /*   overflow: hidden; */
  line-height: 1.2;
}

.training-box p {
  font-size: 13px;
  letter-spacing: 0.3px;
  height: 80px;
  overflow: hidden;
  font-family: "ralewaymedium";
  margin-bottom: 25px;
}

.training-box .tb-buttons .course-price {
  float: right;
  font-family: ralewaymedium, sans-serif;
  font-size: 2.6em;
  position: relative;
  top: 4px;
  line-height: 1;
}

.training-container .training-box .tb-buttons a {
  font-family: "ralewaybold";
}
.training-container .training-box .tb-buttons a.bg-green {
  margin-right: 2px;
}

.training-box .tb-buttons .btn {
  padding: 10px 14px 7px 16px;
  min-width: auto;
  font-size: 12px;
  border: none;
  font-family: ralewaymedium, sans-serif;
}

.training-box .tb-buttons .text-link {
  padding: 10px 14px 10px 15px;
  font-size: 12px;
  color: #9b9b9b;
  position: relative;
  top: 2px;
  letter-spacing: 0.8px;
  font-family: ralewaysemibold, sans-serif;
}

.training-box .tb-buttons .text-link:hover {
  color: #000;
}

.featured-training {
  padding: 70px 0;
  background: #f3f3f3;
  text-align: center;
}

.featured-training img {
  margin-bottom: 10px;
}

.featured-training span {
  display: block;
  font-size: 1.4em;
  letter-spacing: 1px;
  color: #9c9c9c;
  font-family: ralewaylight, sans-serif;
}

/* worker signup */
.signup-page {
  background: #f4f4f4;
  padding: 60px 0;
}

.signup-page .nav-tabs {
  margin: 0 -15px 20px;
  border: none;
}

.signup-page .nav-tabs li {
  margin-bottom: 0;
  /*width: 50%;*/
  width: 33%;
  padding: 0 15px;
  text-align: center;
}

.signup-page .nav-tabs li a {
  border: none;
  border-radius: 0;
  background: #fff;
  margin: 0;
  font-family: "ralewaybold", sans-serif;
  letter-spacing: 1px;
  padding: 15px 15px 13px;
  color: #9b9b9b;
}

.signup-page .nav-tabs li a:hover,
.signup-page .nav-tabs li a:active,
.signup-page .nav-tabs li a:focus {
  border: none;
}

.signup-page .nav-tabs li a .fa {
  font-size: 20px;
  padding-right: 8px;
  position: relative;
  top: 1px;
}

.signup-page .nav-tabs li:hover a {
  background: #c2a861;
  color: #fff;
}

.signup-page .nav-tabs li.active a {
  background: #000;
  color: #fff;
}

.signup-content {
  background: #fff;
  padding: 40px;
}

.signup-content.bs-content-2 form .signup-block:last-of-type,
.signup-content.ws-content-2 form .signup-block:last-of-type {
  margin-bottom: 0px;
}

.signup-content.signup-checklist .double-heading span {
  max-width: 530px;
}

.signup-content.bs-content-2 .signup-block textarea,
.signup-content.ws-content-2 .signup-block textarea {
  padding-right: 100px;
  /*   padding-left: 20px; */
}

.signup-content.ws-content-2
  .signup-block:first-of-type
  > .form-group:first-of-type {
  margin-bottom: 0px;
}
.signup-content.ws-content-2 .signup-block {
  padding: 0 40px;
}

.signup-content.bs-content-2 .signup-block:last-of-type,
.signup-content.ws-content-2 .signup-block:last-of-type {
  margin-bottom: 20px;
}
.signup-content.bs-content-2 .signup-block:last-of-type button,
.signup-content.ws-content-2 .signup-block:last-of-type button {
  margin-top: 0px;
}
.signup-content.ws-content-2 .signup-block h3 {
  font-size: 18px;
  margin-bottom: 0px;
}

.signup-content.ws-content-2 .signup-block:first-of-type h3 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 38px;
}

.signup-page.login .signup-content {
  padding: 60px;
}
.signup-done .signup-content {
  padding: 0px;
  padding-top: 30px;
  padding-bottom: 50px;
}

.signup-content.bs-content-2 h3 {
  text-align: center;
}

.signup-content .double-heading span {
  color: #9b9b9b;
}

.required-marker {
  display: inline-block;
  font-size: 1.6em;
  line-height: 0;
  position: relative;
  top: 8px;
  font-style: normal;
  /*   color: #ef6918; */
}

.signup-head {
  margin-bottom: 40px;
  text-align: center;
  padding-top: 20px;
}

.signup-head .do-it-later {
  text-transform: uppercase;
  text-decoration: underline;
  padding: 5px 10px;
  font-size: 1.3em;
  letter-spacing: 0.5px;
  font-family: ralewaybold, sans-serif;

  margin-top: -30px;
  display: inherit;
  color: #9b9b9b;
  font-family: ralewaymedium, sans-serif;
}

.signup-head .do-it-later:hover {
  color: #c2a861;
}

.ss-content-1 .signup-block {
  margin-bottom: 20px;
}
.signup-block {
  margin-bottom: 60px;
  padding: 0 50px;
}

.paj-3 .signup-block {
  margin-bottom: 40px;
}

.signup-block .ab-head {
  margin-bottom: 15px;
}

.signup-block .ab-head h3 {
  margin-bottom: 5px;
  font-size: 16px;
  font-family: "ralewaybold";
  margin-bottom: 0px;
}

.signup-block .ab-head span {
  color: #9b9b9b;
  letter-spacing: 0.5px;
  font-size: 13px;
  font-family: "ralewaymedium";
  margin-top: 5px;
  display: block;
}

.upload-profile-picture {
  padding-top: 30px;
  position: relative;
  border-radius: 4px;
  border: 1px dashed #bbb;
  background: #f7f7f7;
  height: 180px;
  margin-bottom: 15px;
  text-align: center;
}

.upload-profile-picture input.noValue + div {
  display: block;
}
.upload-profile-picture input + div {
  display: none;
}

.upload-profile-picture input.noValue + div + .success {
  display: none !important;
}
.upload-profile-picture input + div + .success {
  display: block !important;
}

.upload-profile-picture input[type="file"] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.upload-profile-picture i {
  font-size: 60px;
  color: #c3c2c2;
  margin-bottom: 15px;
}

.upload-profile-picture h4 {
  font-size: 1.4em;
  margin: 0 0 5px;
}

.upload-profile-picture span {
  font-size: 1.2em;
  color: #9b9b9b;
  letter-spacing: 0.5px;
  font-family: ralewaymedium, sans-serif;
}

.upload-profile-picture:hover i {
  color: #000;
}

.additional-block .ab-head {
  margin-bottom: 15px;
}

.additional-block .ab-head h3 {
  margin-bottom: 5px;
}

.additional-block .ab-head span {
  color: #9b9b9b;
  letter-spacing: 0.5px;
}

.additional-block .add-fields,
.additional-block .remove-fields {
  min-width: 0;
  width: 100%;
  border-radius: 4px;
  padding: 14px 0 12px;
}

.additional-block .add-fields.inactive,
.additional-block .remove-fields.inactive {
  background: #b6b6b6;
  cursor: default;
}

.additional-block .add-fields i,
.additional-block .remove-fields i {
  vertical-align: middle;
  font-size: 18px;
}

.availability-block .ab-head {
  margin-bottom: 15px;
}

.availability-block .ab-head span {
  color: #9b9b9b;
  letter-spacing: 0.5px;
}

.availability-block .days-block {
  padding: 17px 0;
  border-top: 1px solid #e5e5e5;
}

.availability-block .days-block:last-child {
  padding-bottom: 0px;
}
.availability-block .days-block > span {
  width: 80px;
  display: inline-block;
  font-size: 1.6em;
  letter-spacing: 1px;
  font-family: ralewaysemibold, sans-serif;
}

.availability-block .days-block > div {
  display: inline-block;
  padding: 0 10px;
}

.availability-block .days-block > div span {
  display: inline-block;
  padding-right: 10px;
  font-size: 1.6em;
  letter-spacing: 1px;
  font-family: ralewaymedium, sans-serif;
}

/*.availability-block .days-block > .from > .time_pick,
.availability-block .days-block > .to > .time_pick{
  min-width: 100px;
  width: auto;
}

.availability-block .days-block .time_pick{
  display: inline-block;
  height: 40px;
}
.availability-block .days-block .timepicker{
  height: 40px;
  display: inline-block;
}
.availability-block .days-block .timepicker input{
  width: 100px;
  height: auto;
  padding: 10px 10px 10px 10px;
  word-spacing: -3px;
  line-height: 1.42857143;
  height: 40px;

}*/

.availability-block .days-block > div .time-picker-wrap,
.availability-block .days-block > div input[type="time"] {
  max-width: 118px;
}
.availability-block .days-block > div .time-picker-wrap,
.availability-block .days-block > div input[type="time"],
.availability-block .days-block > div select {
  display: inline-block;
  width: auto;
  min-width: 100px;
  height: 40px;
  padding: 10px 6px 10px 6px;
  background-position-y: 12px;
}
.availability-block .days-block > div .time-picker-wrap input.form-control {
  height: 40px;
  padding: 10px 6px 10px 6px;
}

.availability-block .days-block > div .time-picker-wrap {
  padding: 0px;
  position: relative;
}

.availability-block .days-block .checkbox-container {
  float: right;
  margin-top: 10px;
  padding: 0px;
}

.availability-block .days-block .checkbox-container label {
  font-size: 14px;
  color: #9b9b9b;
  letter-spacing: 1px;
  font-family: "ralewaymedium";
}

.signup-page .signup-block.availability-block {
  margin-bottom: 55px;
}

.availability-block
  .days-block
  .checkbox-container
  label
  input[type="checkbox"] {
  height: 15px;
  width: 15px;
  position: relative;
  top: 1px;
}

.availability-block .days-block .checkbox-container label:first-child {
  /*   padding-right: 20px; */
  padding-right: 5px;
}

.emergency-contact .ab-head {
  margin-bottom: 15px;
}

.emergency-contact .ab-head h3 {
  margin-bottom: 5px;
}

.emergency-contact .ab-head span {
  color: #9b9b9b;
  letter-spacing: 0.5px;
}

/* signup-checklist */
.signup-checklist .signup-head {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

.signup-checklist ul {
  padding: 0 60px;
}

.signup-checklist .btn-container {
  margin: 60px 0 20px;
}

.signup-checklist ul li {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}

.signup-checklist ul li .done {
  font-family: ralewaymedium, sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #99c975;
  float: right;
  margin: 12px 10px 0 0;
}

.signup-checklist ul li a {
  font-size: 13px;
  font-family: ralewaymedium, sans-serif;
  border-radius: 4px;
  min-width: 0;
  float: right;
  padding: 10px 15px 8px;
}

.signup-checklist ul li .caption {
  font-size: 17px;
  letter-spacing: 0.5px;
  padding-left: 15px;
  font-family: ralewaymedium, sans-serif;
}

.signup-checklist ul li .bg-grey path {
  fill: #9b9b9b;
}

.signup-checklist ul li:last-child {
  border: none;
  padding-bottom: 0px;
}

/* signup done */
.signup-page-done {
  padding: 60px 0 0;
  border-bottom: 1px solid #cbcbcb;
}

body.alternate .signup-page-done {
  border-bottom: 0px;
}

.signup-done .signup-head {
  padding-top: 0;
  margin-bottom: 0;
}

.signup-done .signup-head .double-heading {
  margin-bottom: 40px;
  font-family: ralewaysemibold, sans-serif;
}

.signup-done .signup-head p:first-of-type {
  font-size: 1.8em;
  color: #000;
  font-family: ralewaymedium, sans-serif;
  letter-spacing: 1px;
}

.signup-done .signup-head .text-info {
  max-width: 570px;
  margin: 0 auto 40px;
  color: #9b9b9b;
  letter-spacing: 1px;
  line-height: 1.5;
  font-size: 16px;
  font-family: "ralewaymedium";
}

.modal-dialog .check-icon,
.signup-done .check-icon {
  height: 70px;
  width: 70px;
  margin: 0 0 30px 3px;
}

.modal-dialog .check-icon {
  margin-top: 20px;
  margin-bottom: 20px;
}

.modal-dialog .check-icon svg,
.signup-done .check-icon svg {
  width: 35px;
  height: 25px;
  margin: 23px 0 0 3px;
}

.signup-done .signup-content {
  max-width: 770px;
  margin: 0 auto;
}

.signup-done .signup-content .block-buttons {
  position: relative;
  background: #000;
  color: #fff;
  border-radius: 4px;
  padding: 15px 55px;
  text-align: center;
  margin-bottom: 15px;
}

.signup-done .signup-content .block-buttons span {
  font-size: 1.4em;
  letter-spacing: 1px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.signup-done .signup-content .block-buttons i {
  font-size: 18px;
}

.signup-done .signup-content .block-buttons .bb-left {
  position: absolute;
  top: 50%;
  left: 20px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.signup-done .signup-content .block-buttons .bb-right {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: 2px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.signup-done .signup-content .block-buttons:hover {
  background: #c2a861;
}

.signup-done .signup-content .block-buttons:last-child {
  margin: 0;
}

.signup-done .pro-image-container {
  text-align: center;
}

.signup-done .pro-image-container.custom-margin {
  margin-bottom: 4%;
  margin-top: -10px;
}
.signup-done .pro-image-container.small-margin {
  margin-bottom: 40px;
}
.signup-done .pro-image-container.aligncenter {
  text-align: center;
}
.signup-done .pro-image-container.aligncenter img {
  width: auto;
}

.signup-done .pro-image-container img {
  width: 100%;
  max-width: 946px;
}

/* business signup 2 */
.signup-page.login .double-heading span {
  margin-top: 0px;
  font-family: "ralewaymedium";
}
.signup-content .double-heading span,
.bs-content-2 .double-heading span {
  max-width: 890px;
  margin: 0 auto;
  margin-top: 5px;
  font-size: 15px;
}
.signup-page .signup-content .double-heading {
  margin-bottom: 40px;
}
.signup-page .signup-content h2.custom-margin {
  margin-bottom: 25px;
}
.signup-page .signup-content small {
  font-family: "ralewaymedium";
  letter-spacing: 0px;
  font-size: 15px;
  color: #9b9b9b;
}

.login-page .signup-page .signup-content.login-sidebar .double-heading {
  margin-bottom: 32px;
}
.login-page .signup-page .signup-content.login-sidebar .double-heading.small {
  font-size: 20px;
}

body.alternate .signup-page .signup-content .double-heading i {
  margin-right: 10px;
}

.signup-page .signup-content .double-heading span {
  margin-top: 0px;
  font-family: "ralewaymedium";
  letter-spacing: 0px;
}

/* business signup 3 */
.bs-content-3 h2 {
  text-align: center;
  margin: 0 0 50px;
}

.bs-content-3 h3 {
  margin-top: 0;
  text-align: center;
  margin-bottom: 50px;
  font-family: ralewaymedium, sans-serif;
  letter-spacing: 0.5px;
  /*   font-size: 17px; */
}

.bs-content-3 h3 i {
  padding-right: 10px;
  font-size: 22px;
  position: relative;
  top: 1px;
}

.bs-content-3 .signup-content {
  padding: 80px 40px 60px;
}

.plan-box {
  background: #fff;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}

.plan-box.selected {
  outline: 2px solid #e8d280;
}

.plan-box .plan-name {
  font-family: ralewaybold, sans-serif;
  font-size: 2em;
  letter-spacing: 1px;
  padding: 16px 0 14px;
  display: block;
  color: #000;
}

.plan-box .plan-price {
  padding: 15px 0;
  font-family: ralewayregular, sans-serif;
  letter-spacing: 1px;
  font-size: 4em;
  color: #fff;
  margin-bottom: 15px;
}

.plan-box .plan-price span {
  font-family: "ralewaysemibold", sans-serif;
  font-size: 14px;
  display: block;
  margin-top: -4px;
  margin-bottom: 5px;
}

.plan-box ul {
  margin: 20px 0 15px;
}

.plan-box ul li {
  padding: 12px 0;
  margin: 0 50px;
  font-size: 14px;
  /*letter-spacing: 1px;*/
  font-family: "open_sansregular", sans-serif;
  color: #000;
  border-bottom: 1px solid #f3f3f3;
}

.plan-box ul li:last-child {
  border: none;
}

.plan-box .btn {
  width: 220px;
  color: #fff;
  font-size: 1.2em;
  letter-spacing: 2px;
  font-family: ralewaybold, sans-serif;
  border-radius: 50px;
  padding: 12px 20px 10px;
  height: auto;
  line-height: 1.4;
  border: 2px solid transparent;
}

.basic-plan .plan-price,
.basic-plan .btn {
  background: #e3a262;
}

.small-business-plan .plan-price,
.small-business-plan .btn {
  background: #c1d5d6;
}

.plan-box.plan-3 .plan-price,
.plan-box.plan-3 .btn {
  background: #e8c35b;
}

.plan-box.plan-4 .plan-price,
.plan-box.plan-4 .btn {
  background: #424143;
}
.plan-box .btn-wrap .btn {
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}
.plan-box .btn-wrap .btn:hover {
  cursor: pointer;
  /*background: #c2a861;*/
  background: #000;
}

a u,
.plan-box u {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #a3a3a3;
  line-height: 1.1;
}
.corporate-plan .plan-price,
.corporate-plan .btn {
  background: #ff6c5d;
}

.input-cont {
  position: relative;
  background: #f7f7f7;
  border: 1px solid #ececec;
  border-radius: 4px;
}

.input-cont input {
  border: none;
  height: 48px;
  border-radius: 4px;
  padding-right: 40px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.input-cont i {
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 24px;
  /*   color: #5f5e5e; */
}

.form-group.row .row {
  width: 100%;
  margin: 0px;
}
.form-group.row .row .col-md-6 {
  padding: 0px;
  padding-left: 10px;
}
.form-group.row .row .col-md-6:first-child {
  padding-right: 10px;
  padding-left: 0px;
}

.cc-expiry-container {
  border-radius: 4px;
}

.cc-expiry-container .bootstrap-select.btn-group,
.cc-expiry-container select {
  float: left;
  border-radius: 0;
}

.cc-expiry-container .bootstrap-select.btn-group:first-of-type,
.cc-expiry-container select:first-of-type {
  width: 62%;
  min-width: 0;
  border-radius: 4px 0 0 4px;
}

.cc-expiry-container .bootstrap-select.btn-group:last-of-type,
.cc-expiry-container select:last-of-type {
  min-width: 0;
  width: 38%;
  border-radius: 0 4px 4px 0;
}

.card-code-container {
  border: 1px solid #ececec;
  background: #f7f7f7;
  position: relative;
  border-radius: 4px;
}

.card-code-container input {
  /*   width: 88%; */
  background: transparent;
  border: none;
  height: 48px;
  padding-right: 40px;
}

.card-code-container i {
  font-size: 1.9em;
  cursor: pointer;
  position: absolute;
  top: 30%;
  right: 15px;
}

.payment-icons-container {
  text-align: center;
  padding-top: 50px;
}

.payment-icons-container > span {
  letter-spacing: 1px;
  display: block;
  font-size: 12px;
  padding-bottom: 18px;
  color: #000;
  font-family: "ralewaysemibold";
}

.payment-icons-container img:first-of-type {
  /*margin-right: 10px;*/
  display: inline-block;
}

/* post a job */
.paj-container {
  background: #fff;
  padding: 40px 80px 60px;
}
.paj-container.smaller-padding {
  padding-bottom: 40px;
}
.paj-container h2 {
  margin: 0 0 50px;
}

.paj-container .signup-head {
  margin-bottom: 60px;
}

.paj-container form > p {
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 65px;
  font-family: "ralewaymedium";
  font-size: 20px;
}

.paj-content div.aligncenter {
  text-align: center;
}
.paj-container form .btn[type="submit"],
.paj-container form a.btn {
  display: inline-block;
  text-align: center;
  margin-top: 20px;
  font-family: "ralewaybold";
}

.paj-container form .btn i {
  font-size: 15px;
  margin-right: 5px;
}

#card-form a.btn:hover,
.paj-container form .btn:hover {
  color: #99c975;
}

.paj-container .signup-block {
  padding: 0;
}

.step-container {
  position: relative;
  padding: 0 40px;
  margin: 20px 0;
  text-align: center;
}

.step-container span {
  height: 60px;
  width: 60px;
  border-radius: 100%;
  background: #f4f4f4;
  color: #9b9b9b;
  font-size: 30px;
  line-height: 60px;
  padding-top: 0px !important;
  display: inline-block;
  position: relative;
  font-family: "open_sansregular", sans-serif;
  text-align: center;
}

.step-container span.active {
  background: #000;
  color: #fff;
}

.step-container .left {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 5px;
}

.step-container .middle {
  padding-top: 5px;
}

.step-container .right {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 3px;
}

.step-container .line {
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  width: 100%;
  background: #f4f4f4;
}

.step-container .line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: #000;
}

.step-container .line.ls1:before {
  width: 28%;
}

.step-container .line.ls2:before {
  width: 71%;
}

.step-container .line.ls3:before {
  width: 100%;
}

.terms-container {
  padding: 25px;
  background: #f8f8f8;
  border: 1px solid #ececec;
  height: 450px;
  overflow: auto;
  border-radius: 4px;
  margin-bottom: 20px;
}

.terms-container p {
  font-size: 14px;
  margin-bottom: 20px;
  font-family: "ralewaymedium";
}
.terms-container h4 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: "ralewaybold";
}

.paj-3 .ab-head {
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.paj-3 .signup-block .row p {
  margin-bottom: 7px;
}

.paj-3 .signup-block p {
  color: #666666;
  letter-spacing: 1px;
  font-size: 15px;
  font-family: "ralewaymedium";
}

.paj-3 .signup-block p b {
  color: #000;
  letter-spacing: 0.5px;
}

.paj-3 .signup-block .review-certificates {
  color: #000;
  margin-bottom: 10px;
  font-family: "ralewaybold";
  position: relative;
  padding-left: 26px;
}

.paj-3 .signup-block .review-certificates i {
  /*   padding-right: 5px; */
  position: relative;
  top: 3px;
  left: 0px;
  /*   margin-right: 8px; */
  position: absolute;
}

.paj-3 .signup-block .availability-review {
  margin-bottom: 15px;
  color: #000;
  font-family: "open_sanssemibold";
  font-size: 15px;
}

.paj-3 .signup-block .availability-review span {
  width: 180px;
  display: inline-block;
  font-size: 15px;
  color: #9b9b9b;
  font-family: "ralewaybold";
}

.paj-3 .signup-block .availability-review span i {
  font-size: 16px;
  padding-right: 5px;
  position: relative;
  top: -1px;
}

.paj-3 .signup-block .availability-review:last-child {
  margin: 0;
}

.paj-3 button {
  margin: 0;
}
.paj-3 button span {
  font-family: "ralewaybold";
  letter-spacing: 1px;
}

/* sponsor */
.ss-content-1 .sponsor-head span {
  max-width: 550px;
  margin: 0 auto;
  /*   padding-top: 5px; */
  line-height: 1.4;
}

.ss-content-1 h4 {
  text-align: center;
  margin-bottom: 35px;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "ralewaybold";
}

/* login */
.login .signup-content {
  /*   height: 376px; */
  overflow: hidden;
}

.login .signup-content .form-group.row {
  margin-bottom: 0px;
}
.login .double-heading {
  margin-bottom: 30px;
}

.login .forget-password u {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid #a3a3a3;
  line-height: 1;
}

.login .forget-password {
  font-size: 1.5em;
  color: #000;
  text-decoration: underline;
  letter-spacing: 0.5px;
  font-family: ralewaymedium, sans-serif;
  display: block;
  text-align: center;
  margin-top: 20px;
  padding: 15px 0 14px;
}

.login .forget-password:hover {
  color: #c2a861;
}

.login .login-sidebar {
  text-align: center;
}

.login .login-sidebar > h2 {
  font-size: 25px;
  line-height: 1.2;
}
.login .login-sidebar > h2 + a {
  margin-top: 0px;
}
.login .login-sidebar > a {
  display: block;
  background: #000;
  color: #fff;
  border-radius: 4px;
  margin-top: 16px;
  font-size: 17px;
  padding: 12px;
  letter-spacing: 2px;
  line-height: 1.1;
  font-family: ralewaybold, sans-serif;
}

.login .login-sidebar > a span {
  font-size: 13px;
  display: block;
  letter-spacing: 1.5px;
  padding-top: 3.2px;
  font-family: ralewaymedium, sans-serif;
}

.login .login-sidebar > a:hover {
  background: #c2a861;
}

/* events */
.uce-container {
  padding: 60px 0;
  background: #f3f3f3;
}

.uce-container .event-head .double-heading {
  font-family: "ralewaysemibold";
  float: left;
}
.uce-container .event-head .double-heading span {
  font-family: "ralewaymedium";
  color: #9b9b9b;
  font-size: 15px;
}

.uce-container .event-head .btn {
  float: right;
  font-size: 12px;
  font-family: ralewaybold, sans-serif;
  letter-spacing: 1.5px;
  padding: 8px 20px 6px;
  min-width: 0;
  /*   margin-top: 15px; */
}
.uce-container .event-head .btn i {
  margin-right: 3px;
}

.event-box .img-cont {
  position: relative;
}

.event-box .img-cont img {
  width: 100%;
}

.event-box .img-cont .dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.event-box .img-cont .event-date {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  font-family: ralewaysemibold, sans-serif;
  letter-spacing: 2px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.event-box .event-content {
  padding: 26px 30px;
  background: #fff;
}

.event-box .event-content h4 {
  margin: 0 0 20px;
  font-family: "ralewaybold";
  font-size: 16px;
}

.event-box .event-content p {
  font-size: 1.4em;
  height: 40px;
  font-family: "ralewaymedium";
  font-size: 13px;
  overflow: hidden;
}

.event-box .event-content .btn {
  font-size: 12px;
  font-family: ralewaybold, sans-serif;
  letter-spacing: 1.5px;
  padding: 8px 15px 6px;
  min-width: 0;
}

.event-box .event-content .btn:hover {
  background: #c2a861;
  color: #fff;
}

.event-box .event-content .btn.btn-outline:hover {
  background: #000000;
  color: #ffffff;
}

.event-box .event-content .share-event {
  float: right;
}

.event-box .event-content .share-event > a:hover {
  color: #000;
}

.events-container {
  padding: 80px 0 50px;
  border-bottom: 1px solid #ececec;
}

.signup-page .plan-box,
.uce-container .event-box,
.events-container .event-box {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.events-container .event-box {
  margin-bottom: 40px;
}

/* find job listing */
.fj-listing-container {
  padding: 60px 0;
  background: #f3f3f3;
}

.sidebar .heading-text,
.fjl-head .heading-text {
  font-size: 2.2em;
  color: #000;
  letter-spacing: 1px;
  font-family: ralewaybold, sans-serif;
  display: inline-block;
}

.sidebar > span {
  display: block;
  width: 100%;
  margin: 6px 15px 33px 0;
}

.sidebar input[type="submit"] {
  font-size: 12px;
  font-family: ralewaybold, sans-serif;
  letter-spacing: 1.5px;
  padding: 10px 15px 8px;
  min-width: 0;
  width: 100%;
  margin: 0;
  height: auto;
  border-radius: 50px;
  background: #000;
  color: #fff;
}

.sidebar input[type="submit"]:hover {
  background: #c2a861;
}

.sidebar .filter-box {
  padding: 25px;
  background: #fff;
  border-bottom: 1px solid #ececec;
}

.sidebar .filter-box.no-seperator {
  border-bottom: 0px;
  padding-bottom: 0px;
}
.sidebar .filter-box.no-seperator *:last-child {
  margin-bottom: 0px;
}

.sidebar .filter-box > span {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  margin-bottom: 15px;
  display: block;
  font-family: "ralewaysemibold";
}

.sidebar .filter-box input {
  font-family: "ralewaymedium";
  height: 40px;
}
.sidebar .filter-box .bootstrap-select.btn-group button,
.sidebar .filter-box select {
  padding: 9px 35px 8px 15px;
  height: 40px;
  font-family: "ralewaysemibold";

  background-color: #f3f3f3;
  /*background-image: url("../images/icons/select-icon.png");*/
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  background-size: 16px;
  -o-background-size: 16px;
  -moz-background-size: 16px;
  -webkit-background-size: 16px;
}

.sidebar .filter-box .bootstrap-select.btn-group button span {
  font-family: "ralewaymedium";
}
.sidebar .filter-box .bootstrap-select.btn-group:hover button,
.sidebar .filter-box .bootstrap-select.btn-group.open button,
.sidebar .filter-box select:focus,
.sidebar .filter-box select:hover {
  background-color: #f3f3f3;
  /*background-image: url("../images/icons/select-icon-black.png");*/
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  background-size: 16px;
  -o-background-size: 16px;
  -moz-background-size: 16px;
  -webkit-background-size: 16px;
}

.sidebar .filter-checkboxes label {
  font-size: 14px;
  letter-spacing: 1px;
  display: block;
  margin: 0 0 7px;
  font-family: "ralewaysemibold";
}

.sidebar .filter-checkboxes label input {
  height: 15px;
  width: 15px;
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.sidebar .filter-time > div select {
  float: left;
  width: 41.5%;
  padding: 9px 26px 8px 8px;

  font-family: "open_sanssemibold";
  color: #000;

  background-color: #f7f7f7;
  background-image: url("../images/icons/select-icon.png");
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  background-size: 16px;
  -o-background-size: 16px;
  -moz-background-size: 16px;
  -webkit-background-size: 16px;
}

.sidebar .filter-time > div .bootstrap-select.btn-group {
  float: left;
  width: 41.5%;
  position: relative;
}
.sidebar .filter-time > div .bootstrap-select.btn-group button {
  width: 100%;
  min-width: 0px;
}
.sidebar .filter-time > div .bootstrap-select.btn-group button .caret {
  right: 5px;
}
.sidebar .filter-time > div .bootstrap-select.btn-group button {
  padding: 9px 26px 8px 8px;

  font-family: "open_sanssemibold";

  background-color: #f7f7f7;
  /*background-image: url("../images/icons/select-icon.png");*/
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  background-size: 16px;
  -o-background-size: 16px;
  -moz-background-size: 16px;
  -webkit-background-size: 16px;
  width: 100%;
}
.sidebar .filter-time > div .bootstrap-select.btn-group button span {
  font-family: "open_sanssemibold";
  font-size: 15px;
  padding: 0px;
}

.sidebar .filter-time > div .bootstrap-select.btn-group:hover button,
.sidebar .filter-time > div .bootstrap-select.btn-group.open button,
.sidebar .filter-time > div select:hover,
.sidebar .filter-time > div select:focus {
  background-color: #f7f7f7;
  /*background-image: url("../images/icons/select-icon-black.png");*/
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  background-size: 16px;
  -o-background-size: 16px;
  -moz-background-size: 16px;
  -webkit-background-size: 16px;
}

.sidebar .filter-time > div.clearfix > span {
  float: left;
  padding: 12px 10px 8px;
  width: 17%;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  font-family: "ralewaybold";
}

.sidebar .info-box {
  margin-top: 15px;
  padding: 30px 20px;
  background: #fff;
  text-align: center;
}

.sidebar .info-box > span {
  font-size: 2em;
  display: block;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-family: ralewaybold, sans-serif;
  line-height: 1.4;
}

.sidebar .info-box > p {
  font-size: 14px;
  color: #000000;
  letter-spacing: 1px;
}

.sidebar input[type="submit"],
.sidebar .info-box .btn {
  font-size: 12px;
  font-family: ralewaymedium, sans-serif;
  letter-spacing: 1.5px;
  padding: 15px;
  min-width: 0;
  line-height: 1;
  width: 100%;
  font-family: "ralewaybold";
  font-size: 12px;
}

.sidebar .info-box .btn:hover {
  background: #c2a861;
  color: #fff;
}

.sidebar .range-slider-top {
  margin-bottom: 15px;
}

.sidebar .range-slider-top span {
  float: left;
  font-size: 1.3em;
  color: #000;
  letter-spacing: 1px;
  font-family: ralewaysemibold, sans-serif;
  margin-top: 5px;
}

.sidebar .range-slider-top output {
  float: right;
  padding: 0;
  font-size: 1.8em;
  font-family: ralewaysemibold, sans-serif;
  letter-spacing: 0.5px;
  color: #000;
}

.sidebar .range-slider-bottom {
  margin-top: 10px;
}

.sidebar .range-slider-bottom span {
  float: left;
  font-size: 1.3em;
  color: #999999;
  letter-spacing: 1px;
  font-family: "ralewaysemibold", sans-serif;
  margin-top: 5px;
}

.sidebar .range-slider-bottom span:first-child {
  float: left;
}

.sidebar .range-slider-bottom span:last-child {
  float: right;
  color: #999999;
}

.fjl-head {
  margin-bottom: 30px;
}

.fjl-head .bootstrap-select span {
  font-family: "ralewayregular";
}

.fjl-head .heading-text {
  float: left;
  margin: 6px 40px 0 0;
}

.fjl-head .view-type {
  float: left;
}

.fjl-head .view-type a:first-child {
  border-left: 2px solid #000;
}
.fjl-head .view-type a {
  border: 2px solid #000;
  /*border-left: 0px;*/
  display: block;
  padding: 8px 20px;
  color: #000;
  float: left;
  letter-spacing: 1px;
  font-family: "ralewaysemibold";
  /*background:#fff;*/
}

.fjl-head .view-type a i {
  /*font-size: 20px;*/
  font-size: 18px;
  position: relative;
  top: 1px;
  padding-right: 5px;
}

.fjl-head .view-type a:hover,
.fjl-head .view-type a.active {
  background: #000;
  color: #fff;
}

.fjl-head .view-type a:first-of-type:hover:not(.active) {
  border-right-color: #f3f3f3;
}

.fjl-head .view-type a:last-of-type:hover:not(.active) {
  border-left-color: #f3f3f3;
}

.fjl-head .bootstrap-select.btn-group {
  float: right;
  display: block;
  width: auto;
}

.fjl-head .bootstrap-select.btn-group button,
.fjl-head select {
  float: right;
  width: auto;
  padding: 9px 40px 8px 15px;
  height: 41.6px;
  color: #000;
  font-family: "ralewaysemibold";

  background-color: #ffffff;
  /*background-image: url("../images/icons/select-icon.png");*/
  background-position-x: 95%;
  background-position-y: 52%;
  background-repeat: no-repeat;
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  background-size: 16px;
  -o-background-size: 16px;
  -moz-background-size: 16px;
  -webkit-background-size: 16px;
}

.fjl-head .bootstrap-select.btn-group button span {
  color: #000;
  /*   font-family: 'ralewaysemibold'; */
}

.fjl-head .bootstrap-select.btn-group:hover button,
.fjl-head .bootstrap-select.btn-group.open button,
.fjl-head select:focus,
.fjl-head select:hover {
  background-color: #ffffff;
  /*background-image: url("../images/icons/select-icon-black.png");*/
  /*background-position-x: 95%;*/
  /*background-position-y: 52%;*/
  /*background-repeat: no-repeat;*/
  /*background: #f3f3f3 url("../images/icons/select-icon.png") right 15px top 13px no-repeat;*/
  /*background-size: 16px;*/
  /*-o-background-size: 16px;*/
  /*-moz-background-size: 16px;*/
  /*-webkit-background-size: 16px;*/
}

.list-block {
  padding: 30px;
  background: #fff;
  margin-bottom: 20px;
}

.list-block-my-jobs {
  padding: 20px 0px;
  background: #fff;
  margin-bottom: 10px;
}

body.job-details .list-block:last-of-type {
  margin-bottom: 0px;
}

.list-block.overseas-worker {
  position: relative;
  border: 1px solid #23ce33;
}

@media screen and (min-width: 576px) {
  .list-block.overseas-worker {
    padding-right: 80px;
  }

  .list-block.overseas-worker:after {
    content: "Overseas Talent";
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px 15px;
    position: absolute;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    top: 50%;
    margin-top: -12px;
    z-index: 2;
    color: white;
    font-size: 16px;
    right: -53px;
    width: 150px;
    text-align: center;
    font-weight: bolder;
  }

  .list-block.overseas-worker:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 48px;
    background-color: #23ce33;
    z-index: 1;
    top: 0px;
    right: 0px;
  }
}

@media screen and (max-width: 575px) {
  .list-block.overseas-worker {
    padding-top: 80px;
  }

  .list-block.overseas-worker:before {
    content: "Out Of Town";
    line-height: 48px;
    text-align: center;
    color: #353a34;
    font-size: 16px;
    font-weight: bolder;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 48px;
    background-color: #23ce33;
  }
}

.listing-container > .list-group {
  margin-bottom: 50px;
}
.listing-container > .list-group:last-child {
  margin-bottom: 0px;
}

/* Applicants */

.list-group .list-block {
  position: relative;
}

.list-block .select-box {
  position: absolute;
  right: 10px;
  top: 15px;
  z-index: 10;
}

.select-box input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: none;
}

.select-box input[type="checkbox"] + div {
  position: relative;
  width: 50px;
  height: 35px;
  cursor: pointer;
  display: block;
}

.select-box input[type="checkbox"] + div:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 14px;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #b4b0b0;
}

.select-box input[type="checkbox"] + div:hover:before {
  border: 1px solid #454545;
  transition: background-color 0.1s ease-in-out;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  -ms-transition: background-color 0.1s ease-in-out;
}

.select-box input[type="checkbox"]:checked + div:after {
  content: "\f00c";
  font-family: "fontawesome", sans-serif;
  font-size: 13px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  position: absolute;
  top: 5px;
  left: 14px;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #419adf;
  border-color: #419adf;
}

#bulk-action.visible {
  height: unset !important;
  opacity: 1 !important;
  text-align: right;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
}

/*Fixed*/

#bulk-action.visible {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.2);
}

#bulk-action.visible .inner-wrap {
  width: auto;
  display: inline-block;
  padding: 20px;
  box-sizing: border-box;
}

.listing-container .list-group > h3 {
  margin: 0 0 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}
.listing-container .list-group > h3 span {
  font-size: 14px;
  text-transform: none;
}
.list-block .lb-left {
  float: left;
  width: 20%;
}

.list-block .lb-left a {
  display: block;
}

.list-block .lb-left img {
  width: 100%;
}
.list-block .lb-left a img {
  border-radius: 3px;
  width: 100%;
}

.list-block .lb-left a:hover {
  opacity: 0.8;
}

.list-block .lb-right {
  float: left;
  width: 80%;
  padding-left: 25px;
}

.list-block .lb-right h3 {
  margin: 0 0 8px;
  letter-spacing: 1px;
  line-height: 1.4;
}

.list-block .lb-right h3 span.gold {
  font-size: 20px;
  color: #c2a861;
}

.list-block .lb-right .job-details i {
  position: relative;
  font-size: 18px;
  top: 0.5px;
}
.list-block .lb-right .fa + b {
  margin-left: 0px;
}

.list-block .lb-right .star-container {
  margin: 0 3px;
  font-size: 14px;
}
.list-block .lb-right .rating-score {
  color: #9b9b9b;
  font-size: 14px;
}
.list-block .lb-right .job-details {
  margin-bottom: 15px;
}

.list-block .lb-right .job-details > span {
  display: inline-block;
  margin-right: 20px;
  letter-spacing: 0.5px;
  font-size: 1.3em;
  font-size: 14px;
  font-family: "ralewaymedium", sans-serif;
  color: #000000;
}
.list-block .lb-right .job-details > span .distance {
  font-size: 14px;
  color: #9b9b9b;
}

.list-block .lb-right .job-details > span b {
  font-family: "ralewaybold", sans-serif;
  color: #000;
  font-size: 14px;
}

.list-block .lb-right .job-details > span i {
  color: #000;
}

.list-block .lb-right .job-details .star-container i {
  color: #ffd700;
}

.list-block .lb-right .job-details .completed-rating {
  line-height: 1;
}

.list-block .lb-right .job-details .completed-rating > i {
  font-size: 1.2em;
}

.list-block .lb-right .job-details .completed-rating .stars {
  position: relative;
  top: 1px;
}

.list-block .lb-right .job-details .completed-rating .stars i {
  color: #ffd700;
}

.list-block .lb-right p {
  font-size: 14px;
  letter-spacing: 0.5px;
  font-family: ralewayregular, sans-serif;
  color: #000000;
  margin-bottom: 15px;
}

.list-block .lb-right .btn {
  font-size: 12px;
  font-family: ralewaybold, sans-serif;
  letter-spacing: 1.5px;
  padding: 8px 10px 6px;
  width: auto;
  min-width: 0;
  display: inline-block;
  /*   width: 140px; */
}

.list-block .lb-right .btn.bg-black:hover {
  background: #c2a861;
  color: #fff;
}

/* rating */
.worker-rating-container {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
}

.worker-rating-container .worker-rating {
  background: #ffd700;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  padding: 3px 10px 5px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  position: relative;
  top: -4px;
  letter-spacing: 2px;
  font-family: ralewayregular, sans-serif;
}

.worker-rating-container .star-container {
  font-size: 1em;
  margin-left: 5px;
}

.worker-rating-container .star-container i {
  margin-left: -2px;
  color: #ffd700;
}

.worker-rating-container .worker-reviews {
  font-size: 13px;
  display: inline-block;
  position: relative;
  top: -2px;
  font-family: ralewayregular, sans-serif;
  letter-spacing: 0.5px;
  color: #9b9b9b;
}

.listing-container .pagination {
  text-align: center;
  margin: 40px 0 0;
  display: block;
}

.map-container {
  background: #fff;
  padding: 20px;
}

.all-map-container .map {
  width: 100%;
  height: 815px;
}
.map-container {
  position: relative;
  top: 0px;
  left: 0px;
}
.map-container i.fa-expand {
  font-size: 20px;
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 200;
  /*   color: #fff; */
  /*   background: #000; */
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border-radius: 4px;
  border: 2px solid #000;
  cursor: pointer;
}

.map-container i.fa.maximized:before {
  content: "\f066";
  font-size: 20px;
}
.map-container i.fa:hover {
  background: #000;
  color: #fff;
}

.map-container.maximized {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  z-index: 99;
  transition: 2s;
}

.map-container.maximized .all-map-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.map-container.maximized .all-map-container .map {
  width: 100%;
  height: 100%;
}

.map-info-box {
  position: relative;
  padding-left: 92px;
  margin: 6px 0 2px;
  min-height: 80px;
  width: 300px;
}

.map-info-box.worker-infobox {
  padding-left: 102px;
}

.map-info-box > img {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 2px;
  height: 80px;
  width: 80px;
}

.worker-infobox.map-info-box > img {
  height: 90px;
  width: 90px;
}
.map-info-box > p {
  font-size: 16px;
  font-family: ralewaysemibold, sans-serif;
  color: #000;
  margin-bottom: 10px;
}

.map-info-box > span {
  display: inline-block;
  margin-right: 15px;
  color: #000;
  font-family: ralewayregular, sans-serif;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.map-info-box > span i {
  color: #000;
  padding-right: 5px;
  font-size: 14px;
  position: relative;
  top: -1px;
}

.map-info-box > span .fa-clock-o {
  top: 0;
  font-size: 16px;
}

.worker-infobox {
  position: relative;
  width: 330px;
  height: 90px;
}

.worker-infobox p {
  margin: 0;
}

.worker-infobox .worker-rating-container {
  margin: 0 0 4px;
  margin-left: -3px;
}

.worker-infobox .worker-rating {
  font-size: 12px;
}

.worker-infobox .star-container {
  margin: 0 5px;
  position: relative;
  top: -1px;
}

.worker-infobox .star-container i {
  font-size: 16px;
  display: inline-block;
  margin-right: 4px;
}

.worker-infobox .skill {
  color: #000;
  font-size: 13px;
  height: 15px;
  overflow: hidden;
  margin: 0;
}

.worker-infobox .skill b {
  margin-right: 5px;
}

.worker-infobox:hover img {
  opacity: 0.8;
}

/* worker profile private */
.worker-profile-container {
  padding: 60px 0;
  background: #f3f3f3;
}

.jobs-template.worker-profile-container {
  padding-bottom: 80px;
}

.wp-sidebar > a {
  width: 100%;
  margin-bottom: 25px;
  padding: 9px 20px 10px;
  font-size: 13px;
  letter-spacing: 2px;
  font-family: ralewaymedium, sans-serif;
  border: none;
}

.wp-sidebar .article-list > p {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  font-family: ralewaymedium, sans-serif;
}
.wp-sidebar .article-list > p:last-child {
  border: none;
  padding: 0px;
}

.wp-sidebar > .left a.btn,
.wp-sidebar > a.btn {
  margin-bottom: 40px;
  font-size: 12px;
  font-family: "ralewaybold";
  line-height: 1;
  padding-top: 13px;
  padding-bottom: 13px;
}

.wp-sidebar > a.btn.auto {
  max-width: 225px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wp-sidebar .btn.post-a-job i {
  position: relative;
  margin-left: 3px;
  top: 1px;
}
.wp-sidebar > a i {
  font-size: 15px;
  position: relative;
  margin-right: 2px;
}

.wp-sidebar > h3 {
  padding: 25px;
  border-bottom: 1px solid #ececec;
}

.wp-sidebar h3 {
  padding-bottom: 25px;
  margin: 0;
  font-size: 16px;
  color: #000;
  background: #fff;
  font-family: "ralewaybold";
}
.wp-sidebar h3.aligncenter {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.job-details .sidebar.wp-sidebar > .right h3:first-of-type,
.job-details .sidebar.wp-sidebar > h3:first-of-type,
.saved-staff .wp-sidebar > .btn + h3,
.worker-profile-container .wp-sidebar > .btn + h3 {
  padding: 0px;
  background: none;
  margin: 0 0 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.4em;
  text-align: left;
  border: none;
}

.wp-sidebar .wp-checkbox-container {
  padding: 20px 20px;
  background: #fff;
  border-bottom: 1px solid #ececec;
}

.wp-sidebar .wp-checkbox-container p {
  font-size: 1.4em;
  color: #000;
  margin-bottom: 8px;
  font-family: "ralewaysemibold", sans-serif;
}
.wp-sidebar .wp-checkbox-container p:after {
  content: "";
  clear: both;
  display: block;
}

.wp-sidebar .wp-checkbox-container p i {
  color: #99c975;
  font-size: 18px;
  vertical-align: middle;
  padding-right: 5px;
  position: relative;
  /*top: -3px;*/
}

.wp-sidebar .wp-checkbox-container p .fa-square-o {
  color: #c1c1c1;
}

.wp-sidebar .wp-checkbox-container p .fa-square-o + span + a {
  color: #b9b9b9;
}

.wp-sidebar .wp-checkbox-container p a {
  float: right;
  font-size: 13px;
  color: #9b9b9b;
  padding: 2px 0;
}

.wp-sidebar .wp-checkbox-container p a:hover {
  color: #99c975;
}

.wp-sidebar .wp-checkbox-container p:last-of-type {
  margin: 0;
}

.wp-sidebar .review-box {
  padding: 30px 25px;
  background: #fff;
  border-bottom: 1px solid #ececec;
}

.wp-sidebar .review-box:last-child {
  border: none;
}

.wp-sidebar .review-box h4,
.job-history .review-box h4 {
  margin: 0 0 10px;
  line-height: 1.3;
}

.wp-sidebar .review-box .rate-date {
  margin-bottom: 0px;
}

.wp-sidebar .review-box .rate-date .date,
.job-history .review-box .rate-date .date {
  color: #9b9b9b;
  letter-spacing: 0.5px;
  font-family: ralewaysemibold, sans-serif;
  font-size: 11px;
  text-transform: uppercase;
}

.wp-sidebar .review-box .rate-date .stars {
  float: right;
  line-height: 1;
}

.wp-sidebar .review-box .rate-date .stars i {
  color: #ffd700;
  font-size: 16px;
}

.wp-sidebar .review-box p {
  font-size: 1.3em;
  color: #6d6d6d;
  line-height: 1.5;
}

.wp-sidebar .review-box > a {
  font-size: 11px;
  /*   text-decoration: underline; */
  color: #000;
  letter-spacing: 0.5px;
  font-family: ralewaysemibold, sans-serif;
}

.wp-sidebar .review-box > a:hover {
  color: #c2a861;
}

.wp-sidebar .stats {
  padding: 30px 25px;
  background: #fff;
  border-bottom: 1px solid #ececec;
}

.wp-sidebar .stats span {
  color: #9b9b9b;
  letter-spacing: 1px;
  margin-bottom: 5px;
  display: block;
  font-family: "open_sanssemibold";
  font-size: 14px;
}

.wp-sidebar .stats span b {
  font-size: 24px;
  color: #000;
  position: relative;
  top: 4px;
  width: 60px;
  display: inline-block;
  font-family: "open_sansbold";
  /*   text-align: center; */
}

.wp-sidebar .recently-hired {
  padding: 30px 25px;
  background: #fff;
  border-bottom: 1px solid #ececec;
}

.wp-sidebar .recently-hired .hires {
  margin-bottom: 15px;
  position: relative;
  padding-left: 70px;
  height: 60px;
}

.wp-sidebar .recently-hired .hires img {
  width: 60px;
  height: 60px;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
}

.wp-sidebar .recently-hired .hires span {
  letter-spacing: 0.5px;
  position: relative;
  top: 2px;
  font-size: 11px;
  font-family: "ralewaybold";
}

.wp-sidebar .recently-hired .hires .star-container {
  display: inline-block;
  font-size: 18px;
  /*   display: none; */
}

.wp-sidebar .recently-hired .hires .star-container i {
  color: #ffd700;
}

.wp-sidebar .recently-hired .hires:hover img {
  opacity: 0.8;
}

.wp-sidebar .recently-hired .hires:last-of-type {
  margin: 0;
}

.profile-percent {
  padding: 20px;
  background: #fff;
}

.profile-percent > span {
  letter-spacing: 0.5px;
  display: block;
  margin-bottom: 10px;
  font-family: "open_sanssemibold";
}

.profile-percent .percent-bar-container {
  position: relative;
  height: 12px;
}

.profile-percent .percent-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  width: 100%;
}

.profile-percent .pb-bg {
  background: #f3f3f3;
}

.profile-percent .pb-active {
  background: #99c975;
}

.worker-profile-content {
  padding: 40px 30px;
  background: #fff;
  margin-bottom: 30px;
}

.worker-profile-content:last-child {
  margin: 0;
}

.worker-profile-content .worker-profile-block {
  padding: 40px 0 25px;
  border-bottom: 1px solid #ececec;
}

.worker-profile-content .worker-profile-block:last-child {
  border: 0px;
  padding-bottom: 0px;
}

.worker-profile-content .worker-profile-block:first-child {
  padding-top: 0;
}

.worker-profile-content .worker-profile-block h4 {
  margin: 0 0 30px;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: "ralewaybold";
}

.worker-profile-content .worker-profile-block h4 small {
  text-transform: none;
  font-size: 13px;
  color: #9b9b9b;
  margin-left: 15px;
  letter-spacing: 1px;
  font-family: "ralewaysemibold";
}

.worker-profile-content .tophead h2 {
  font-size: 22px;
}
.worker-profile-content .wp-head {
  position: relative;
  padding: 0 0 40px 244px;
}

.worker-profile-content .wp-head > img {
  position: absolute;
  left: 0;
  top: 0;
  height: 206px;
  width: 206px;
  border-radius: 3px;
}

.worker-profile-content .wp-head-details .tophead {
  margin-bottom: 10px;
}

.worker-profile-content .wp-head-details .worker-rating-container {
  margin-left: 20px;
}

.worker-profile-content .wp-head-details h2 {
  margin: 0;
  display: inline-block;
}

.worker-profile-content .wp-head-details .member-since {
  display: block;
  color: #9b9b9b;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: "ralewaysemibold";
  top: -2px;
  position: relative;
}

.worker-profile-content .wp-head-details p {
  font-size: 13px;
  margin-bottom: 18px;
}
.worker-profile-content .wp-head-details p.location {
  font-family: "ralewaymedium";
}
.worker-profile-content .wp-head-details p.location b {
  font-family: "ralewaybold";
}
.worker-profile-content .wp-head-details .star-container i {
  color: #ffd700;
  font-size: 18px;
}
.worker-profile-content .wp-head-details small {
  font-size: 13px;
  font-family: "ralewaymedium";
  margin-left: 5px;
  color: #9b9b9b;
  position: relative;
  top: -2.5px;
}
.worker-profile-content .wp-head-details small a {
  color: #9b9b9b;
  border-bottom: 1px solid #d4d4d4;
}
.worker-profile-content .wp-head-details small a:hover {
  color: #c2a861;
  border-bottom: 1px solid #c2a861;
}

.worker-profile-content .wp-head-details .star-container + small {
  color: #000000;
  margin-left: 10px;
}

.worker-profile-content .wp-head-details .btn {
  font-size: 12px;
  font-family: ralewaybold, sans-serif;
  letter-spacing: 1.5px;
  padding: 8px 30px 6px;
  min-width: 0;
}

.worker-profile-content .skills-experience .skill-box,
.worker-profile-content .prev-roles .skill-box {
  display: inline-block;
  margin: 0 15px 15px 0;
}

.worker-profile-content .skills-experience .skill-box span,
.worker-profile-content .prev-roles .skill-box span {
  padding: 9px 15px 7px;
  letter-spacing: 1px;
  float: left;
  text-transform: uppercase;
  font-family: "open_sansbold";
}

.worker-profile-content .skills-experience .skill-box span {
  font-family: "open_sansbold";
  font-size: 13px;
}

.worker-profile-content .skills-experience .skill-box .skill,
.worker-profile-content .prev-roles .skill-box .skill {
  border: 1px solid #000;
  color: #000;
  font-size: 13px;
}

.worker-profile-content .skills-experience .skill-box .exp {
  border: 1px solid #000;
}
.worker-profile-content .skills-experience .skill-box .exp,
.worker-profile-content .prev-roles .skill-box .exp {
  background: #000;
  color: #fff;
}

.worker-profile-content .text-icon-content > span {
  letter-spacing: 1px;
  display: block;
  margin-bottom: 15px;
  color: #9b9b9b;
  display: inline-block;
  margin-right: 50px;
}

.worker-profile-content .text-icon-content > span i {
  padding-right: 5px;
  font-size: 16px;
  color: #000;
}

.worker-profile-content .text-icon-content > span b {
  color: #000;
}

.prev-roles-container {
  padding-bottom: 25px;
}

.prev-roles-container .prev-roles {
  padding-bottom: 0;
  border: none;
}

.prev-roles-container .prev-roles .skill-box span {
  font-size: 1.3em;
}

.prev-roles-container .prev-roles .skill-box .exp {
  text-transform: none;
  font-size: 1.4em;
  font-family: ralewaymedium, sans-serif;
}

.wp-availability p {
  margin-bottom: 8px;
}

.wp-availability p span {
  display: inline-block;
  letter-spacing: 1px;
  font-size: 14px;
}

.wp-availability p .days {
  width: 160px;
  color: #9b9b9b;
  font-family: "ralewaybold";
  text-transform: uppercase;
  font-size: 14px;
}

.wp-availability p .days i {
  font-size: 16px;
  padding-right: 5px;
  position: relative;
  top: -1px;
}

.wp-availability p .time {
  font-size: 15px;
  font-family: "open_sanssemibold";
}

.wp-option-blocks {
  margin-bottom: 10px;
}
.wp-option-blocks:after {
  content: "";
  clear: both;
  display: block;
}

.wp-option-blocks > span {
  letter-spacing: 1px;
  padding: 6px 0 5px;
  display: inline-block;
}

.wp-option-blocks .cd-radio,
.wp-option-blocks .btn {
  float: right;
}

.wp-option-blocks .btn {
  width: 120px;
  float: right;
  min-width: 0;
  /*padding: 6px 20px 4px;*/
  padding: 5px 20px 5px;
  font-size: 12px;
  letter-spacing: 2px;
  font-family: "open_sansbold";
}

.btn.light {
  background: #f3f3f3;
}

.worker-profile-block.single-block .btn.light:hover {
  background: #f4432f;
  color: #fff;
}

.wp-option-blocks:last-child {
  margin: 0;
}

/* jobs */
.jobs-head {
  margin-bottom: 40px;
}

.jobs-head span,
.jobs-head a {
  display: inline-block;
  padding: 8px 15px;
  background: #fff;
  /*   color: #fff; */
  letter-spacing: 1px;
  cursor: pointer;
  /*   margin-right: 5px; */
  font-size: 14px;
  font-family: "ralewaysemibold";
  text-transform: uppercase;

  border: 2px solid #000;
}
.jobs-head a.active {
  background: #000000;
  color: #ffffff;
}

.jobs-head a:hover,
.jobs-head span:hover {
  background: #000000;
  color: #ffffff;
}

.jobs-block {
  margin-bottom: 50px;
}

.jobs-block.merged-block .list-block {
  margin-bottom: 0;
  padding: 30px 0 30px;
  border-bottom: 1px solid #ececec;
}

.jobs-block.merged-block .list-block:last-of-type {
  border: none;
}

.jobs-block:last-child {
  margin-bottom: 0;
}

.jobs-block .list-content {
  padding: 0 30px;
}

.jobs-block > h3 {
  margin: 0 0 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.4em;
}

.jobs-block .list-block {
  padding: 30px 0 20px;
}

.job-applicants .list-block .btn-container .clearfix,
.saved-staff .list-block .btn-container .clearfix,
.jobs-block .list-block .btn-link-container .clearfix {
  display: none;
}
.jobs-block .list-block .btn-link-container .btn {
  border-radius: 0px;
  border: 1.5px solid #000000;
  /*margin-left: 6px;*/
  float: left;
}
.jobs-block .list-block .btn-link-container .btn:first-child {
  margin-left: 0px;
}
.jobs-block .list-block .btn-link-container .btn.bg-grey {
  color: #000;
}
.jobs-block .list-block .btn-link-container .btn:hover {
  background: #c2a861;
  color: #ffffff;
  border-color: #c2a861;
}

.jobs-block .list-block .btn-link-container .btn.checked {
  color: #99c975;
  border: 0px;
  padding-left: 3px;
  text-transform: none;
  font-style: italic;
  /* font-family: 'ralewaymedium'; */
  font-family: "open_sanssemibold";
  background: none !important;
}
.jobs-block .list-block .btn-link-container .btn i {
  margin-right: 3px;
}

.btn-container .inline,
.jobs-block .list-block .btn-link-container .inline {
  padding: 8px 2px 6px;

  float: right;
  font-size: 13px;
  font-family: "open_sanssemibold";

  border-bottom: 1px solid #a3a3a3;
  padding-bottom: 0px;
  line-height: 1.2;
}

.job-applicants .btn-container .inline,
.saved-staff .btn-container .inline {
  padding-top: 10px;
}

.job-details .btn-container .inline:hover,
.saved-staff .btn-container .inline:hover,
.jobs-block .list-block .btn-link-container .inline:hover {
  border-bottom: 1px solid #c2a861;
}

.jobs-template .jobs-block .list-block .job-buttons-container {
  margin-bottom: 0px;
}

.jobs-template .jobs-block .listing-container {
  padding: 0 30px;
  background: #fff;
}

.jobs-template .jobs-block .list-block {
  margin-bottom: 0px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
}

.jobs-template .jobs-block .list-block:last-child {
  border-bottom: 0px;
}
.jobs-template .jobs-block .list-block .job-buttons-container,
.jobs-template .jobs-block .list-block .list-content {
  padding-left: 0px;
  padding-right: 0px;
}

.jobs-block .list-block:last-of-type {
  margin: 0;
}

.jobs-block .link-container {
  margin-bottom: 0;
  padding-top: 15px;
}

.jobs-block .job-buttons-container {
  padding: 0px 30px 0 30px;
  margin-top: 25px;
  text-align: center;
  margin-bottom: 10px;
  /*   border-top: 1px solid #ececec; */
}

.jobs-block .job-buttons-container .btn:first-child {
  margin-left: 0px;
}

.jobs-block .job-buttons-container .btn {
  margin: 0px;
  margin-left: 20px;
  font-size: 12px;
  font-family: ralewaybold, sans-serif;
  letter-spacing: 1.5px;
  padding: 8px 15px 6px;
  min-width: 135px;
}

.jobs-block .finished-job-links a {
  margin-right: 20px;
  font-size: 12px;
}

.jobs-block .finished-job-links a i {
  font-size: 16px;
  position: relative;
  top: 1px;
  padding-right: 5px;
}

.jobs-block .finished-job-links a.btn {
  float: right;
  position: relative;
  top: -8px;
  width: auto;
  font-size: 12px;
  margin: 0px;
}
.jobs-block .finished-job-links a.worker-rated {
  border-bottom: 0px;
}

.jobs-block .finished-job-links a i:after {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
  top: 0px;
  top: 100%;
  width: 100%;
  height: 2px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 4px;
}
.jobs-block .worker-rated {
  color: #ffd700;
  text-decoration: none;
  font-family: ralewaysemibold, sans-serif;
  letter-spacing: 0.8px;
}

.jobs-block .with-text-link .btn {
  width: auto;
}

.jobs-block .with-text-link .wtl-cont {
  float: right;
}

.jobs-block .with-text-link .wtl-cont a {
  font-size: 1.2em;
  text-decoration: underline;
  letter-spacing: 0.5px;
  padding: 10px;
  display: inline-block;
  font-family: ralewaybold, sans-serif;
}

.load-expired-jobs {
  margin-bottom: 0;
}

.load-expired-jobs span {
  background: #000;
  padding: 15px 0 13px;
  text-align: center;
  color: #fff;
  font-family: ralewaymedium;
  letter-spacing: 1.5px;
  border-radius: 2px;
  font-size: 1.6em;
  display: block;
  cursor: pointer;
}

.load-expired-jobs span i {
  font-size: 24px;
  vertical-align: middle;
  padding-left: 10px;
}

.load-expired-jobs span:hover {
  background: #c2a861;
}

/* sponsor portal */
body.multiple-modal {
  padding: 0px !important;
}
.sponsor-portal {
  padding: 60px 0;
  background: #f3f3f3;
  padding-left: 15px;
  padding-right: 15px;
}

.modal-dialog p.meta {
  margin-bottom: 10px;
}
.modal-dialog p.meta i.grey {
  color: #999999;
}
.sponsor-portal h3 {
  margin-top: 0;
}

.sponsor-portal .container {
  background: #fff;
}
.sponsor-portal .container.no-bg {
  background: transparent;
  text-align: center;
  padding: 0px;
  margin-bottom: 30px;
}

.sponsor-portal .sp-content {
  padding: 40px 30px;
}

.sponsor-portal .spc-content:first-child {
  margin-top: 0px;
}
.sponsor-portal .spc-content {
  /*   border-bottom: 1px solid #ececec; */
  margin-top: 50px;
}

.sponsor-portal .spc-content .button-wrap {
  margin-top: -15px;
}
.sponsor-portal .spc-content .button-wrap a {
  display: block;
  margin-top: 15px;
  border-radius: 0px;
}

.sponsor-portal .spc-content:last-child {
  /*   margin: 0; */
  border: none;
  padding-bottom: 0;
}

.sponsor-portal .text-content {
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid #ececec;
  border-radius: 4px;
}

.sponsor-portal .s-stat-box {
  margin-bottom: 10px;
}

.sponsor-portal .s-stat-box .stat-number {
  font-size: 34px;
  font-family: "open_sanslight", sans-serif;
  padding-right: 20px;
  letter-spacing: 1px;
  width: 120px;
  display: inline-block;
  text-align: center;
}

.sponsor-portal .s-stat-box .stat-text {
  font-size: 1.5em;
  letter-spacing: 0.5px;
  color: #8a8a8a;
}

.sponsor-portal .terms-container {
  height: 585px;
  margin: 0;
}

.sponsor-portal .s-stat-box {
  position: relative;
}
.sponsor-portal .community-stats .stat-number {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -25px;
}

.sponsor-portal .community-stats .stat-text {
  padding: 15px 0;
  display: block;
  padding-left: 120px;
}

.sponsor-portal .spc-content h3 {
  margin-bottom: 29px;
}
.sponsor-portal .community-stats {
  border-bottom: none;
  padding-bottom: 0px;
}

.sponsor-portal .community-stats > p {
  margin-bottom: 30px;
  font-family: "ralewaymedium";
  color: #9b9b9b;
  font-size: 16px;
}

.sponsor-portal .community-stats .stat-number {
  text-align: left;
}
.sponsor-portal .community-stats .stat-text {
  font-size: 15px;
  font-family: "open_sansregular";
  color: #000000;
}

.sponsor-portal .community-images img {
  width: 100%;
  border-radius: 4px;
}

.sponsor-portal .community-images .col-xs-12 {
  margin-bottom: 30px;
}

.sponsor-portal .pro-image-container {
  text-align: center;
  max-width: 946px;
  width: 100%;
  margin: 0 auto;
}
.sponsor-portal .pro-image-container img {
  width: 100%;
}

/* Nav Toggle */
#nav-toggle {
  float: right;
  display: none;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 45px;
  background: #000000;
  position: absolute;
  display: block;
  content: "";
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before,
#nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
/* End Nav Toggle */

.container {
  max-width: 1200px;
  width: 100%;
}

.checkbox-inline input {
  display: none;
}

.checkbox-inline {
  padding-left: 26px;
  font-size: 14px;
  color: #3a4242;
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
}

.checkbox-inline.no-margin {
  margin-left: 0px;
}

.modal-body .checkbox-inline {
  display: block;
  margin-bottom: 5px;
}
.modal-body .checkbox-inline:last-of-type {
  margin-bottom: 0px;
}
.checkbox-inline:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #b5b5b5;
  /*   background: url("../images/img/checkbox.png") no-repeat 0 0; */
  left: 0px;
  top: 3px;
  transition: 0.1s;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.checkbox-inline.active:before {
  content: "\f00c";
  font-family: "fontawesome";
  line-height: 15px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  text-indent: 1px;
  font-weight: 100;
  background-color: #99c975;
  text-shadow: 1px 1px #72a34d;
  /*   background: url("../images/img/checkbox.png") no-repeat 0 -17px; */
}
.ads-wrapper .container {
  max-width: 970px;
  width: 100%;
}
.ads-wrapper img {
  width: 100%;
}

#reg-staff .signup-content .form-group:last-child,
#reg-venue .signup-content .form-group:last-child {
  margin-bottom: 0px;
}

.training-box-container .col-md-4:last-child .training-box,
.events-container .row .col-xs-12:last-child .event-box {
  margin-bottom: 0px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}

.bootstrap-select.open button.dropdown-toggle.btn {
  border-color: #99c975 !important;
}

.bootstrap-select button.dropdown-toggle.btn {
  box-shadow: none;
  border: 1px solid #ececec !important;
  outline: 0px !important;
  border-radius: 4px;
  min-width: 190px;
  padding-right: 35px;
}

.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7b7b7b !important;
}
.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #7b7b7b !important;
}
.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #7b7b7b !important;
}
.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #7b7b7b !important;
}

.bootstrap-select button.dropdown-toggle.btn.bs-placeholder span {
  color: #191919;
}

.bootstrap-select .dropdown-menu.open {
  /*   box-shadow: none; */
  padding: 0px;
}

input.timepicki-input {
  font-family: "ralewayregular";
}

.time_pick input.form-control {
  word-spacing: 0px;
  letter-spacing: 0px;
  text-align: center;
}

.tokenfield.form-control {
  box-shadow: none !important;
  min-height: 50px;
  height: auto;
}

.tokenfield.form-control .ui-helper-hidden-accessible {
  display: none;
}
.tokenfield.form-control .token-label,
.tokenfield.form-control input {
  color: #999999;
  font-family: "ralewayregular";
  color: #999999;
  font-family: "ralewayregular";
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 0px;
}

.tokenfield.form-control .token .token-label {
  padding: 3px;
  padding-left: 4px;
}
.tokenfield.form-control .token-label {
  padding: 0px;
}

.tokenfield.form-control {
  cursor: default;
  position: relative;
}

.tokenfield.form-control .token-input {
  /*         user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none; */
  color: #000000;
}

.tokenfield.form-control .token-input:focus {
  color: #000000 !important;
}

.tokenfield.form-control input {
  margin-top: 4.5px;
  /*display: none;*/
  width: 0px;
}

.tokenfield.form-control.noValue .token-input {
  margin-top: 6px;
}

.tokenfield .token {
  /*   background: transparent; */
  /*   border: 0px; */
  /* border: 0px; */
  height: auto !important;
  margin: 0px 5px 2px 0;
}

.tokenfield.form-control .token-label {
  color: #000;
  line-height: 1.5;
  font-size: 15px;
  /*padding: 3px; */
  color: #1e1e1e;
}
.tokenfield .token .close {
  /*top: 3.5px;*/
  top: 2px;
  position: relative;
}

.tokenfield.form-control input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: transparent;
}
.tokenfield.form-control input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
  opacity: 1;
}
.tokenfield.form-control input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
  opacity: 1;
}
.tokenfield.form-control input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: transparent;
}

.tokenfield.form-control.noValue input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #7b7b7b;
}
.tokenfield.form-control.noValue input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #7b7b7b;
}
.tokenfield.form-control.noValue input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #7b7b7b;
}
.tokenfield.form-control.noValue input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #7b7b7b;
}

.signup-block {
  position: relative;
}
.tokenfield.form-control.focus {
  border-color: #99c975 !important;
}
.ui-autocomplete {
  margin-top: 2px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.ui-autocomplete.ui-front a {
  padding: 3px 20px;
  background: none;
  border: 0px;
  margin: 0px !important;
  cursor: pointer;
  color: #262626;
  font-family: "ralewayregular";
}

.ui-autocomplete.ui-front a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.modal-dialog p {
  font-size: 15px;
}

.modal-dialog .btn {
  padding: 10px 10px !important;
  font-size: 15px;
}

button.btn.purple.modal-submit {
  margin-left: 10px;
}

.filter-wrapper .filter-container .bootstrap-select {
  display: none;
}

.rangeslider__fill {
  background: #99c975;
}

.modal-dialog .modal-title span.worker-name {
  font-size: inherit;
}
.hiw-cta-container a.button.custom-full-width,
.hiw-cta-container button.custom-full-width {
  max-width: 500px;
}

.tooltip {
  opacity: 1 !important;
}

.tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

/*.tooltip .tooltip-inner{
  background: #fff;
  color: #000000;
  opacity: 1 !important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}*/

#modal-share ul li:first-child {
  margin-top: 0px;
}
#modal-share ul li {
  margin-top: 10px;
}
#modal-share a {
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  width: 100%;
  max-width: 300px;
  font-size: 15px;
  font-family: "ralewaysemibold";
}

#modal-share a.btn:hover {
  background: #c2a861;
}
#modal-share a.btn-facebook {
  background: #3b5998;
}
#modal-share a.btn-twitter {
  background: #00acee;
}
#modal-share a.btn-linkedin {
  background: #0e76a8;
}
#modal-share a.btn-email {
  background: #ddd;
  color: #444;
}
#modal-share a.btn-email:hover {
  color: #fff;
}
#modal-share ul {
  list-style: none;
}

.all-map-container .map-info-box b.custom-margin {
  margin-top: 8px;
  display: inline-block;
}

.bootstrap-select.show-tick li.selected {
  background: #f6efe0;
}

.plan-box .btn-wrap {
  padding: 0 20px;
  position: relative;
}
.plan-box .btn-wrap .btn {
  max-width: 100%;
}

.signup-block .general-details > p {
  margin-bottom: 9px;
}

/* Inner Page Template */

.inner-page-container {
  padding: 60px 0;
  background: #f4f4f4;
}

.inner-page-container .sidebar > *,
.inner-page-container .inner-page-content {
  background: #ffffff;
}

.inner-page-container .sidebar img {
  max-width: 100%;
}
.inner-page-container .sidebar > * {
  padding: 25px;
}

.inner-page-container .sidebar > .ad-box {
  padding: 10px;
  margin-top: 15px;
}
.inner-page-container .sidebar > .ad-box img {
  width: 100%;
}

.inner-page-container .inner-page-content {
  padding: 30px;
}
.sidebar ul.sidebar-menu li {
  margin-top: 10px;
}
.sidebar ul.sidebar-menu li:first-child {
  margin-top: 0px;
}
.sidebar ul.sidebar-menu li a.btn {
  letter-spacing: 1.5px;
  padding: 15px;
  min-width: 0;
  line-height: 1;
  width: 100%;
  font-family: "ralewaybold";
  font-size: 12px;
  border-radius: 5px;
}
.sidebar ul.sidebar-menu li a.btn.active {
  background: #6502b2;
  color: #fff;
  box-shadow: none;
}

.inner-page-content h1 {
  margin-top: 0px;
  font-size: 30px;
}

.inner-page-content .no-margin {
  margin-bottom: 0px;
}
.inner-page-content h1.small-margin {
  margin-bottom: 5px;
}

.inner-page-content h1.share-container {
  padding-right: 112px;
  position: relative;
}
.inner-page-content h1 .btn-share {
  float: right;
  font-size: 14px;
  padding: 5px;
  padding: 5px 20px;
  min-width: 0px;
  right: 0px;
  top: 0px;
  position: absolute;
}
nav .logo-container img {
  max-width: 238px;
  width: 100%;
}

.inner-page-content img {
  max-width: 100%;
}
.inner-page-content .btn i:first-child {
  margin-right: 10px;
}
.inner-page-content .event-details {
  margin-bottom: 25px;
}
.inner-page-content .event-details p {
  padding: 18px 0;
  padding-left: 44px;
  position: relative;
  margin-bottom: 0;
  margin-top: 10px;
  background: #eeeeee;
  padding-right: 215px;
}
.inner-page-content .event-details p:first-child {
  margin-top: 0px;
}

.inner-page-content .event-details p i {
  position: absolute;
  left: 15px;
  top: 21px;
  font-size: 19px;
}

.inner-page-content .event-details p i.fa-map-marker {
  left: 19px;
  top: 20px;
  font-size: 21px;
}

.inner-page-content .event-details p strong {
  margin-right: 5px;
  display: inline-block;
}

.inner-page-content .event-details .calendar-wrap,
.inner-page-content .event-details p > a {
  font-size: 12px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 0px;
  min-width: 200px;
  height: 100%;
  padding: 0px;
  padding: 0 10px;
  cursor: pointer;
}

.inner-page-content .event-details .calendar-wrap {
  padding: 0px;
}

.inner-page-content .event-details .calendar-wrap .atcb-list {
  margin-top: 2px;

  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.inner-page-content .event-details .calendar-wrap .atcb-list a {
  display: block;
  padding: 3px 20px;
  line-height: 1.42857143;
  white-space: nowrap;
  font-size: 15px;
  font-family: ralewayregular, sans-serif;
  text-transform: none;
}

.inner-page-content .event-details .calendar-wrap .addtocalendar {
  right: 0px;
  width: 100%;
  height: 100%;
}

.inner-page-content .event-details .addtocalendar.bg-black {
  background: #000000 !important;
}
.inner-page-content .event-details .addtocalendar.bg-black:hover {
  background: #c2a861 !important;
}
.inner-page-content .event-details .addtocalendar.bg-black > a {
  color: #ffffff;
}

.inner-page-content .event-details .addtocalendar .atcb-link {
  line-height: 56px;
  height: 100%;
}
.inner-page-content .event-details p > a span {
  position: absolute;
  top: 50%;
  width: 100%;
  display: block;
  right: 0px;
  margin-top: -8.4px;
}

.inner-page-content .event-details .addtocalendar .atcb-link {
  color: #ffffff;
}
.inner-page-content.has-share-buttons {
  position: relative;
}

.inner-page-content.has-share-buttons h1 {
  padding-right: 110px;
}
.inner-page-content.has-share-buttons .btn-share.top-share {
  position: absolute;
  top: 30px;
  right: 30px;
}
.inner-page-content.has-share-buttons .btn-share.top-share {
  padding: 5px;
  padding: 5px 20px;
  min-width: 0px;
}

.inner-page-container .gallery-container .col-xs-12 {
  margin-bottom: 25px;
}
.inner-page-container .gallery-container img {
  width: 100%;
}

/* End Inner Page Template */

select.select-input-field {
  /*font-size: 15px;*/
  /*color: #7b7b7b;*/
  display: none;
}

.twitter-typeahead .typeahead.tt-input,
.select-input-field.selectized,
.selectize-control.single .selectize-input {
  box-shadow: none;
  border: 1px solid #ececec !important;
  outline: 0px !important;
  border-radius: 4px;
  min-width: 190px;
  padding: 12px 35px 10px 15px;
  background: #f7f7f7 !important;
  height: 50px;
  vertical-align: middle;
}

.twitter-typeahead .typeahead.tt-input,
.selectize-input > .item,
.selectize-input > input {
  font-size: 15px;
  letter-spacing: 1px;
  font-family: "ralewayregular";
  line-height: 1.42857143 !important;
  margin-top: 3.3px !important;
}

.col-xs-12 > .typeahead {
  display: none;
}
.twitter-typeahead .typeahead.tt-input {
  margin-top: 0px !important;
  padding: 12px 15px 10px 15px;
  color: #000;
}

.twitter-typeahead .tt-menu,
.selectize-dropdown {
  font-size: 15px;
  margin-top: 2px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.selectize-dropdown .selectize-dropdown-content .option span {
  font-size: 15px;
}

.selectize-dropdown .selectize-dropdown-content .create,
.selectize-dropdown .selectize-dropdown-content .option {
  display: block;
  padding: 3px 20px !important;
  line-height: 1.42857143;
  white-space: nowrap;
  color: #000000;
  letter-spacing: 1px;
}

.selectize-dropdown .selectize-dropdown-content .option.active {
  background: #f5f5f5;
  color: #000000;
}

.selectize-control.single .selectize-input.input-active {
  background: #f7f7f7;
}

.selectize-control.single .selectize-input:after {
  width: 16px;
  height: 10px;
  margin-top: -4px;
  background-image: url("../images/icons/select-icon.png");
  border: 0px;
  background-size: cover;
  background-position: center center;
}

.twitter-typeahead .typeahead.tt-input:focus,
.selectize-control.single .selectize-input.dropdown-active {
  border-color: #99c975 !important;
}
.selectize-control.single .selectize-input.dropdown-active:after,
.selectize-control.single .selectize-input:hover:after {
  background-image: url("../images/icons/select-icon-black.png");
}

.twitter-typeahead .noValue + pre + .tt-menu {
  opacity: 0;
}
.twitter-typeahead .tt-menu {
  opacity: 1;
}

.twitter-typeahead .tt-menu {
  width: 100%;
  background: #fff;
}
.twitter-typeahead .tt-selectable {
  cursor: pointer;
}

/* Search Results */

.grey-container .white-box {
  background: #ffffff;
  padding: 30px;
  margin-top: 40px;
}
.grey-container .white-box:first-of-type {
  margin-top: 0px;
}

.grey-container .yellow-box,
.grey-container .white-box h2 {
  text-align: left;
}

.grey-container .white-box h2.aligncenter {
  text-align: center;
}
h2.no-margin {
  margin-bottom: 0px;
}
.grey-container .yellow-box {
  background: #fff9e6;
  border: 1px solid #f7dc89;
  padding: 25px;
}
.grey-container .yellow-box.with-icon {
  padding-left: 95px;
  position: relative;
}
.grey-container .yellow-box.with-icon i {
  position: absolute;
  left: 22px;
  font-size: 48px;
  top: 21px;
  color: #404243;
}
.grey-container .yellow-box small {
  font-size: 14px;
  line-height: 1.5;
  color: #404243;
  font-family: "open_sansregular";
}

.btn.two-lines {
  border-radius: 4px;
  font-size: 24px;
  line-height: 1;
  max-width: 350px;
  width: 100%;
}
.btn.two-lines span {
  display: block;
  font-size: 14px;
  text-transform: none;
  line-height: 1.5;
  margin-top: 5px;
}

.search-results .list-block {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
}

.search-results .list-block {
  border-top: 1px solid #e5e5e5;
}
.search-results .list-block:first-child {
  border-top: 0px;
}

.white-box + h2 {
  margin-top: 50px;
}

.white-box .search-form {
  position: relative;
}

.white-box .search-form:after {
  content: "";
  display: block;
  clear: both;
}
.white-box .search-form input {
  float: left;
  margin: 0px;
  height: 50px;
}
.white-box .search-form input[type="text"] {
  width: 84%;
  margin-right: 1%;
  padding-left: 54px;
}
.white-box .search-form:before {
  content: "\f002";
  font-family: "fontawesome";
  font-size: 27px;
  display: block;
  position: absolute;
  color: #333333;
  left: 15px;
  top: 6px;
}
.white-box .search-form input[type="submit"] {
  width: 15%;
}

.double-heading span.black {
  color: #000000;
}

body.job-alerts .col-md-6 .outlined-container {
  border: 3px solid #eeeeee;
  padding: 25px;
}

body.job-alerts .col-md-6 h3 {
  margin-top: 0px;
  line-height: 1.5;
}

body.job-alerts .col-md-6 h3 i {
  margin-right: 7px;
}

body.job-alerts .col-md-6 .outlined-container h3 {
  position: relative;
  padding-left: 25px;
}

body.job-alerts .col-md-6 .outlined-container h3 i {
  position: absolute;
  top: 5.2px;
  left: 0px;
}

body.job-alerts .col-md-6 h4 {
  margin-bottom: 10px;
  margin-top: 25px;
}
body.job-alerts form .btn {
  font-family: "ralewayregular";
}
body.job-alerts .col-md-6 small {
  font-size: 14px;
  color: #9b9b9b;
  margin-bottom: 10px;
  display: block;
  line-height: 1.4;
}
body.job-alerts .col-md-6 input[type="submit"] {
  margin-top: 40px;
}

body.job-alerts .col-md-6 .double-heading span {
  font-size: 14px;
  font-family: "ralewayregular";
  line-height: 1.4;
  margin-top: 10px;
  color: #8d8e96;
}

body.job-alerts .col-md-6 .job-alert:first-of-type {
  margin-top: 0px;
}
body.job-alerts .col-md-6 .job-alert {
  padding: 20px;
  border: 2px solid #c1c1c1;
  margin-top: 20px;
  position: relative;
}
body.job-alerts .col-md-6 .job-alert span {
  margin-right: 20px;
  font-size: 16px;
  margin-bottom: 10px;
  display: inline-block;
}
body.job-alerts .col-md-6 .job-alert span:last-child {
  margin-bottom: 0px;
}
body.job-alerts .col-md-6 .job-alert i {
  position: absolute;
  font-size: 20px;
  color: #999999;
  right: 15px;
  top: 15px;
}
body.job-alerts .col-md-6 .job-alert a:hover i {
  color: #000000;
}

#menu-main-menu li a i {
  padding-right: 2.5px;
}

.container > .yellow-info-box:first-child {
  margin-top: -20px;
  margin-bottom: 40px;
}
.yellow-info-box {
  border: 2px solid #e8d280;
  background: #f2ecd9;
  position: relative;
  padding: 15px 10px;
}
.yellow-info-box p a {
  color: #085395;
  /*color: #9f8147;*/
  text-decoration: underline;
}

.yellow-info-box p a:hover {
  color: #082d4e;
  /*color:#000;*/
}
.yellow-info-box.align-left p {
  text-align: left;
  padding: 0px;
}

.yellow-info-box i {
  position: absolute;
  color: #c2a861;
  font-size: 25px;
  top: 17px;
  left: 20px;
  line-height: 19px;
}
.yellow-info-box p {
  color: #535051;
  font-size: 16px;
  text-align: center;
  padding: 0 35px;
  font-family: "open_sansregular";
  letter-spacing: 0;
}

.job-details .wp-sidebar > a.btn,
.job-details .wp-sidebar > .left a.btn {
  margin-bottom: 20px;
}

.job-details .jobs-head-mobile a.inline,
.job-details .wp-sidebar a.btn + div span,
.job-details .wp-sidebar a.inline {
  font-size: 12px;
}

.job-details .jobs-head-mobile a.inline,
.job-details .wp-sidebar a.inline {
  color: #d24b4d;
  border-bottom: 1px solid #d96466;
}

.job-details .wp-sidebar a.inline:hover {
  color: #c2a861;
  border-color: #c2a861;
}

.job-details .wp-sidebar .venue-details {
  padding: 30px 25px;
  background: #ffffff;
  border-top: 1px solid #eaeaea;
}

.job-details .wp-sidebar .venue-details:first-of-type {
  border-top: 0px;
}

.job-details .wp-sidebar .venue-details h3 {
  padding-bottom: 10px;
}

.job-details .wp-sidebar .venue-details b {
  display: inline-block;
  margin-bottom: 7px;
}
.job-details .wp-sidebar .venue-details .with-icon {
  padding-left: 30px;
  position: relative;
  margin: 0px;
  margin-bottom: 10px;
}
.job-details .wp-sidebar .venue-details .with-icon:last-of-type,
.job-details .wp-sidebar .venue-details .with-icon:last-of-type b {
  margin-bottom: 0px;
}
.job-details .wp-sidebar .venue-details .with-icon i {
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 20px;
}
.job-details .wp-sidebar .venue-details .with-icon i.fa-users {
  font-size: 18px;
  top: 2px;
  left: -1px;
}

.job-details .wp-sidebar .venue-details p {
  font-size: 15px;
}
.job-details .wp-sidebar .venue-details .grey {
  color: #6d6b6c;
}

.job-details .list-block .lb-right .btn {
  margin: 0px;
  border-radius: 0px;
  float: left;
  text-transform: none;
}

.job-details.job-applicants .list-block .lb-right .btn {
  font-size: 12px;
  font-family: ralewaybold, sans-serif;
  letter-spacing: 1.5px;
  padding: 8px 10px 6px;
  width: auto;
  min-width: 0;
  display: inline-block;
  border-radius: 50px;
  border: 2px solid transparent;
  margin-right: 10px;
}
.job-details.job-hires .list-block .lb-right .btn.bg-grey {
  font-family: "ralewaysemibold";
}
.job-details.job-hires .list-block .lb-right span.btn.bg-grey {
  color: #9b9b9b;
}
.job-details.job-hires .list-block .lb-right .btn.bg-grey b {
  font-family: "ralewaybold";
}

.job-details .list-block .lb-right .bg-black.btn:hover {
  background: #c2a861;
  color: #ffffff;
}

.job-details .paj-3 .signup-block {
  padding: 0px;
}
.job-details .paj-3 .ab-head {
  border: 0px;
  padding: 0px;
  margin-bottom: 25px;
}

.job-details .list-block h4 {
  margin-bottom: 25px;
}

/*Stripe*/

.form-control.StripeElement--focus,
.form-control.StripeElement--invalid,
.form-control.StripeElement--complete,
.form-control.StripeElement--empty {
  padding: 0 15px !important;
  height: auto !important;
}

.form-control.StripeElement--focus iframe,
.form-control.StripeElement--invalid iframe,
.form-control.StripeElement--complete iframe,
.form-control.StripeElement--empty iframe {
  box-shadow: none;
  padding: 16px 12px !important;
  font-size: 15px;
  letter-spacing: 0.5px;
  background: #f7f7f7;
  height: 48px !important;
  border: 1px solid #ececec !important;
  border-radius: 4px !important;
}

.form-control.StripeElement--focus iframe {
  border: 1px solid #99c975 !important;
}

input.cc-field {
  font-family: sans-serif;
  border: 1px solid transparent !important;
  letter-spacing: 0;
}

input.cc-field:active,
input.cc-field:focus {
  border-color: #99c975 !important;
}

input.cc-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #aaaaaa !important;
}
input.cc-field::-moz-placeholder {
  /* Firefox 19+ */
  color: #aaaaaa !important;
}
input.cc-field:-ms-input-placeholder {
  /* IE 10+ */
  color: #aaaaaa !important;
}
input.cc-field:-moz-placeholder {
  /* Firefox 18- */
  color: #aaaaaa !important;
}

/*End Stripe*/

.custom-black.noValue.bootstrap-select button {
  background: transparent !important;
  background: #000000 !important;
  padding-left: 55px;
  position: relative;
}
.custom-black.noValue.bootstrap-select button:before {
  content: "\f013";
  font-family: "fontawesome";
  position: absolute;
  color: #ffffff;
  left: 10px;
  top: 5.5px;
  font-size: 20px;
}
.custom-black.noValue.bootstrap-select button span {
  color: #ffffff !important;
  text-transform: uppercase;
  font-family: "ralewaysemibold";
}

.custom-black.noValue.bootstrap-select button.dropdown-toggle.btn {
  min-width: 190px;
}

.custom-black.noValue.bootstrap-select.btn-group .dropdown-toggle .caret {
  background: none;
}

.custom-black.noValue.bootstrap-select.btn-group
  .dropdown-toggle
  .caret:before {
  content: "\f0d7";
  font-family: "fontawesome";
  position: absolute;
  top: -5px;
}

.dual-box-container {
  margin-top: -15px;
}

.dual-box-container .dual-box {
  display: inline-block;
  margin: 15px 15px 0 0;
}
.dual-box-container .dual-box span {
  padding: 9px 15px 9px;
  letter-spacing: 1px;
  float: left;
  font-family: ralewaysemibold, sans-serif;
  border: 1px solid #000000;
}

.dual-box-container .dual-box span.black {
  background: #000000;
  color: #ffffff;
}

.sponsor-portal .staff-block:first-of-type {
  margin-top: 0px;
}
.sponsor-portal .staff-block {
  position: relative;
  padding-left: 100px;
  margin-top: 25px;
}

.sponsor-portal .staff-block .left img {
  max-width: 85px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.sponsor-portal .staff-block .worker-name {
  margin: 0px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 7px;
  font-family: "ralewaysemibold";
}
.sponsor-portal .staff-block .star-container i {
  color: #ffd700;
}
.sponsor-portal .staff-block p {
  font-size: 13px;
}

.sponsor-portal .venues-container.row {
  margin-left: -10px;
  margin-right: -10px;
}
.sponsor-portal .venues-container .col-md-3 {
  padding: 0 10px;
}

.sponsor-portal .venues-container img {
  max-width: 100%;
}

.sponsor-portal .article-listing .article-block {
  position: relative;
  padding-left: 80px;
  margin-top: 20px;
}

.sponsor-portal .article-listing .article-block .left img {
  max-width: 70px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.sponsor-portal .article-listing .article-block .title {
  margin: 0px;
  display: inline-block;
  margin-right: 5px;
  font-family: "ralewaysemibold";
  font-size: 16px;
  margin-bottom: 2px;
  margin-top: -2px;
}
.sponsor-portal .article-listing .article-block p {
  font-size: 14px;
  margin: 0px;
  margin-bottom: 5px;
}
.sponsor-portal .article-listing .article-block .more {
  border-bottom: 1px solid #1e1e1e;
  margin-right: 15px;
}
.sponsor-portal .article-listing .article-block .grey {
  color: #999999;
  border-bottom: 1px solid #a3a3a3;
}

.sponsor-portal .announcement-listing .entry .more:hover,
.sponsor-portal .article-listing .article-block .more:hover,
.sponsor-portal .article-listing .article-block .grey:hover {
  color: #c2a861;
  border-bottom: 1px solid #c2a861;
}

.sponsor-portal .announcement-listing .entry:first-child {
  margin-top: 0px;
}

.sponsor-portal .announcement-listing .entry {
  background: #eeeeee;
  padding: 20px;
  margin-top: 20px;
}
.sponsor-portal .announcement-listing .entry p {
  font-size: 14px;
  margin-bottom: 10px;
}
.sponsor-portal .announcement-listing .entry p.excerpt {
  font-size: 13px;
  line-height: 1.3;
}
.sponsor-portal .announcement-listing .entry p .date {
  font-family: "ralewaysemibold";
}
.sponsor-portal .announcement-listing .entry p .role {
  color: #999999;
  font-style: italic;
}
.sponsor-portal .announcement-listing .entry .more {
  text-transform: uppercase;
  border-bottom: 1px solid #1e1e1e;
}

.sponsor-portal .announcement-listing .btn {
  width: 100%;
  border-radius: 0px;
  margin-top: 20px;
}
.sponsor-portal .container h2 {
  margin-top: 0px;
}

.modal-header.no-border {
  border: 0px;
}
.modal-title + p {
  margin-top: 30px;
}
.modal-title.text-center + p {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.modal-body hr:first-child {
  margin-top: 0px;
  margin-bottom: 30px;
}
.modal-dialog form p {
  margin-top: 20px;
  margin-bottom: 20px;
}

.modal-dialog .btn.full-width {
  width: 100%;
  border-radius: 0px;
}

.star-rating-wrap {
  font-size: 14px;
  margin-bottom: 13px;
}
.star-rating-wrap .clear-rating {
  display: none !important;
}
.star-rating-wrap .rating-container {
  line-height: normal;
}
.star-rating-wrap .rating-container * {
  font-size: inherit;
  float: left;
}
.star-rating-wrap .rating-container .rating-input {
  height: 0px;
}
.star-rating-wrap .rating-container .rating-input:invalid {
  box-shadow: none;
}
.modal-apply .star-rating-wrap span {
  float: none;
  height: auto;
}
.modal-apply .star-rating-wrap span.empty-stars {
  margin: 0px;
}

.star-rating-wrap .rating-container > * {
  vertical-align: middle;
  display: inline-block;
}
.star-rating-wrap .caption {
  margin: 0px;
  height: 100%;
  margin-top: 12px;
  margin-left: 20px;
}
.star-rating-wrap .caption span {
  background: none;
  color: #9b9b9b;
  padding: 0px;
  font-family: "open_sansregular", sans-serif;
  font-size: 13px;
  font-weight: normal;
}
.star-rating-wrap .filled-stars i {
  text-shadow: none;
  -webkit-text-stroke: transparent;
}
.star-rating-wrap .filled-stars,
.star-rating-wrap .empty-stars {
  height: auto;
}
.star-rating-wrap .rating-container:after {
  content: "";
  display: block;
  clear: both;
}

.star-rating-wrap .rating-stars * {
  line-height: 1;
}
.star-rating-wrap .filled-stars i:before {
  content: "\f005";
  font-family: "fontawesome";
}
.star-rating-wrap .empty-stars i:before {
  content: "\f006";
  font-family: "fontawesome";
}
.star-rating-wrap .empty-stars i,
.star-rating-wrap .filled-stars i {
  color: #99c975;
}

.form-group.field-with-button {
  position: relative;
}
.form-group.field-with-button:after {
  content: "";
  clear: both;
  display: block;
}
.form-group.field-with-button .form-control {
  width: 84%;
  float: left;
}
.form-group.field-with-button .form-control + button {
  width: 15%;
  float: right;
  border-radius: 0px;
  height: 50px;
  min-width: 0px;
  text-transform: none;
}

@media (max-width: 820px) {
  .form-group.field-with-button .form-control {
    width: 80%;
  }
  .form-group.field-with-button .form-control + button {
    width: 19%;
  }
}
@media (max-width: 640px) {
  .form-group.field-with-button .form-control {
    width: 70%;
  }
  .form-group.field-with-button .form-control + button {
    width: 29%;
  }
}
@media (max-width: 440px) {
  .form-group.field-with-button .form-control {
    width: 100%;
  }
  .form-group.field-with-button .form-control + button {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .nav-container .container .row .col-xs-12 {
    overflow-x: visible;
  }

  .homepage-slider-container .slide .row > .col-md-5 {
    padding-right: 0px;
  }
  .homepage-slider-container .slide .row {
    padding-left: 30px;
    padding-right: 30px;
  }

  .jobs-block .list-block .btn-link-container a.link,
  .jobs-block .list-block .btn-link-container a.btn {
    margin: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: none;
  }

  .jobs-block .list-block .btn-link-container .clearfix {
    display: block;
    margin-bottom: 10px;
    float: left;
    height: 2px;
    width: 100%;
  }

  .list-block .lb-right .btn {
    padding: 8px 15px 6px;
  }

  .signup-block {
    padding: 0px;
  }

  .homepage-slider-container .owl-theme .owl-nav.disabled + .owl-dots {
    left: 0px;
    margin-left: 8px;
  }
}

@media (min-width: 1190px) {
  .alternate .bs-content-3 .signup-content,
  .alternate .bs-content-3 .signup-content,
  .signup-content.ws-content-2,
  .signup-content.bs-content-2 {
    padding-bottom: 60px;
    padding-top: 40px;
  }
  #reg-staff .signup-content,
  #reg-venue .signup-content {
    padding: 60px 50px;
  }
}

@media (max-width: 1190px) {
  .signup-page.login .signup-content {
    padding: 40px;
  }

  .signup-page.ws-content-3 .payment-icons-container,
  .signup-page.bs-content-3 .payment-icons-container {
    padding-top: 20px;
  }

  .bs-content-3 .signup-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .bs-content-3 h3 {
    margin-bottom: 30px;
  }
  .signup-content.ws-content-2 .signup-block {
    padding: 0px 10px;
  }

  .signup-content.bs-content-2 .signup-block {
    padding: 0px 10px;
  }

  .paj-container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .availability-block .days-block > span {
    min-width: 18%;
  }

  .navigation .right-nav ul li a {
    padding-left: 10px;
    padding-right: 10px;
  }

  /*Small Desktop*/

  .main-buttons-container {
    padding: 30px 0;
  }
  .jobs-head span,
  .jobs-head a {
    padding: 8px 15px;
  }
  .footer-cta .fcta-heading h2,
  .footer-cta .fcta-heading h3,
  .footer-cta .fcta-stats span,
  h2 {
    font-size: 23px;
  }

  .hiw-cta-container .col-md-6 + .col-md-6 .hiw-cta-box h2:before {
    display: none;
  }
  .hiw-heading h2 {
    margin-top: 0px;
    margin-bottom: 50px;
    font-size: 23px;
  }

  .hiw-heading {
    height: auto;
    background-image: none;
    padding: 60px 0;
  }
  .hiw-video-container .video-wrapper {
    margin-top: -50px;
  }

  .worker-profile-container {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .training-box-container {
    margin-top: 60px;
  }
  .training-container .training-heading .double-heading {
    margin-bottom: 60px;
  }
  .training-container {
    padding-bottom: 60px;
    padding-top: 60px;
  }

  .sponsor-portal {
    padding: 60px 15px;
  }

  .sponsor-portal h3 {
    margin-bottom: 30px;
  }

  .sponsor-portal .spc-content {
    padding-top: 0px;
  }

  .sponsor-portal .spc-content + .spc-content {
    padding-top: 30px;
  }

  .sponsor-portal .spc-content.link {
    padding-bottom: 15px;
  }

  .jobs-template.worker-profile-container {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .container > .yellow-info-box:first-child {
    margin-top: -00px;
  }
  .fj-listing-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-cta {
    padding: 60px 0 60px;
  }
  .social-community {
    padding: 60px 15px;
  }

  .community-container {
    padding-top: 60px;
  }

  .signup-page-done {
    padding-top: 60px;
  }

  .uce-container {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .uce-container .event-head > .double-heading {
    margin-bottom: 0px;
  }
  .events-container {
    padding-top: 60px;
  }

  .uce-container .event-head {
    margin-bottom: 60px !important;
  }

  .signup-page.login {
    padding-top: 60px;
  }

  .signup-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .ss-content-1 .signup-block {
    margin-bottom: 0px;
  }

  .signup-checklist ul {
    margin-bottom: 0px;
  }

  .signup-head,
  .bs-content-2 .signup-head {
    padding-top: 0px;
    margin-bottom: 60px;
  }

  .signup-checklist .btn-container {
    margin-bottom: 0px;
    margin-top: 40px;
  }

  .home-blog-container {
    padding-bottom: 50px;
    padding-top: 20px;
  }

  .navigation .nav-container .col-xs-12 {
    width: 100%;
  }
  .navigation .nav-container .row {
    text-align: center;
  }
  .navigation .right-nav,
  .navigation .logo-container {
    display: inline-block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .navigation .right-nav {
    text-align: center;
    margin-top: 0;
  }
}

@media (max-width: 1090px) {
  .sponsor-portal .col-xs-12 {
    width: 50%;
  }
}
@media (max-width: 1050px) {
  .availability-block .days-block > span {
    min-width: 11%;
  }
  .training-box .tb-buttons .course-price {
    float: none;
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 1100px) {
  .homepage-slider-container .slide {
    height: auto;
    padding-top: 60%;
  }

  .homepage-slider-container .slide-content-container h2 {
    line-height: 1.1;
  }

  .home-brands ul {
    text-align: center;
    padding-top: 0px;
  }
  .home-brands ul li {
    width: auto;
    display: inline-block;
    float: none;
    padding: 30px 30px;
  }
}

.homepage-featured-container .col-xs-12.mobile-only {
  display: none;
}

.community-container .container .col-md-6 {
  padding: 0 15px;
}

.community-container .blog-list {
  padding: 0px;
}

.card-code-container .fa-info-circle {
  font-size: 23px;
  margin-right: 0px;
  margin-top: -2px;
}

#mobile-filter-toggle {
  display: none;
}

.signup-content .custom-spacing {
  display: none;
}

@media (min-width: 993px) {
  .search-results .list-block .lb-left {
    width: 15.43%;
  }
  .search-results .list-block .lb-right {
    width: 84.57%;
  }

  .signup-content .custom-spacing {
    display: block;
  }
  .signup-content.password-reset-4 input[type="submit"] {
    margin-top: 40px;
  }
  .signup-content.password-reset-4 .custom-spacing {
    height: 86.2px;
  }
  .signup-content.check-email .custom-spacing {
    height: 107.8px;
  }

  .signup-content.forgot-password .custom-spacing {
    height: 27px;
  }
  #menu-main-menu {
    display: inline-block !important;
  }

  /* submenu */
  #menu-main-menu li.has-children:hover .sub-menu {
    display: block !important;
    opacity: 1;
  }

  #menu-main-menu li.has-children .sub-menu {
    display: none;
    position: absolute;
    text-align: left;
    background: #ffffff;
    z-index: 999;
    width: 100%;
    /*border-top: 2px solid #e8d280;*/
    margin-top: -2px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    opacity: 0;
  }
  #menu-main-menu li.has-children .sub-menu li {
    margin-left: 0px;
    display: block;
  }

  #menu-main-menu li.has-children .sub-menu > li:first-child a {
    padding-top: 8px;
  }
  #menu-main-menu li.has-children .sub-menu a {
    padding: 6px 14px;
    width: auto;
    border: 0px;
  }

  #menu-main-menu li.has-children .sub-menu a:hover {
    color: #e8d280;
  }

  /* end submenu */
}

@media only screen and (max-width: 1200px) and (min-width: 993px) {
  .social-community .container .row {
    margin: 0 auto;
    display: block;
    width: 948px;
  }
  .social-community .col-md-4 {
    width: 315.6px;
  }
  .social-community .social-box {
    min-height: 438px;
    height: 438px;
    overflow: hidden;
  }

  .youtube-box .youtube-content {
    height: 345px !important;
  }
  .community-container .bl-container {
    margin-left: 0px;
    margin-right: 0px;
  }

  .instagram-box .insta-content #instafeed a {
    width: 84.53px;
  }

  .social-community .facebook-box .fb-page,
  .social-community .facebook-box .fb-page span,
  .social-community .facebook-box iframe {
    height: 100% !important;
  }
  .youtube-box .tube-box {
    height: 80px;
  }

  .instagram-box .insta-header {
    margin-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .sidebar {
    display: block !important;
  }

  .row.reverse > .col-xs-12 {
    float: right;
  }
}

@media (max-width: 992px) {
  /*   end of medium */

  .sponsor-portal .sp-content .col-xs-12,
  .sponsor-portal .sp-content {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sponsor-portal .sp-content .button-wrap .col-xs-12 {
    width: 100%;
  }

  .sponsor-portal .venues-container .col-md-3 {
    width: 25%;
    float: left;
  }
  .custom-black.noValue.bootstrap-select button:before {
    top: 11px;
  }
  .custom-black.noValue.bootstrap-select.btn-group
    .dropdown-toggle
    .caret:before {
    left: 3px;
    top: -8px;
    font-size: 19px;
  }
  body.job-details .jobs-template .sidebar.wp-sidebar {
    max-width: 100%;
  }

  body.job-details .wp-sidebar {
    margin-bottom: 30px !important;
  }

  .jobs-head-mobile .post-a-job,
  body.job-details .wp-sidebar > a.btn {
    width: 49%;
    float: left;
  }

  body.job-details .jobs-head-mobile > a.post-a-job + span {
    width: 49%;
    float: left;
    text-align: center;
    line-height: 44.4px;
    font-size: 12px;
  }

  .job-details .jobs-head-mobile a.post-a-job:first-of-type,
  body.job-details .wp-sidebar > a.btn:first-of-type {
    margin-right: 1%;
    margin-left: 0px;
  }

  .job-details .jobs-head-mobile a.post-a-job,
  body.job-details .wp-sidebar > a.btn {
    margin-left: 1%;
  }

  body.job-details .wp-sidebar > a.btn + .aligncenter {
    margin-bottom: 30px;
  }

  body.job-details .wp-sidebar > hr {
    display: none;
  }

  .saved-staff .wp-sidebar > .btn + h3 {
    text-align: center;
  }

  body.job-details.job-applicants .col-md-9 .fjl-head,
  body.job-details.as-venue .col-md-9 .fjl-head,
  body.saved-staff .col-md-9 .fjl-head,
  body.saved-staff .col-md-9 .jobs-head {
    display: none;
  }

  body.saved-staff .col-md-9 .jobs-head-mobile {
    display: block !important;
  }
  .job-alerts .white-box .col-md-6:first-of-type {
    margin-top: 0px;
  }

  .job-alerts .white-box .col-md-6 {
    margin-top: 30px;
  }

  .job-alerts .bootstrap-select button.dropdown-toggle.btn {
    min-width: 0px;
  }

  .success-stories-container.bg-white .col-md-3 {
    width: 33.3333%;
  }
  .success-stories-container.bg-white .col-md-9 {
    width: 66.6666%;
  }

  .inner-page-container .gallery-container .col-md-4 {
    width: 33.33%;
  }
  .uce-container .event-head .btn {
    margin-top: 15px;
  }

  /* submenu */
  #menu-main-menu .sub-menu:after {
    content: "";
    display: block;
    clear: both;
  }
  #menu-main-menu .sub-menu {
    padding: 0 15px;
    padding-bottom: 15px;
    display: none;
  }
  #menu-main-menu .sub-menu li {
    background: rgba(0, 0, 0, 0.05);
    border-top: 1px solid #ffffff;
  }
  #menu-main-menu .sub-menu li:first-child {
    border-top: 0px;
  }
  #menu-main-menu li.has-children {
    position: relative;
  }
  #menu-main-menu li.has-children:after {
    content: "\f078";
    font-family: "fontawesome";
    position: absolute;
    top: 13px;
    right: 15px;
    color: #999;
    cursor: pointer;
  }
  #menu-main-menu li.has-children:hover a {
    color: #000;
  }
  #menu-main-menu li.has-children .sub-menu li:hover a {
    color: #e8d280;
  }
  #menu-main-menu li.has-children:hover:after {
    color: #000;
  }
  #menu-main-menu li.has-children.active:after {
    content: "\f077";
    color: #000;
  }

  /* end submenu */

  .fjl-head .bootstrap-select.btn-group .dropdown-menu.open {
    margin-left: 0px;
  }

  #reg-staff .signup-content .form-group .col-md-6:first-child {
    margin-bottom: 15px;
  }
  .availability-block .days-block > span {
    min-width: 15%;
  }

  .training-box .tb-buttons .course-price {
    float: right;
    display: block;
    margin-bottom: 0px;
  }

  .sponsor-portal > .container > .row > .col-md-6 {
    padding: 0px;
  }

  .signup-content.ss-content-1 .form-group.row,
  .paj-container .signup-block .form-group.row {
    margin-bottom: 15px;
  }

  .signup-checklist ul li .done {
    padding: 10px 0px 8px;
    margin: 0px;
  }
  .signup-checklist ul li .done,
  .signup-checklist ul li a {
    right: 0px;
    position: absolute;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    border: 0px;
    top: 50%;
    margin-top: -15.4px;
  }

  .signup-checklist .check-icon {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -20px;
  }
  .signup-checklist ul li {
    padding-right: 120px;
    padding-left: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .signup-checklist ul li .caption {
    padding: 0px;
  }

  .signup-checklist ul,
  .signup-content.ws-content-2 .signup-block {
    padding: 0px;
  }

  .col-xs-12 {
    width: 100%;
  }

  .signup-content.bs-content-2 .signup-block .col-md-4,
  .signup-content.ws-content-2 .signup-block .col-md-4 {
    width: 33.33333333%;
  }

  .signup-content.bs-content-2 .signup-block .col-md-8,
  .signup-content.ws-content-2 .signup-block .col-md-8 {
    width: 66.66666667%;
  }

  .inner-page-container .form-group .col-md-6,
  .signup-content.bs-content-2 .signup-block .col-md-6,
  .signup-content.ws-content-2 .signup-block .col-md-6 {
    width: 50%;
  }
  .signup-content.bs-content-2 .signup-block.additional-block .col-md-5,
  .signup-content.ws-content-2 .signup-block.additional-block .col-md-5 {
    width: 41.66666667%;
  }
  .signup-content.bs-content-2 .signup-block.additional-block .col-md-1,
  .signup-content.ws-content-2 .signup-block.additional-block .col-md-1 {
    width: 8.33333333%;
  }

  .signup-page .bs-content-2.signup-content,
  .signup-page .ws-content-2.signup-content {
    max-width: 100%;
  }

  .worker-profile-container .wp-sidebar > .btn + h3 {
    text-align: center;
  }

  .worker-profile-block.single-block .col-md-6 {
    width: 50%;
  }

  .worker-profile-block .btn {
    border-radius: 20px;
  }

  .worker-profile-container .sidebar {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .training-container .filter-container > ul > li {
    margin: 2px;
  }

  .training-box-container {
    padding: 0 15px;
  }
  .training-box-container .col-md-4 {
    max-width: 500px;
    margin: 0 auto;
    float: none;
    padding: 0px;
  }
  .filter-wrapper .col-md-6:first-child {
    margin-top: 0px;
  }

  .filter-wrapper .col-md-6 {
    padding: 0px 15px;
    text-align: center;
    margin-top: 15px;
  }
  .featured-training {
    padding: 60px 0;
  }

  .sponsor-portal .spc-content.community-images .col-md-4 {
    width: 33.33%;
  }
  .sponsor-portal .col-md-6 + .col-md-6 .sp-content {
    padding-top: 0px;
  }

  .sponsor-portal .community-stats {
    border-top: 1px solid #ececec;
    padding-top: 30px;
  }

  .sponsor-portal .spc-content.link .col-md-6 {
    width: 50%;
  }

  .paj-container {
    padding: 40px;
  }
  .signup-page .col-md-push-2 .nav.nav-tabs {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .signup-page .col-md-push-2 .nav.nav-tabs li {
    padding-left: 0px;
    padding-right: 10px;
  }
  .signup-page .col-md-push-2 .nav.nav-tabs li + li {
    padding-left: 10px;
    padding-right: 0px;
  }
  .signup-page .signup-content {
    max-width: 500px;
    margin: 0 auto;
  }
  .signup-page .signup-content.signup-checklist {
    max-width: 100%;
    /*   padding-bottom: 20px; */
  }

  .signup-page.login .signup-content {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .signup-page.login .signup-content .double-heading {
    text-align: center;
  }

  .signup-page.login .signup-content.login-sidebar {
    margin-top: 30px;
  }
  .jobs-block .finished-job-links a.btn {
    float: none;
    width: 100%;
    display: block;
    margin-top: 15px !important;
    top: 0px;
    border-radius: 0px;
  }

  .list-block .lb-right .job-details > span {
    line-height: 2;
  }

  .jobs-template .jobs-block .link-container {
    padding-top: 0px;
  }
  .jobs-template .jobs-block .link-container a {
    /*   line-height: 2; */
    margin-top: 3px;
    margin-bottom: 3px;
    display: inline-block;
  }

  .worker-profile-container .wp-sidebar .btn.bg-green + h3 {
    text-align: center;
  }

  body.saved-staff .sidebar.wp-sidebar,
  .inner-page-container .sidebar.wp-sidebar,
  .jobs-template .sidebar.wp-sidebar {
    max-width: 500px;
    margin: 0 auto;
    /*   margin-bottom: 15px; */
  }

  .jobs-template .jobs-head {
    display: none;
  }
  body.saved-staff .jobs-head-mobile,
  .jobs-template .jobs-head-mobile {
    display: block !important;
    margin-bottom: 15px;
  }

  body.job-details .jobs-head-mobile {
    margin-bottom: 25px;
  }

  body.saved-staff .jobs-head-mobile:after,
  .jobs-template .jobs-head-mobile:after {
    content: "";
    clear: both;
    display: block;
  }

  .jobs-template .jobs-head-mobile > .jobs-head {
    display: none !important;
  }

  .saved-staff .jobs-head-mobile > .bootstrap-select.btn-group {
    margin-left: 10px;
  }
  .saved-staff .jobs-head-mobile > .bootstrap-select.btn-group,
  .jobs-template .jobs-head-mobile > .bootstrap-select.btn-group,
  .jobs-template .jobs-head-mobile > select {
    display: block !important;
    width: auto !important;
    float: right;
  }

  .jobs-template .jobs-head-mobile > .bootstrap-select.btn-group.float-left {
    float: left;
  }
  .saved-staff .jobs-head-mobile > .bootstrap-select.btn-group .btn,
  .jobs-template .jobs-head-mobile > .bootstrap-select.btn-group .btn {
    background: #fff;
  }

  .saved-staff .jobs-head-mobile > .bootstrap-select.btn-group span,
  .jobs-template .jobs-head-mobile > .bootstrap-select.btn-group span {
    font-family: "ralewayregular";
  }
  body.saved-staff .jobs-head-mobile > .post-a-job,
  .jobs-template .jobs-head-mobile > .post-a-job {
    /*   max-width: 500px; */
    /*   width: 100%; */
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
    float: left;
    border-radius: 50px;
  }

  .jobs-template .jobs-head-mobile > .post-a-job > i {
    margin-left: 3px;
  }

  body.saved-staff .reverse .sidebar,
  .inner-page-container .reverse .sidebar,
  .worker-profile-container .reverse .sidebar,
  .jobs-template .reverse .sidebar {
    margin-top: 50px;
  }

  body.saved-staff .reverse .sidebar.wp-sidebar .post-a-job,
  .jobs-template .reverse .sidebar.wp-sidebar .post-a-job,
  .jobs-template .reverse .sidebar.wp-sidebar .post-a-job + div,
  .jobs-template .reverse .sidebar.wp-sidebar .post-a-job + div + hr {
    display: none;
  }

  .jobs-template .jobs-head {
    text-align: center;
    margin-top: 40px;
  }
  .jobs-template .jobs-head a,
  .jobs-template .jobs-head span {
    margin: 2.5px 1px;
  }

  .jobs-template .jobs-block > h3 {
    text-align: center;
  }

  .hiw-cta-container .hiw-cta-box p br {
    display: none;
  }
  .hiw-heading h2 {
    margin-top: 10px;
  }
  .hiw-cta-container .col-md-6 + .col-md-6 {
    margin-top: 60px;
  }
  .hiw-cta-container .hiw-cta-box {
    padding: 0px 5px !important;
    max-width: 600px;
    margin: 0 auto;
  }

  .all-map-container .map {
    height: auto;
    padding: 30%;
    min-height: 400px;
  }
  .list-block a.btn {
    border-radius: 50px;
  }

  .fj-listing-container .heading-text {
    width: 100%;
    text-align: center;
  }

  .fj-listing-container .view-type,
  .fj-listing-container .fjl-head {
    text-align: center;
  }

  .fj-listing-container .heading-text {
    margin: 0px;
  }

  .fjl-head .bootstrap-select.btn-group,
  .fjl-head select {
    display: inline-block;
    margin-top: 15px;
    max-width: 284px;
    width: 100%;
  }

  .fjl-head .bootstrap-select.btn-group,
  .fjl-head select,
  .fj-listing-container .view-type a,
  .fj-listing-container .fjl-head .view-type {
    float: none;
  }

  .fjl-head .bootstrap-select.btn-group button {
    width: 100%;
  }

  #mobile-filter-toggle {
    display: block;
    cursor: pointer;
    font-size: 2.2em;
    letter-spacing: 1px;
    font-family: ralewaybold, sans-serif;
    display: inline-block;
    margin-bottom: 15px;
    font-family: "ralewaysemibold";
    text-transform: uppercase;
    font-size: 15px;
    max-width: 284px;
    width: 100%;
  }

  #mobile-filter-toggle.active,
  #mobile-filter-toggle:hover {
    background: #b39755;
    color: #fff;
  }

  #mobile-filter-toggle:before {
    content: "\f002";
    font-family: "fontawesome";
    display: inline-block;
    margin-right: 7px;
  }
  #mobile-filter-section {
    display: none;
  }

  .pre-footer-content.sidebar > *,
  #mobile-filter-section .sidebar {
    max-width: 500px;
    margin: 0 auto;
  }

  .pre-footer-content.sidebar {
    margin-top: 40px;
  }

  .sidebar input[type="submit"],
  .sidebar .btn {
    /*   max-width: 200px; */
    /*   width: auto !important; */
    margin: 0 auto;
    display: inline-block;
  }

  .fj-listing-container .fjl-head,
  #mobile-filter-section .sidebar {
    margin-bottom: 60px;
  }
  #mobile-filter-section .heading-text {
    display: none;
  }

  .uce-container .event-head {
    text-align: center;
    /*   margin-bottom: 60px !important; */
  }
  .uce-container .event-head > .double-heading {
    margin-bottom: 0px;
  }
  .uce-container .event-head > * {
    float: none !important;
  }

  .uce-container .event-head,
  .uce-container .event-box,
  .events-container .event-box {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  .social-community .col-xs-12 {
    max-width: 372px;
    margin: 0 auto;
    display: block;
    float: none;
    padding: 0px;
    margin-top: 25px;
  }

  .social-community .col-xs-12:first-child {
    margin-top: 0px;
  }

  .community-container .row > .col-xs-12 {
    padding: 0 15px;
  }

  .community-container .row > .col-xs-12 .chb-content p {
    text-align: center;
  }

  .community-container .ch-top .cht-content {
    display: table !important;
    width: 100% !important;
  }

  .community-container .ch-top .align-wrap {
    display: table-cell !important;
    vertical-align: middle;
    width: 100%;
    height: 100%;
  }

  .community-container .ch-top .cht-content {
    padding: 0 20px;
  }
  .community-container .ch-top .cht-content .text {
    margin: 0px;
    padding: 0px;
    margin-bottom: 20px;
  }

  .community-container .grey-container {
    max-width: 500px;
    margin: 0 auto;
  }

  .community-container .bl-container .row {
    margin-left: 0px;
    margin-right: 0px;
  }

  .community-container .row > .col-xs-12 {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
    width: 100%;
  }

  .community-container .bl-container .col-md-4:first-of-type .blog-list {
    margin-top: 0px;
  }

  .community-container .bl-container .row {
    margin-top: 45px;
  }
  .community-container .bl-container > h3 {
    margin-bottom: 40px;
    max-width: 500px;
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto;
  }
  .community-container .bl-container .blog-list {
    margin-top: 45px;
  }
  .community-container .row > .col-xs-12 .chb-content,
  .community-container .row > .col-xs-12 .cht-content {
    /*   max-width: 500px;
  margin: 0 auto;
  display: block;
   float: none; */
    margin-bottom: 25px;
    text-align: center;
  }
  .community-container .ch-top {
    padding-bottom: 0px;
    padding-top: 60px;
  }
  .bs-content-3 .signup-content .col-md-6 {
    width: 50%;
    /*     max-width: 500px; */
  }
  .bs-content-3 .plan-box {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 35px;
  }
  .bs-content-3 h2 {
    margin-bottom: 60px;
    /*     margin-top: 10px; */
  }

  .signup-content .double-heading span,
  .bs-content-2 .double-heading span {
    max-width: 597px;
  }
  .signup-block .form-group .col-xs-12 {
    margin-bottom: 15px;
  }

  .bs-content-2.signup-content .signup-block .form-group .col-xs-12,
  .ws-content-2.signup-content .signup-block .form-group .col-xs-12 {
    margin-bottom: 0px;
  }

  .footer-cta .fcta-stats {
    margin: 20px 0;
  }

  .footer-cta .btn-container {
    margin-top: 20px;
  }

  .homepage-featured-container .col-xs-12.mobile-only {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  hr.with-icon {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  .homepage-featured-container .services-container,
  .homepage-featured-container .featured-person-container p {
    max-width: 500px;
    margin: 0 auto;
  }

  .homepage-slider-container + .main-buttons-container .col-md-6 {
    width: 50%;
  }

  .home-blog-container .clearfix + .col-md-4 {
    margin-top: 30px;
  }

  .home-blog-container .col-md-4 {
    margin-top: 45px;
  }

  .home-blog-container h3 + .col-md-4 {
    margin-top: 0px;
  }

  .home-blog-container .blog-list {
    max-width: 500px;
    margin: 0 auto;
    padding: 0px;
  }

  .homepage-featured-container {
    padding-bottom: 0px;
    padding-top: 30px;
  }

  .home-blog-container .row > h3 {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  /*   MOBILE NAV */

  .navigation .nav-container .row {
    text-align: left;
  }

  .navigation .right-nav,
  .navigation .logo-container {
    display: block;
  }

  .navigation .nav-container {
    padding: 0px;
  }
  .navigation .logo-container {
    width: 100%;
    position: relative;
  }
  .nav-search-container {
    padding: 0px;
  }
  .navigation .right-nav {
    width: 100%;
    padding: 0px;
  }
  #nav-toggle {
    float: right;
    display: block;
    top: 13px;
    right: 0px;
    width: 45px;
    position: relative;
  }
  #menu-main-menu {
    display: none;
    background: #f4f4f4;
    padding: 20px 0;
  }

  #menu-main-menu:after {
    content: "";
    clear: both;
    display: block;
  }

  #menu-main-menu li {
    width: 100%;
    display: block;
    text-align: left;
    margin: 0px;
    float: left;
  }

  #menu-main-menu li.m-one-half {
    width: 50%;
    float: left;
    padding: 10px 15px;
  }

  #menu-main-menu li.mobile a {
    text-align: center;
    display: block;
    border: 1px solid #161616 !important;
  }
  #menu-main-menu li.mobile a:hover {
    background: #161616;
    color: #fff;
  }

  #menu-main-menu li.nav-icon {
    display: none;
  }
  #menu-main-menu li a {
    text-transform: uppercase;
    font-size: 14px;
    border: 0px !important;
    padding: 10px 15px;
  }

  #menu-main-menu li a:hover {
    color: #e8d280;
  }

  #menu-main-menu li.nav-search {
    padding: 10px 15px;
  }

  #menu-main-menu .nav-search input {
    padding: 5px 0 2px;
    border: none;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: ralewaylight, sans-serif;
    height: 40px;
    width: 100%;
    padding-left: 67px;
    border: 1px solid #000000;
  }
  #menu-main-menu .nav-search .close-nav-search {
    display: none;
  }
  #menu-main-menu .nav-search form {
    position: relative;
  }
  #menu-main-menu .nav-search button {
    position: absolute;
    width: 51px;
    height: 40px;
    border-radius: 0px;
    padding: 0px;
    line-height: 40px;
    background: #000000;
    left: 0px;
    top: 0px;
    margin: 0px;
  }
  #menu-main-menu .nav-search i {
    padding: 0px;
    height: 40px;
    display: block;
  }
  #menu-main-menu .nav-search i:before {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
  /*    END MOBILE NAV */
}

@media (max-width: 890px) {
  .white-box .search-form input[type="text"] {
    width: 79%;
  }
  .white-box .search-form input[type="submit"] {
    width: 20%;
  }
}

@media (max-width: 850px) {
  .wp-option-blocks .cd-radio,
  .wp-option-blocks .btn {
    float: none;
    display: inline-block;
  }

  .wp-option-blocks > span {
    max-width: 300px;
    width: 100%;
  }

  .worker-profile-block.single-block .col-md-6 {
    width: 100%;
  }
  .worker-profile-block.single-block .col-md-6 + .col-md-6 {
    margin-top: 30px;
  }

  .jobs-template .jobs-block .list-block .btn-container.with-text-link a {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    margin-top: 10px;
  }
  .jobs-template
    .jobs-block
    .list-block
    .btn-container.with-text-link
    .wtl-cont {
    text-align: center;
    width: 100%;
  }
  .jobs-template
    .jobs-block
    .list-block
    .btn-container.with-text-link
    .wtl-cont
    a {
    display: inline-block;
    width: auto;
  }
}

@media (max-width: 824px) {
  .availability-block .days-block > span {
    min-width: 60px;
    width: 60px;
  }
}

@media (max-width: 800px) {
  .sponsor-portal .sp-content .button-wrap .col-xs-12 {
    width: 50%;
  }

  .sponsor-portal .col-xs-12 {
    width: 100%;
  }

  .inner-page-container .gallery-container .col-md-4 {
    width: 50%;
  }

  .jobs-block .list-block .btn-link-container {
    text-align: center;
  }

  .saved-staff .list-block .btn-container .btn {
    float: left;
  }
  .saved-staff .list-block .btn-container .inline {
    float: right;
  }
  .jobs-block .list-block .btn-link-container .inline,
  .jobs-block .list-block .btn-link-container .btn {
    float: none;
    width: 100%;
  }
}

@media (max-width: 780px) {
  body.saved-staff .jobs-head-mobile .bootstrap-select.btn-group + .btn-group {
    margin-top: 15px;
  }
  body.saved-staff .jobs-head-mobile > .post-a-job,
  .jobs-template .jobs-head-mobile > .post-a-job {
    border-radius: 0px;
  }

  body.saved-staff .jobs-head-mobile .bootstrap-select.btn-group,
  .jobs-template .jobs-head-mobile .bootstrap-select.btn-group,
  body.saved-staff .jobs-head-mobile > .post-a-job,
  .jobs-template .jobs-head-mobile > .post-a-job,
  .jobs-template .jobs-head-mobile select,
  body.job-details .jobs-head-mobile > a.post-a-job + span {
    display: block !important;
    max-width: 100%;
    width: 100% !important;
  }

  body.job-details .jobs-head-mobile > a.post-a-job + span:last-child {
    margin-bottom: 0px;
  }

  body.saved-staff .bootstrap-select .dropdown-menu.open,
  .jobs-template .bootstrap-select .dropdown-menu.open {
    margin-left: 0px;
  }
  .jobs-template .jobs-head-mobile .jobs-head {
    display: none !important;
  }

  .jobs-template .jobs-head-mobile > * {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
  }

  .availability-block .days-block > div.from,
  .availability-block .days-block > div.to {
    position: relative;
  }
  .availability-block .days-block {
    padding-left: 100px;
    position: relative;
  }

  .availability-block .days-block:after {
    content: "";
    clear: both;
    display: block;
  }

  .availability-block .days-block > div.from > span,
  .availability-block .days-block > div.to > span,
  .availability-block .days-block > span {
    min-width: 100px;
    position: absolute;
    top: 23px;
    left: 0px;
  }
  .availability-block .days-block > div.from > span,
  .availability-block .days-block > div.to > span {
    min-width: 50px;
    position: absolute;
    top: 8px;
    text-align: right;
  }

  .availability-block .days-block > div.from,
  .availability-block .days-block > div.to {
    width: 50%;
    float: left;
    padding-left: 60px;
  }

  .availability-block .days-block > div .time-picker-wrap,
  .availability-block .days-block > div input[type="time"] {
    max-width: 100% !important;
  }

  .availability-block .days-block > div .time-picker-wrap,
  .availability-block .days-block > div input[type="time"],
  .availability-block .days-block > div.from select,
  .availability-block .days-block > div.to select {
    width: 100%;
    min-width: auto;
  }
  .availability-block .days-block .checkbox-container {
    float: none;
    padding-left: 100px;
    width: 100%;
  }

  .availability-block .days-block .checkbox-container {
    padding: 0px;
  }
  .availability-block .days-block .checkbox-container label {
    width: 100%;
    float: left;
    margin: 0px;
    margin-top: 5px;
  }

  .break-mobile {
    display: block;
    clear: both;
    padding-top: 10px;
  }
  .break-mobile a.inline {
    float: left;
    margin-right: 10px;
  }
}

@media (max-width: 720px) {
  .signup-content.bs-content-2 .signup-block:last-of-type,
  .signup-content.ws-content-2 .signup-block:last-of-type {
    margin-top: -15px;
  }

  .ws-content-2.signup-content .signup-block.emergency-contact .row {
    margin-bottom: 0px;
  }
  .upload-profile-picture {
    margin-bottom: 0px;
  }

  .inner-page-container form .row,
  .bs-content-2.signup-content .signup-block .row,
  .ws-content-2.signup-content .signup-block .row {
    margin-left: 0px;
    margin-right: 0px;
  }

  .signup-content.bs-content-2 .signup-block.additional-block .col-md-5,
  .signup-content.ws-content-2 .signup-block.additional-block .col-md-5 {
    width: 90%;
    padding-right: 15px;
  }
  .signup-content.bs-content-2 .signup-block.additional-block .col-md-1,
  .signup-content.ws-content-2 .signup-block.additional-block .col-md-1 {
    width: 10%;
  }

  .inner-page-container .form-group .col-md-6 + .col-md-6,
  .bs-content-2.signup-content .signup-block .form-group .col-md-6 + .col-md-6 {
    margin-bottom: 0px;
  }
  .inner-page-container .form-group .col-xs-12,
  .bs-content-2.signup-content .signup-block .form-group .col-xs-12,
  .ws-content-2.signup-content .signup-block .form-group .col-xs-12 {
    margin-bottom: 15px;
  }

  .inner-page-container .form-group .col-xs-12,
  .signup-content.bs-content-2 .signup-block .col-xs-12,
  .signup-content.ws-content-2 .signup-block .col-xs-12 {
    width: 100%;
    padding: 0px;
  }

  .signup-content.bs-content-2 .signup-block textarea,
  .signup-content.ws-content-2 .signup-block textarea {
    padding-right: 15px;
  }

  .worker-profile-content .wp-head-details .star-container {
    width: 100%;
    display: block;
    margin-bottom: 2.5px;
  }
  .worker-profile-content .wp-head-details small:first-of-type {
    margin-left: 0px;
  }
  .worker-profile-content .wp-head-details small {
    display: inline-block;
  }
  .worker-profile-content .wp-head-details .worker-rating-container {
    width: 100%;
    display: block;
    margin-left: 0px;
  }

  .ws-content-2.signup-content
    .signup-block:first-of-type
    > .row
    > .col-md-6
    + .col-md-6 {
    margin-bottom: 0px;
  }
}

@media (max-width: 700px) {
  .filter-wrapper .filter-container > ul {
    display: none;
  }

  /* .filter-wrapper .filter-container select, */
  .filter-wrapper .filter-container .bootstrap-select.btn-group {
    display: inline-block !important;
    max-width: 500px;
    margin: 0 auto;
  }
  .jobs-template .jobs-block .list-block:after {
    content: "";
    clear: both;
    display: block;
  }
  .jobs-template .jobs-block .list-block .job-buttons-container {
    width: 80%;
    float: right;
    padding-left: 25px;
    margin-top: 15px;
  }

  .jobs-template .jobs-block .list-block .job-buttons-container a {
    width: 100%;
    margin: 0px;
    border-radius: 0px;
    margin-top: 10px;
  }
  .jobs-template .jobs-block .list-block .job-buttons-container a:first-child {
    margin-top: 0px;
  }

  .success-stories-container .success-story-box {
    width: 100%;
  }

  .signup-done .signup-content {
    padding: 30px 0;
  }
  .homepage-slider-container .slide-content-container h2 {
    font-size: 4em;
    text-align: center;
  }

  .homepage-slider-container .owl-theme .owl-nav.disabled + .owl-dots {
    text-align: center;
    margin-left: 0px;
    bottom: 20px;
  }
  .homepage-slider-container .owl-theme .owl-dots .owl-dot span {
    margin: 5px 8px;
    width: 10px;
    height: 10px;
  }

  .homepage-slider-container .slide-content-container {
    text-align: center;
  }

  .homepage-slider-container .slide-content-container p {
    display: none;
  }

  .main-footer p.copyright {
    color: #595959;
  }

  .home-brands ul li {
    width: 100%;
    padding: 20px 0;
  }

  .homepage-featured-container .featured-person-container p {
    max-width: 320px;
  }
}

@media (max-width: 650px) {
  .worker-profile-content .worker-profile-block.wp-head:first-child {
    padding-left: 120px;
  }
  .worker-profile-content .wp-head > img {
    max-width: 100px;
    height: auto;
  }
}

@media (max-width: 630px) {
  .white-box .search-form input[type="text"] {
    width: 69%;
  }
  .white-box .search-form input[type="submit"] {
    width: 30%;
  }
}

@media (max-width: 600px) {
  .inner-page-container .gallery-container .col-md-4 {
    width: 100%;
  }

  .inner-page-content .event-details p {
    padding-right: 15px;
    padding-bottom: 60px;
    position: relative;
  }

  .inner-page-content .event-details .calendar-wrap,
  .inner-page-content .event-details p > a {
    position: absolute;
    top: 100%;
    left: 0px;
    height: 40px;
    line-height: 40px;
    margin-top: -40px;
  }

  .inner-page-content .event-details p > a span {
    position: relative;
    top: 0px;
    margin-top: 0px;
  }

  .inner-page-content .event-details .addtocalendar {
    top: 0px;
  }
  .inner-page-content .event-details .addtocalendar .atcb-link {
    line-height: 40px;
  }

  .main-footer .footer-links ul li {
    width: 100%;
  }

  .main-footer .footer-social {
    margin-bottom: 35px;
  }

  .form-group.row .row .col-md-6 {
    width: 100%;
    padding: 0px !important;
    margin-top: 15px;
  }
  .form-group.row .row .col-md-6:first-child {
    margin-top: 0px;
  }
}

@media (max-width: 605px) {
  .success-stories-container.bg-white .col-md-9,
  .success-stories-container.bg-white .col-md-3 {
    width: 100%;
  }

  .success-stories-container.bg-white .col-md-3 img {
    max-width: 450px;
    margin-bottom: 30px;
  }

  .availability-block .days-block > div.from,
  .availability-block .days-block > div.to {
    width: 100%;
  }
  .availability-block .days-block > div.to {
    margin-top: 15px;
  }
  .availability-block .days-block > div.from > span,
  .availability-block .days-block > div.to > span {
    text-align: left;
  }

  .availability-block .days-block > span {
    width: 50px;
    min-width: 50px;
  }
  .availability-block .days-block {
    padding-left: 80px;
  }
}
@media (max-width: 550px) {
  .inner-page-content.has-share-buttons h1 {
    padding-right: 0px;
  }

  .inner-page-content.has-share-buttons p + .btn-share.top-share {
    margin-top: -15px;
  }

  .inner-page-content.has-share-buttons .btn-share.top-share {
    position: relative;
    left: 0px;
    top: 0px;
    float: none;
    display: block;
    max-width: 100px;
    margin-bottom: 25px;
  }

  .step-container span {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
  }

  .job-details.job-applicants .fj-listing-container .list-block .lb-right .btn,
  .search-results .list-block .lb-right .btn,
  .fj-listing-container .list-block .lb-right .btn {
    width: 100%;
    margin-top: 10px;
  }

  .job-details .fj-listing-container .list-block .lb-right .btn {
    width: auto;
    margin: 0px;
  }

  .job-details.job-applicants .fj-listing-container .list-block .lb-right .btn {
    margin-right: 20px;
  }

  .job-applicants .list-block .btn-container .clearfix,
  .saved-staff .list-block .btn-container .clearfix {
    display: block;
    margin-bottom: 10px;
    float: left;
    height: 5px;
    width: 100%;
  }

  .job-applicants .list-block .btn-container .inline,
  .saved-staff .list-block .btn-container .btn,
  .saved-staff .list-block .btn-container .inline {
    float: none;
  }

  .job-applicants .list-block .btn-container,
  .saved-staff .list-block .btn-container {
    text-align: center;
  }

  .fj-listing-container .list-block .lb-right .btn:first-child {
    margin-top: 0px;
  }

  .homepage-slider-container .owl-theme .owl-dots {
    display: none;
  }

  .homepage-slider-container + .main-buttons-container {
    padding: 15px 0;
  }
  .homepage-slider-container + .main-buttons-container .col-md-6 {
    width: 100%;
  }
  .homepage-slider-container + .main-buttons-container .col-md-6:first-child {
    margin-bottom: 20px;
  }

  .homepage-featured-container .staff-job-box {
    width: 45%;
    display: inline-block;
    float: none;
  }

  .homepage-featured-container .staff-job-box span {
    max-width: 140px;
    margin: 0 auto;
  }

  .signup-content.bs-content-2 .signup-block.additional-block .col-md-5,
  .signup-content.ws-content-2 .signup-block.additional-block .col-md-5 {
    width: 85%;
    padding-right: 15px;
  }
  .signup-content.bs-content-2 .signup-block.additional-block .col-md-1,
  .signup-content.ws-content-2 .signup-block.additional-block .col-md-1 {
    width: 15%;
  }
}
@media (max-width: 500px) {
  .sponsor-portal .sp-content .button-wrap .col-xs-12 {
    width: 100%;
  }
  .sponsor-portal .venues-container .col-md-3 {
    width: 50%;
    margin-top: 20px;
  }
  .sponsor-portal .venues-container.row {
    margin-top: -20px;
  }

  .yellow-info-box p {
    text-align: left;
    padding-right: 0px;
  }
  .grey-container .yellow-box.with-icon {
    padding-left: 25px;
    padding-top: 80px;
  }
  .grey-container .yellow-box.with-icon i {
    left: 50%;
    top: 17px;
    margin-left: -24px;
  }

  .inner-page-container .btn-container {
    margin-top: -10px;
  }
  .inner-page-container .btn-container .btn {
    margin-top: 10px;
  }
  .homepage-slider-container .slide-content-container h2 {
    margin-bottom: 15px;
  }
  .signup-checklist ul li .caption {
    font-size: 15px;
  }
  .signup-checklist ul li a {
    font-size: 12px;
    /*padding:*/
  }
  .worker-profile-block.single-block .wp-options .wp-option-blocks {
    margin-bottom: 20px;
  }
  .worker-profile-block.single-block .wp-options .wp-option-blocks:last-child {
    margin-bottom: 0px;
  }

  .signup-page.login .signup-content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .footer-cta .btn-container .btn {
    width: 100%;
    border-radius: 0px;
    margin: 0px;
    margin-top: 20px;
  }
  .footer-cta .btn-container .btn:first-child {
    margin-top: 0px;
  }

  .footer-cta {
    padding: 50px 0;
  }
}

@media (max-width: 450px) {
  .white-box .search-form input[type="text"] {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .white-box .search-form input[type="submit"] {
    width: 100%;
  }
  .search-results button.btn-left-icon span {
    display: block;
  }
  .search-results button.btn-left-icon {
    padding: 15px;
    padding-right: 30px;
    display: inline-block;
    height: auto;
    position: relative;
  }
  .search-results button.btn-left-icon i {
    padding-right: 0px;
    top: 53%;
    right: 15px;
  }
}

@media (max-width: 460px) {
  .signup-page .col-md-push-2 .nav.nav-tabs li a {
    padding-top: 40px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    padding-left: 0px;
    padding-right: 0px;
  }
  .signup-page .col-md-push-2 .nav.nav-tabs li a i,
  .signup-page .col-md-push-2 .nav.nav-tabs li a span {
    position: absolute;
    top: 15px;
    width: 100%;
    padding: 0px;
    left: 0px;
    display: block;
  }
}

@media (max-width: 450px) {
  body.job-details .wp-sidebar > a.btn {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .success-stories-container.bg-white .col-md-3 img {
    margin-bottom: 20px;
  }
  .paj-content button.btn-left-icon {
    padding-left: 30px;
    padding-right: 40px;
    height: auto;
  }
  .paj-content .btn-left-icon i {
    right: 10px;
  }

  .paj-container .terms-container + button[type="submit"] {
    display: block;
    height: auto;
    padding: 14px;
    padding-bottom: 13px;
  }

  .sponsor-portal .sp-content,
  .paj-container,
  .signup-page.login .signup-content,
  .bs-content-3 .signup-content {
    padding-left: 15px;
    padding-right: 15px;
  }
  .worker-profile-content .worker-profile-block.wp-head:first-child {
    padding-left: 100px;
  }
  .worker-profile-content .wp-head > img {
    max-width: 80px;
    height: auto;
  }

  .sponsor-portal .spc-content.community-images .col-md-4 {
    width: 50%;
  }

  .sponsor-portal .spc-content.link .col-md-6 {
    width: 100%;
  }

  .signup-page .col-md-push-2 .nav.nav-tabs li:first-child {
    margin-top: 0px;
  }

  .navigation .logo-container img {
    max-width: 230px;
  }

  #nav-toggle {
    top: 9px;
  }

  .signup-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 410px) {
  .signup-checklist .btn-container .btn {
    display: block;
    margin: 10px 0 0px;
  }
  .signup-done .pro-image-container.aligncenter img {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .job-details .list-block a.btn {
    width: 100%;
    margin-bottom: 15px;
  }

  .job-details .list-block a.inline {
    float: none;
  }
  .job-details .list-block .btn-container {
    text-align: center;
  }

  .worker-profile-content .worker-profile-block.wp-head:first-child {
    padding-left: 0px;
  }
  .worker-profile-content .wp-head > img {
    position: relative;
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
  }

  .worker-profile-container .list-block .lb-right,
  .worker-profile-container .list-block .lb-left,
  .search-results .list-block .lb-right,
  .search-results .list-block .lb-left,
  .fj-listing-container .list-block .lb-right,
  .fj-listing-container .list-block .lb-left {
    float: none;
    width: 100%;
    padding: 0px;
  }

  .search-results .list-block .lb-left,
  .worker-profile-container .list-block .lb-left,
  .fj-listing-container .list-block .lb-left {
    margin-bottom: 15px;
  }

  .jobs-template .jobs-block .list-block .job-buttons-container {
    width: 100%;
    padding-left: 0px;
  }

  .homepage-slider-container .slide-content-container h2 {
    margin-bottom: 15px;
    font-size: 3em;
  }
}

@media (max-width: 380px) {
  .paj-3 .signup-block .availability-review span {
    display: block;
  }
  .sponsor-portal .announcement-listing .btn {
    height: auto;
    display: block;
    white-space: normal;
  }
}

@media (max-width: 370px) {
  .sponsor-portal .staff-block,
  .sponsor-portal .article-listing .article-block {
    padding-left: 0px;
  }
  .sponsor-portal .staff-block .left img,
  .sponsor-portal .article-listing .article-block .left img {
    position: relative;
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
  }
  .payment-icons-container img:first-of-type {
    margin-bottom: 10px !important;
  }
  .payment-icons-container img {
    display: block;
    margin: 0 auto !important;
  }

  .wp-availability p .time {
    display: block;
    margin-bottom: 20px;
  }

  .wp-availability p:last-child .time {
    margin-bottom: 0px;
  }
  .training-box .tb-buttons .course-price {
    display: block;
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }

  .availability-block .days-block {
    padding-left: 60px;
  }

  .availability-block .days-block > div.from,
  .availability-block .days-block > div.to {
    padding-left: 50px;
  }
}
@media (max-width: 350px) {
  .homepage-featured-container .staff-job-box {
    width: 48%;
  }

  .step-container span {
    width: 45px;
    height: 45px;
    font-size: 20px;
    line-height: 45px;
  }

  .navigation .logo-container img {
    max-width: 200px;
  }

  #nav-toggle {
    top: 7px;
  }
}

.fjl-head .view-type a:hover {
  border-color: #000 !important;
}

@media (max-width: 330px) {
  .fjl-head .view-type a {
    display: block;
    /*     max-width: 150px; */
    margin: 0 auto;
  }
}
@media (max-width: 300px) {
  .navigation .logo-container img {
    max-width: 180px;
  }

  #nav-toggle {
    top: 5px;
  }
}

.barcats-alert {
  text-align: center;
  font-size: 16px;
  color: #333;
  background: #f5f0e2;
  border-color: #d8c89a;
  font-family: open_sansregular, sans-serif;
  border-radius: 0;
  border: none;
}

.signup-tc {
  padding-top: 10px;
  font-size: 12px;
  font-style: italic;
  color: #9b9b9b;
  margin-bottom: -10px !important;
  font-family: "ralewayregular";
}
.signup-tc a {
  color: inherit;
  text-decoration: underline;
}
.signup-tc a:hover {
  color: #c2a861;
}

.grey-link {
  color: #9b9b9b;
  text-decoration: underline;
}

.errorlist {
  color: #a94442;
  margin-top: 5px;
  font-family: "open_sansregular", sans-serif;
}
.errorlist li:before {
  font-family: FontAwesome;
  content: "\f00d";
  display: inline-block;
  padding-right: 5px;
  top: 2px;
}

.ui-autocomplete.ui-front .ui-menu-item > * {
  padding: 3px 20px;
  background: none;
  border: 0px;
  margin: 0px !important;
  cursor: pointer;
  color: #262626;
  font-family: "ralewayregular";
}
.ui-autocomplete.ui-front .ui-menu-item > *:hover {
  background: #f5f5f5;
}

/* Extra Styles */

.list-block .lb-right .btn {
  margin-right: 10px;
}

.list-block .lb-right .btn:last-child {
  margin-right: 0px;
}

.in-network {
  /*-webkit-box-shadow: inset 0px 0px 0px 1px rgba(232,210,128,1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(232,210,128,1);
  box-shadow: inset 0px 0px 0px 1px rgba(232,210,128,1);*/
  -webkit-box-shadow: 0px 1px 5px 0px rgba(221, 221, 221, 1);
  -moz-box-shadow: 0px 1px 5px 0px rgba(221, 221, 221, 1);
  box-shadow: 0px 1px 5px 0px rgba(221, 221, 221, 1);
  background: #faf7ea;
}
.network-jobs-true {
  margin-bottom: 25px;
}
.network-jobs-true span {
  padding: 8px 18px;
  border-radius: 50px;
  border: 1px solid #e8d280;
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
  background: #faf7ea;
}
.network-jobs-true mark {
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
  background: #faf7ea;
  padding: 4px 10px;
}
@media (max-width: 992px) {
  .network-jobs-true {
    margin-top: -25px;
    text-align: center;
  }
}
.job-image {
  border: 1px dashed #bbb !important;
  background-image: url("../images/icons/fa_upload.png") !important;
  background-repeat: no-repeat !important;
  background-position: center right 11px !important;
}
.jobs-head a {
  margin-right: 3px !important;
}
.jobs-head a:last-child {
  margin-right: 0px !important;
}
.network-notice {
  background: #faf7ea;
  color: #9f8147;
  padding: 10px 15px;
  margin-top: -5px;
  font-family: "open_sansregular";
}
.network-notice i {
  color: #c6ae6a;
  margin-right: 5px;
}

.modal-apply,
.modal-invite {
  font-family: "open_sansregular", sans-serif;
}
.modal-apply span i {
  color: #c6ae6a;
}
.modal-apply p {
  margin-bottom: 10px;
}
.modal-apply span:not(.not-icon) {
  height: 30px;
  display: block;
  float: left;
  margin-right: 10px;
}
.modal-apply a .fa {
  float: left;
  padding-left: 10px;
  font-size: 21px;
  width: 0;
  line-height: 1;
  margin-right: -10px;
}

/* Centre modal */
.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-alignment-helper .vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.vertical-alignment-helper .modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}

.label {
  font-family: "open_sansregular", sans-serif;
  background: #d3afff;
}
h3 .label {
  font-size: 60%;
  padding: 3px 5px 4px;
}
sup.label-default {
  top: -3px;
}
.job-status {
  margin-bottom: 8px;
  display: inline-flex;
}
.job-status .label {
  font-size: 12px;
  display: inline-block;
  padding: 6px 10px 8px;
}
.label-success {
  background: #99c975;
}
.label-info {
  background: #6d6d6d;
}
.label-danger {
  background: #f4432f;
}

.rated .fa,
.completed-rating .stars .fa {
  color: #99c975 !important;
}

color-grey,
a.color-grey {
  color: #9b9b9b;
}
a.color-grey:hover {
  color: #c2a861;
}

.noHover {
  pointer-events: none;
}

.wp-head-details {
  min-height: 189px;
}

.modal-header .close {
  font-size: 24px;
}

.success-page .btn {
  min-width: 175px;
}

.basic-text-link {
  font-family: "open_sansregular";
  color: #c3a960;
}
.basic-text-link:hover {
  color: #000;
  text-decoration: underline;
}

.jobs-head-mobile a.btn {
  margin-left: 0px !important;
}
.jobs-head-mobile a.inline:hover {
  border-bottom: none;
}

.smaller p {
  font-size: 14px !important;
}

.star-container .fa-certificate {
  color: #c3a960 !important;
}
.new-nr {
  color: #c3a960 !important;
  font-family: "open_sanssemibold";
  line-height: 1;
  font-size: 13px !important;
  letter-spacing: 0;
  position: relative;
  top: -1px;
}

.remove-hire {
  border-bottom: none !important;
  margin-left: 5px;
}

.remove-hire:hover {
  color: #f95c5c !important;
}

a.btn-rate {
  border-color: #99c975 !important;
  color: #99c975;
}
a.btn-rate:hover {
  border-color: #000 !important;
}

.small-label {
  font-size: 11px !important;
  padding: 2px 6px !important;
  float: right;
  position: relative;
  display: block;
  line-height: 1.4;
  top: -2px;
}

.modal-info .fa-check-circle {
  color: #99c975;
}

.paj-content .skill-box {
  display: inline-block;
  margin: 5px 5px 5px 0;
}
.paj-content .skill-box .skill {
  border: 1px solid #6d6d6d;
  border-radius: 3px;
  padding: 3px 5px;
  color: #666666;
}

@media (min-width: 669px) {
  .btn-responsive:first-of-type {
    margin-right: 15px;
  }
}

@media (max-width: 668px) {
  .btn-responsive {
    display: block;
  }
  .btn-responsive:first-of-type {
    margin-bottom: 15px;
  }
  .imn-list {
    float: none !important;
    display: inline-block;
    margin-bottom: 7px;
  }
}

.imn-list {
  float: right;
  font-size: 13px;
  color: #9f8147;
  padding: 4px 10px;
  background: #faf7ea;
  border-radius: 10px;
}
.imn-list em {
  font-style: normal;
  padding-left: 8px;
}

@media (max-width: 720px) {
  .nsm {
    margin-bottom: 0px !important;
  }
}

.bootstrap-select button.dropdown-toggle.btn:focus {
  border-color: #99c975 !important;
}

.current-plan {
  border: 2px solid #99c975 !important;
  color: #99c975 !important;
  background: #fff !important;
}

.other-plan {
  color: #fff !important;
  background: #99c975 !important;
}

.other-plan:hover {
  background: #000 !important;
}

/*   Disable links/hover on the "STAFF ON DEMAND" icons on homepage temprorary */
.staff-job-box a {
  pointer-events: none;
}
.homepage-featured-container .staff-job-box:hover svg {
  background: #000;
}

.network-h3 {
  padding: 0px !important;
  background: none !important;
  margin: 0 0 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 1.4em !important;
  text-align: left !important;
  border: none !important;
}

.network-block .lb-left {
  width: 18% !important;
}
.network-block .lb-right {
  width: 82% !important;
}

.ab-head a {
  color: inherit;
}
.ab-head a:hover {
  color: #c3a960;
}

.edit-profile-picture {
  padding-top: 0;
  width: 180px;
  margin: 0 auto;
}

.edit-profile-picture .image-attached h4 {
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 0;
}

.edit-profile-picture .image-attached h4 i.fa-pencil {
  font-size: 1.4em;
  color: #fff;
  margin-bottom: 0;
  padding-right: 5px;
}

.signup-page .signup-content .double-heading {
  margin-top: -18px;
}

.signup-page .signup-content div + .double-heading {
  margin-top: 0px;
}

.job-history .review-box p {
  font-size: 14px;
  color: #7b7b7b;
  line-height: 1.5;
  font-style: italic;
  margin-top: 10px;
  padding-left: 42px;
}

.job-history .review-box p .fa-quote-left {
  font-size: 32px;
  padding: 0 10px 10px 0;
  float: left;
  margin-left: -42px;
}

.job-history h3 {
  margin-top: 0;
  font-size: 22px;
  margin-bottom: 25px;
}

.job-history .review-box .rate-date .date {
  font-size: 13px;
}

.job-history .review-box .rate-date .stars {
  padding-left: 10px;
  line-height: 1;
}

.job-history .review-box .rate-date .stars i {
  color: #ffd700;
  font-size: 13px;
}

span.total-rating {
  padding-left: 5px;
  color: #7b7b7b;
  font-size: 12px;
  font-family: "open_sansregular";
}

.job-history .review-box {
  border-top: 1px solid #ececec;
  padding: 22px 0 20px;
}

/*  Styles for community page responsive fix*/

@media (min-width: 992px) {
  .community-container .ch-top .cht-box1 {
    background-position: left;
  }
}

@media (max-width: 992px) {
  .community-container .ch-top .cht-box1 {
    height: 247px;
    background-position: left;
  }
}

@media (max-width: 500px) {
  .community-container .ch-top .cht-box1 {
    height: 200px;
    background-position: normal;
    background-position-y: bottom;
  }
}

/* make youtube video embeds responsive */

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 736px) {
  input.timepicki-input {
    font-size: 16px;
    padding: 0px !important;
    width: 35px;
  }
  .time,
  .mins,
  .meridian {
    width: auto;
  }
}

@media only screen and (max-width: 337px) {
  input.timepicki-input {
    width: 28px;
  }
}
/* CSS for venue signup */
@media (min-width: 1190px) {
  .signup-content.bs-content-2 .signup-block {
    padding: 0 40px;
  }
}
.inner-page-content p a {
  text-decoration: underline;
  color: #c2a861;
}
.inner-page-content p a:hover {
  color: #000;
}

@media (min-width: 993px) {
  .navigation .right-nav ul li.has-children {
    position: relative;
  }
}

.staff-aq {
  border-top: 1px dashed #ececec;
  padding-top: 15px;
}
.staff-aq b {
  height: 25px;
  display: inline-block;
  letter-spacing: 1px;
}
.staff-aq span {
  margin-bottom: 5px;
  display: inline-block;
}
.staff-aq span:first-of-type {
  margin-bottom: 0;
}
.staff-aq span:last-of-type {
  margin-bottom: 0;
}

.grecaptcha-badge {
  display: none;
}

.faded-staff .list-group .list-block {
  opacity: 0.5;
}

.payment-tabs > li {
  padding-right: 0px !important;
}

.payment-tabs > li > a {
  position: relative !important;
  display: block !important;
  margin-right: 2px !important;
  line-height: 1.42857143 !important;
  border-radius: 8px 8px 0 0 !important;
  cursor: pointer !important;
  background-color: #fff !important;
  border: 1px solid #ddd !important;
  margin-bottom: -1px !important;
  color: #c2a861 !important;
}

.payment-tabs {
  border-bottom: 1px solid #ddd !important;
}

.payment-tabs li.active a {
  border-bottom: 1px solid #fff !important;
  background-color: #fff !important;
  color: #555 !important;
}

.payment-tabs > li > a:hover {
  background-color: #faf7ea !important;
}

.payment-tabs li.active a:hover {
  background-color: #fff !important;
  cursor: default !important;
}

.sl-app mark {
  background-color: #99c975;
  color: #fff;
  border-radius: 50px;
  padding: 0.2em 0.4em;
  font-size: 12px;
}

.payment-tabs > li {
  float: none;
  display: inline-block;
  *display: inline; /* for IE7*/
  *zoom: 1; /* for IE7*/
}

.payment-tabs {
  text-align: center;
}

@media (max-width: 599px) {
  .payment-tabs li {
    width: 48% !important;
    padding-left: 5px !important;
  }
}

.tab-content .errorlist {
  text-align: center;
}

.sdpi-btn {
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-right: 8px;
}

/* Tokenfield Updates */

.ui-autocomplete {
  max-height: 200px !important;
  overflow-y: scroll;
}

.tokenfield.form-control {
  position: relative;
}

.tokenfield.form-control:before {
  content: "";
  width: 16px;
  height: 10px;
  margin-top: -4px;
  background-image: url("../images/icons/select-icon.png");
  border: 0px;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 12px;
}

.tokenfield.form-control:hover:before,
.tokenfield.form-control.focus:before {
  background-image: url("../images/icons/select-icon-black.png");
}

/* End Tokenfield Updates */

.site-pblabel {
  padding: 7px 10px 6px;
  font-size: 12px;
  display: inline-block;
  border: 1.5px solid #fff;
  border-radius: 50px;
}

.flag-switch {
  float: right;
}

.navigation .right-nav ul li.flag-switch a {
  display: inline-block;
  padding: 10px 15px;
  margin: 0;
  border: none;
  position: relative;
  opacity: 0.5;
}

.navigation .right-nav ul li.flag-switch a svg {
  height: 21px;
  width: 28px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.navigation .right-nav ul li.flag-switch a.active {
  opacity: 1;
}

.navigation .right-nav ul li.flag-switch:hover a {
  border: none;
}

.flag-switch .tooltip .tooltip-inner {
  padding: 6px 10px 5px;
  width: 100px;
  background: #000;
  color: #fff;
}

.flag-switch .tooltip .tooltip-arrow {
  border-top-color: #000 !important;
}

@media (min-width: 992px) {
  .navigation .right-nav ul li.flag-switch a {
    margin: 24px 7px 14px;
    padding: 0;
  }
}

.hiw-cta-container .hiw-cta-box p {
  padding-left: 75px;
  margin-bottom: 30px;
  min-height: 40px;

  display: flex;
  align-items: center;
}

.hiw-cta-container .hiw-cta-box p .icon-holder {
  background: none;
  height: auto;
  width: auto;
  border-radius: 0;

  top: 50%;
  transform: translateY(-50%);
}

.hiw-cta-box .icon-holder svg {
  vertical-align: middle;
}

.hiw-cta-container .col-md-6 + .col-md-6 .hiw-cta-box h2:before {
  height: 450px;
}

.job-ticker-container {
  width: 370px;
  height: 439px;
  overflow: hidden;
}

.job-ticker-content {
  position: relative;
}

.job-ticker .btn-container {
  margin-top: 20px;
  text-align: center;
}

.job-ticker-container .featured-image {
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 100%;
  height: 70px;
  width: 70px;
  transform: translateY(-50%);
}

.job-ticker-container .job {
  position: relative;
  height: 110px;
  border-bottom: 1px solid #eaeaea;
}

.job-ticker-container .job:hover h2 {
  color: #c2a861;
}

.job-ticker-container .job h2 {
  margin: 0 0 5px;
  font-size: 1.6em;
  letter-spacing: 0.5px;
  max-height: 46px;
  overflow: hidden;
  font-family: ralewaymedium, sans-serif;

  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
}

.job-ticker-container .job-content {
  position: absolute;
  top: 50%;
  left: 90px;

  transform: translateY(-50%);
}

.job-ticker-container .job-content > span {
  display: inline-block;
  padding-right: 15px;
  letter-spacing: 0.5px;
  color: #858585;
  font-size: 1.3em;
}

.job-ticker-container .job-content .icon {
  display: inline-block;
  padding-right: 0px;
  line-height: 1;
}

.job-ticker-container .job-content svg {
  height: 15px;
  width: 15px;
  vertical-align: middle;
  fill: #858585;
}
.job-ticker-container h3 {
  text-align: center;
}

.wp-sidebar .venue-details .star-container i {
  color: #ffd700;
}

.color-green {
  color: #99c975 !important;
}
.job-history .review-box .rate-date .stars:first-of-type {
  padding-left: 0;
}
.job-ticker-container {
  width: 100%;
  height: 550px;
}
.job-ticker-container .job {
  height: 120px;
}
@media (min-width: 768px) {
  .job-ticker-container {
    width: 500px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .job-ticker-container {
    height: 500px;
    width: 100%;
  }
  .job-ticker-container .job {
    height: 108px;
  }
}
@media (min-width: 1200px) {
  .job-ticker-container {
    height: 480px;
  }
  .job-ticker-container .job {
    height: 106px;
  }
}
@media screen and (max-width: 600px) {
  .img-no-mobile {
    display: none;
  }
}

/*Work Type*/
.custom-radio-blocks {
  margin: 0 -15px;
}
.custom-radio-blocks .radio-option {
  width: 33.33%;
  float: left;
  padding: 0 15px;
}
.custom-radio-blocks .radio-option input[type="radio"] {
  display: none;
}
.custom-radio-blocks .radio-option input[type="radio"] ~ label {
  cursor: pointer;
  width: 100%;
  padding: 42px;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
}
.custom-radio-blocks .radio-option input[type="radio"] ~ label i {
  display: block;
  font-size: 50px;
  margin-bottom: 20px;
}
.custom-radio-blocks .radio-option input[type="radio"] ~ label span {
  font-size: 18px;
  display: block;
}
.custom-radio-blocks .radio-option input[type="radio"]:checked ~ label {
  background: #99c77a;
  color: #ffffff;
  border-color: #99c77a;
}
#rockstar-add-fields .ab-head h3 {
  margin-top: 0px;
}
@media (max-width: 1150px) {
  .custom-radio-blocks .radio-option input[type="radio"] ~ label span {
    font-size: 17px;
  }
  .custom-radio-blocks .radio-option input[type="radio"] ~ label {
    padding: 30px 20px;
  }
}
@media (max-width: 770px) {
  .custom-radio-blocks .radio-option input[type="radio"] ~ label span {
    font-size: 15px;
  }
  .custom-radio-blocks .radio-option input[type="radio"] ~ label i {
    font-size: 40px;
    margin-bottom: 10px;
  }
  .custom-radio-blocks {
    margin: 0 -10px;
  }
  .custom-radio-blocks .radio-option {
    padding: 0 10px;
  }
  .custom-radio-blocks .radio-option input[type="radio"] ~ label {
    padding: 30px 20px;
  }
}
@media (max-width: 670px) {
  .custom-radio-blocks .radio-option {
    width: 100%;
  }
  .custom-radio-blocks .radio-option input[type="radio"] ~ label {
    padding: 20px;
  }
}
#hourly-rate-calc {
  padding: 20px;
  border: 1px solid #ebebeb;
  border-radius: 3px;
}
#hourly-rate-calc .row {
  margin: 0px;
}
#hourly-rate-calc label,
#hourly-rate-calc label input {
  font-size: 16px;
  color: #393939;
}
#hourly-rate-calc label input {
  -webkit-appearance: none;
  border: 0px;
  width: 100px;
}
#hourly-rate-calc label input[type="number"]:focus::-webkit-inner-spin-button,
#hourly-rate-calc label input[type="number"]:focus::-webkit-outer-spin-button,
#hourly-rate-calc label input[type="number"]:hover::-webkit-inner-spin-button,
#hourly-rate-calc label input[type="number"]:hover::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button !important;
}
#hourly-rate-calc label input[type="number"]:focus,
#hourly-rate-calc label input[type="number"]:hover {
  -moz-appearance: number-input !important;
}
#hourly-rate-calc .label-wrap {
  margin-bottom: 15px;
}
#hourly-rate-calc .label-wrap:after {
  content: "";
  clear: both;
  display: block;
}
#hourly-rate-calc .label-wrap span {
  font-family: "open_sansregular", sans-serif;
  font-size: 14px;
  color: #a39898;
  float: left;
}
#hourly-rate-calc .label-wrap span + span {
  float: right;
}
#hourly-rate-calc .col-xs-12 {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0px;
  padding-left: 0px;
}
#hourly-rate-calc .total-wrap {
  margin: 0 -21px;
  margin-bottom: -21px;
  margin-top: 20px;
  padding: 15px 20px;
  background: #ebebeb;
}
#hourly-rate-calc .total-wrap .grey {
  color: #a39898;
}
@media (min-width: 550px) {
  #hourly-rate-calc .col-xs-12 {
    padding-left: 128px;
  }
  #hourly-rate-calc label {
    position: absolute;
    left: 0px;
    margin-bottom: 0px;
    line-height: 36px;
    height: 36px;
    bottom: 10px;
  }
}
@media (min-width: 650px) {
  #hourly-rate-calc .col-xs-12 {
    padding-left: 188px;
  }
}

/*Rockstar staff-list button*/
.fjl-head .view-type a#rs-list-btn {
  color: #5b04af;
  border-color: #490599;
}
.fjl-head .view-type a#rs-list-btn:hover,
.fjl-head .view-type a#rs-list-btn.active {
  color: #fff;
  background: #5b04af;
  border-color: #490599 !important;
}

@media (max-width: 400px) {
  .fjl-head .view-type a span {
    display: none;
  }
}

@media (min-width: 993px) {
  .fjl-head .view-type a#rs-list-btn {
    margin-left: 4px;
  }
}

.signup-page .nav-tabs li.active {
  width: 34%;
}
.signup-page .payment-tabs li.active {
  width: 23%;
}

.signup-content .payment-tabs li:first-of-type {
  padding-left: 5px !important;
}
.signup-content .payment-tabs li:last-of-type {
  padding-right: 3px !important;
}

@media (min-width: 993px) {
  .signup-content .payment-tabs li {
    width: 23%;
  }
}
@media (width: 992px) {
  .tab-content .col-md-push-2 {
    left: 0;
  }
  .dhstep3 .double-heading {
    left: -16.66666667% !important;
    position: relative;
    margin-left: -15px !important;
  }
}
@media (max-width: 992px) {
  .dhstep3 {
    margin-bottom: 20px !important;
  }
}
@media (max-width: 599px) {
  .signup-content .payment-tabs li {
    width: 30% !important;
  }
  .signup-content .payment-tabs li a {
    font-size: 0.8em;
  }
}
@media (max-width: 499px) {
  .signup-content .payment-tabs li a {
    padding: 15px 8px 13px;
    font-size: 0.8em;
    letter-spacing: 0;
  }
}

.rockstar-jd .outline-black {
  border-color: #5b04af !important;
  color: #5b04af !important;
}

.rockstar-jd .bg-black {
  background: #5b04af !important;
  color: #ffffff;
}

#hourly-rate-calc label input {
  width: 60px;
}

@media (max-width: 599px) {
  .paj-3 .signup-block .availability-review span {
    display: block;
    padding-bottom: 5px;
  }
}

.rs-label {
  font-family: "open_sansregular";
  letter-spacing: 0;
  background: #5b04af;
  color: #fff;
  padding: 0 3px;
  border-radius: 2px;
  font-size: 0.8em;
}

.big-button.bb-rockstar {
  background: #5b04af;
  border-color: #490599;
}
@media (max-width: 992px) {
  .main-buttons-container.v2 .col-md-4:first-child {
    margin-bottom: 20px;
  }
  .main-buttons-container.v2 .col-md-4:last-child {
    margin-top: 20px;
  }
}

.modal-content span#sms {
  background: #000;
  margin-left: 10px;
  padding: 3px 0px;
  border-radius: 3px;
}
.modal-content span#sms a {
  color: #fff;
  padding: 0px 10px;
}
.modal-content span#sms:hover {
  background: #c6ae6a;
}

.plan-pointer {
  width: 95%;
  height: 60px;
  position: relative;
  background: #d6dae1;
  padding: 19px 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.plan-pointer:before {
  content: "";
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 30px solid #d6dae1;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.plan-reason {
  padding-top: 20px;
  padding-right: 10px;
}
.plan-reason p {
  font-family: "opensans_regular", sans-serif;
  color: #999;
  text-align: center;
  font-size: 15px;
}
@media (max-width: 992px) {
  .plan-pointer {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 30px;
    box-shadow: none;
    background: none;
    padding: 0 0;
    height: 30px;
  }
  .plan-pointer:before {
    display: none;
  }
  .plan-reason {
    margin-bottom: 30px;
    margin-top: -50px;
  }
  .plan-pointer.first {
    margin-top: -20px;
  }
}
@media (max-width: 1200px) {
  .plan-box ul li {
    margin: 0 40px;
  }
}
.plan-price sup {
  font-size: 22px;
  font-weight: normal;
}
.rockstar-plan .plan-price,
.rockstar-plan .btn {
  background: #5a00af;
}
.rockstar-plan .plan-name {
  background: #fff;
}
/*.plan-box.rockstar-plan {background: #282828;}
.plan-box.rockstar-plan ul li {color: #fff;}*/

.payg-row .plan-box .btn-wrap {
  display: none;
}
.payg-row .plan-box {
  padding-bottom: 5px;
}
.payg-btn-row .payg-button-box {
  margin: 0 auto;
  text-align: center;
}
.payg-btn-row a {
  width: 75%;
  margin: 0 auto;
  background: #424143;
}
.rockstar-plan {
  min-height: 437px;
}
.payg-button-box .current-plan {
  background: transparent !important;
  width: 75%;
}

.payg-btn-row a:hover {
  background: #000;
}

.upgrade-sub-box {
  text-align: center;
  margin-bottom: 25px;
}
.upgrade-sub-box .btn {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.bronze-pl .bg-green {
  background: #e3a262;
}
.silver-pl .bg-green {
  background: #c1d5d6;
}
.gold-pl .bg-green {
  background: #e8c35b;
}
/*.upgrade-sub-box .btn:hover{
  background: #99c975;
}*/
.upgrade-sub-box .btn:hover {
  background: #424143;
}

#save-txt {
  font-style: normal;
}

@media (min-width: 993px) {
  .payg-step3-upgrade .paynow-col {
    padding-left: 0;
    padding-right: 30px;
  }
  .payg-step3-upgrade .upgrade-col {
    padding-right: 0;
  }
  #save-txt {
    display: none;
  }
  .pay-or-subscribe {
    background: -webkit-linear-gradient(left, #d1d5de 26%, #fff 0%);
    background: -moz-linear-gradient(left, #d1d5de 26%, #fff 0%);
    background: -o-linear-gradient(left, #d1d5de 26%, #fff 0%);
    background: -ms-linear-gradient(left, #d1d5de 26%, #fff 0%);
    background: linear-gradient(left, #d1d5de 26%, #fff 0%);
  }
}

@media (max-width: 1080px) {
  .upgrade-sub-box .btn {
    font-size: 12px;
  }
  .plan-box ul li {
    font-size: 12px;
  }
}

@media (max-width: 992px) {
  .plan-box ul li {
    font-size: 14px;
  }
}

#save-txt a {
  text-decoration: underline;
  color: #c2a861;
}
#save-txt a:hover {
  color: #99c975;
}
span.skill em {
  font-style: normal;
  text-transform: lowercase;
  padding-left: 5px;
  color: #9b9b9b;
}
.job-formatted-text ul,
.job-formatted-text ol {
  margin-bottom: 20px !important;
  margin-top: -15px !important;
  margin-left: 30px !important;
}

.job-formatted-text ul li,
.job-formatted-text ol li {
  font-size: 1.6em;
}

.job-formatted-text ul li {
  list-style: disc;
}

.job-formatted-text strong {
  font-family: ralewaysemibold, sans-serif;
}
.job-formatted-text ol {
  padding-inline-start: 0px;
  list-style-position: inside;
  margin-left: 12px !important;
}

.job-formatted-text ol li::before {
  content: "";
  width: 5px;
  display: inline-block;
}
.job-formatted-text.review-text ul li,
.job-formatted-text.review-text ol li {
  color: #666666;
  font-family: "ralewaymedium";
  font-size: 15px;
}
.manage-venues-head .signup-head {
  margin-bottom: 40px;
  text-align: left;
  padding-top: 0;
}

@media screen and (max-width: 992px) {
  .btn-no-mobile,
  .wp-sidebar .post-a-job {
    display: none;
  }
  .container .row.non-reverse .sidebar {
    margin-top: 50px !important;
  }
  .manage-venues-head .signup-head {
    text-align: center;
    display: block !important;
  }
  .fjl-head.manage-venues-head {
    margin-bottom: 30px !important;
  }
}
.container .listing-container .paj-3 hr {
  margin-bottom: 30px !important;
}

@media only screen and (min-width: 1151px) {
  .content.profile .bordered-list {
    margin-top: -20px !important;
  }
  .content.profile .bordered-list li {
    margin-top: 20px;
  }
}

@media screen and (max-width: 950px) and (min-width: 751px) {
  .content.profile .bordered-list {
    margin-top: -20px !important;
  }
  .content.profile .bordered-list li {
    margin-top: 20px;
  }
}

.inner-page-content ul {
  list-style: disc;
  list-style-position: inside;
}

.snackbar-container p {
  letter-spacing: 0.1px;
}

.snackbar-container .action {
  text-decoration: underline;
}

.rtf-modal-content {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}

.rtf-modal-content a {
  color: revert;
}

.job-title-link {
  color: inherit;
  border: none;
}

.label-u18{
  font-size: 12px !important;
  background: #51CFFF !important;
}
/* add button group inside "jobs-head-mobile" */
@media (min-width: 781px){

    .jobs-template .jobs-head-mobile > .bootstrap-select.btn-group{
        width: 45% !important;
        float: right !important;
    }

    .jobs-template .jobs-head-mobile{
        display: block;
        margin-bottom: 50px;
    }
}

/* save barcats ios safari css */
.ios-save-barcats-container{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #ffe164;
  display: none;
}

.save-barcats{
  padding: 20px 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #000;
}

.save-barcats .icon{
  line-height: 0;
}

.icon-info svg{
  width: 22px;
  height: 22px;
  fill: #000;
}

.save-barcats-content{
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.save-barcats-content p{
  font-size: 14px;
  font-family: "gilroymedium", sans-serif;
  letter-spacing: 0.3px;
  margin: 0;
  line-height: 1.6;
  display: none;
}

.ios-safari .ios-safari-text,
.ios-browsers .ios-browsers-text,
.android .android-text{
  display: block;
}

.android .save-barcats-content{
  width: 70%;
  flex: 0 0 70%;
}

.android .android-text .icon-save-android svg{
  height: 20px;
  width: 20px;
}

.save-barcats-content .icon{
  display: inline-block;
  line-height: 1;
  margin: 0 5px;
  position: relative;
  top: 3px;
}

.save-barcats-content .icon svg{
  height: 18px;
  width: 18px;
  fill: #000;
}

.save-barcats-content .icon-share svg{
  height: 20px;
  width: 20px;
}

.btn-icon-close{
  background: none;
  border: none;
  padding: 15px;
  margin-right: -15px;
}

.icon-close{
  display: inline-block;
  border: 1px solid #000;
  background-color: #000;
  border-radius: 100%;
  padding: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.icon-close svg{
  fill: #fff;
  width: 15px;
  height: 15px;
  transition: fill 0.2s ease-in-out;
}

@media(min-width: 375px){
  
  .save-barcats{
      column-gap: 10px;
  }

  .save-barcats-content p{
      font-size: 15px;
  }
}

@media(min-width: 400px){

  .save-barcats{
      column-gap: 25px;
  }

  .save-barcats-content p{
      font-size: 16px;
  }
  
}

.payc-header {
  background-color: #491393;
  padding: 9px 0;
  text-align: center
}

.payc-header__logo-img {
  display: block;
  margin: 0 auto;
  width: 143px;
  height: auto
}

@media only screen and (max-width: 767.98px) {
  .payc-header__logo-img {
      width: 100px
  }
}

.autocomplete-input {
  position: relative;
  display: inline-block;
}

.autocomplete-input-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-input-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.autocomplete-input-items div:hover {
  background-color: #e9e9e9;
}

.autocomplete-input-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}