.jobsman-padding {
  padding-left: 1rem;
  padding-top: 1rem;
}
.ajax-loader {
  -moz-transition: ease-out 2s;
  -o-transition: ease-out 2s;
  -webkit-transition: ease-out 2s;
  transition: ease-out 2s;
  z-index: 50;
  background: rgba(234, 234, 234, 0.8);
}
/*.content-holder {*/
  /*position: fixed;*/
  /*float: left;*/
  /*width: 100%;*/
  /*background-color: rgba(234, 234, 234, 0.8);*/
  /*z-index: 9999;*/
  /*top: 0;*/
  /*left: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
/*}*/
.ajax-loader .ajax-loader-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
}
.ajax-loader .ajax-loader-circle {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation: ajaxLoaderSpin 3s linear infinite;
  -webkit-animation: ajaxLoaderSpin 3s linear infinite;
  animation: ajaxLoaderSpin 3s linear infinite;
}
.ajax-loader .ajax-loader-circle .ajax-loader-circle-spinner {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation: ajaxLoaderDashSpin 3s ease-in-out infinite;
  -webkit-animation: ajaxLoaderDashSpin 3s ease-in-out infinite;
  animation: ajaxLoaderDashSpin 3s ease-in-out infinite;
}
.ajax-loader .ajax-loader-circle circle {
  -moz-animation: ajaxLoaderColors 4s ease-in-out infinite, ajaxLoaderDash 3s ease-in-out infinite;
  -webkit-animation: ajaxLoaderColors 4s ease-in-out infinite, ajaxLoaderDash 3s ease-in-out infinite;
  animation: ajaxLoaderColors 4s ease-in-out infinite, ajaxLoaderDash 3s ease-in-out infinite;
  stroke-dasharray: 1570;
  stroke-dashoffset: 392.5;
  stroke: #fff;
  stroke-width: 9;
  fill: none;
}
.ajax-loader .ajax-loader-letters path {
  fill: #fff;
}

@-moz-keyframes ajaxLoaderSpin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@-webkit-keyframes ajaxLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@keyframes ajaxLoaderSpin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@-moz-keyframes ajaxLoaderColors {
  0% {
    stroke: #35ad0e;
  }
  25% {
    stroke: #d8ad44;
  }
  50% {
    stroke: #d00324;
  }
  75% {
    stroke: #dc00b8;
  }
  100% {
    stroke: #017efc;
  }
}
@-webkit-keyframes ajaxLoaderColors {
  0% {
    stroke: #35ad0e;
  }
  25% {
    stroke: #d8ad44;
  }
  50% {
    stroke: #d00324;
  }
  75% {
    stroke: #dc00b8;
  }
  100% {
    stroke: #017efc;
  }
}
@keyframes ajaxLoaderColors {
  0% {
    stroke: #35ad0e;
  }
  25% {
    stroke: #d8ad44;
  }
  50% {
    stroke: #d00324;
  }
  75% {
    stroke: #dc00b8;
  }
  100% {
    stroke: #017efc;
  }
}
@-moz-keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@-webkit-keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@-moz-keyframes ajaxLoaderDashSpin {
  50% {
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -moz-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@-webkit-keyframes ajaxLoaderDashSpin {
  50% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes ajaxLoaderDashSpin {
  50% {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -moz-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
.ajax-loader, .ajax-loader .ajax-loader-circle, .ajax-loader .ajax-loader-circle .ajax-loader-circle-spinner, .ajax-loader .ajax-loader-circle circle, .ajax-loader .ajax-loader-letters {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  z-index: 909;
  width: 100%;
  height: 100%;
}


.load-wrapp {
    /*float: left;*/
    width: 200px;
    height: 100px;
    margin: 0 10px 10px 0;
    padding: 150px 33px 20px;
    border-radius: 5px;
    text-align: center;
    /*background-color: #d8d8d8;*/
}

.letter,
.letter-display {
    float: left;
    font-size: 14px;
    color: #626262;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.load-text .letter-display {
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.load-text .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

/*.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}*/

/*.l-1 {animation-delay: .4s;}
.l-2 {animation-delay: .5s;}
.l-3 {animation-delay: .6s;}
.l-4 {animation-delay: .7s;}
.l-5 {animation-delay: .8s;}
.l-6 {animation-delay: .9s;}
.l-7 {animation-delay: 1s;}*/
.l-8 {animation-delay: 1.1s;}
.l-9 {animation-delay: 1.2s;}
.l-10 {animation-delay: 1.3s;}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}