/* ****************
	BXSLIDER
**************** */
.bx-wrapper {
  position: relative;
  margin-bottom: 0px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.bx-wrapper img {
  max-width: 100%;
  display: block; }

.bxslider {
  margin: 0;
  padding: 0; }

ul.bxslider {
  list-style: none; }

.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); }

/** THEME
===================================*/
.bx-wrapper {
  border: 5px solid #fff;
  background: #fff; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("/images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000; }

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("/images/controls.png") no-repeat 0 -32px; }

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url("/images/controls.png") no-repeat -43px -32px; }

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("/images/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("/images/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

.login-splash-wrap {
  background-image: url("/images/bg-login2.jpg"); }

.login-form {
  background-color: transparent; }
  .login-form a {
    color: #ffd401; }
  .login-form .form-control {
    border-color: rgba(136, 136, 136, 0.3);
    background-color: rgba(136, 136, 136, 0.3);
    color: #fff;
    text-align: left;
    background-repeat: no-repeat; }
    .login-form .form-control::-webkit-input-placeholder {
      color: #9e9fa3; }
    .login-form .form-control::-moz-placeholder {
      color: #9e9fa3; }
    .login-form .form-control:-ms-input-placeholder {
      color: #9e9fa3; }
    .login-form .form-control:-moz-placeholder {
      color: #9e9fa3; }
    .login-form .form-control:focus {
      border-color: rgba(136, 136, 136, 0.6);
      background-color: rgba(136, 136, 136, 0.6); }

.login-un, .login-pw {
  padding-left: 50px; }

.login-un {
  background-position: 15px center;
  background-image: url("/images/icn-username.png"); }

.login-pw {
  background-position: 18px center;
  background-image: url("/images/icn-password.png"); }

.login-title-wrap {
  text-align: center; }
  .login-title-wrap img {
    float: none; }

.site-header {
  position: relative;
  z-index: 1;
  pointer-events: none; }
  .site-header .navbar {
    margin-bottom: 0;
    border: 0;
    background: transparent; }
  .site-header .navbar-brand {
    pointer-events: auto; }

.mainstreet {
  margin-top: -85px; }

.helpbanner {
  position: relative;
  height: 690px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 160px; }
  .helpbanner .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6); }
  .helpbanner h1 {
    position: relative;
    text-align: center;
    color: #ffd401;
    font-style: italic; }
    .helpbanner h1:before {
      content: "";
      width: 40px;
      height: 2px;
      position: absolute;
      left: 50%;
      margin-left: -20px;
      bottom: -8px;
      background: #ffd401; }
  .helpbanner.tiny {
    height: 85px;
    padding-top: 25px; }

.hb-artwrap {
  margin-top: 80px;
  text-align: center;
  font-size: 0;
  /* Remove space between article tiles */ }

.hb-article {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 375px;
  padding: 0 25px;
  text-align: left;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px; }
  .hb-article h2 {
    margin-bottom: 25px;
    color: #fff;
    font-size: 36px;
    font-weight: bold; }
  .hb-article .btn-default {
    margin-top: 20px;
    background-color: transparent; }
    .hb-article .btn-default:hover, .hb-article .btn-default:focus {
      background-color: rgba(0, 0, 0, 0.5); }
  .hb-article + .hb-article:before {
    content: "";
    width: 1px;
    height: 160px;
    position: absolute;
    left: 0;
    top: 57px;
    background: rgba(255, 255, 255, 0.8); }

.backwrap {
  text-align: center; }
  .backwrap .back {
    line-height: 34px;
    padding-left: 50px;
    color: #ffd401;
    background: url("/images/icn-backblock.gif") 0 center no-repeat; }

.helpnav {
  background: #1d1d1d;
  min-height: inherit; }
  .helpnav + .mainstreet {
    padding-bottom: 85px; }
  .helpnav .navbar-nav {
    float: none;
    text-align: center; }
    .helpnav .navbar-nav > li {
      float: none;
      display: inline-block;
      vertical-align: top;
      background-position: center 15px;
      background-repeat: no-repeat; }
      .helpnav .navbar-nav > li > a {
        padding-top: 40px;
        padding-bottom: 10px; }
        .helpnav .navbar-nav > li > a:after {
          display: none; }
      .helpnav .navbar-nav > li.active a, .helpnav .navbar-nav > li:hover a, .helpnav .navbar-nav > li.active:hover a {
        color: #ffd401; }

.nav-supervisor {
  background-image: url("/images/icn-navsupervisor.png"); }
  .nav-supervisor.active {
    background-image: url("/images/icn-navsupervisor_active.png"); }

.nav-job {
  background-image: url("/images/icn-navjobs.png"); }
  .nav-job.active {
    background-image: url("/images/icn-navjobs_active.png"); }

.nav-cli {
  background-image: url("/images/icn-navclients.png"); }
  .nav-cli.active {
    background-image: url("/images/icn-navclients_active.png"); }

.nav-supply {
  background-image: url("/images/icn-navsuppliers.png"); }
  .nav-supply.active {
    background-image: url("/images/icn-navsuppliers_active.png"); }

.nav-hr {
  background-image: url("/images/icn-navhr.png"); }
  .nav-hr.active {
    background-image: url("/images/icn-navhr_active.png"); }

.nav-hseq {
  background-image: url("/images/icn-navhseq.png"); }
  .nav-hseq.active {
    background-image: url("/images/icn-navhseq_active.png"); }

.nav-fin {
  background-image: url("/images/icn-navfinance.png"); }
  .nav-fin.active {
    background-image: url("/images/icn-navfinance_active.png"); }

.nav-contract {
  background-image: url("/images/icn-navcontracts_admin.png"); }
  .nav-contract.active {
    background-image: url("/images/icn-navcontracts_admin_active.png"); }

.nav-pay {
  background-image: url("/images/icn-navpayroll.png"); }
  .nav-pay.active {
    background-image: url("/images/icn-navpayroll_active.png"); }

.sectiontitle {
  position: relative;
  font-style: italic; }
  .sectiontitle:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    height: 2px;
    width: 30px;
    background: #ffd401; }

.helptile {
  display: block;
  margin-bottom: 25px;
  color: #1d1d1d; }
  .helptile:hover, .helptile:focus {
    color: #07439b;
    text-decoration: none; }
    .helptile:hover .ht-thumb, .helptile:focus .ht-thumb {
      opacity: 0.9; }

.ht-thumb {
  margin: 0 auto 10px;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity 0.3s ease; }

.ht-caption {
  font-weight: bold;
  font-size: 16px; }

.helpart-lhs {
  width: 315px;
  padding: 50px 0;
  float: left; }

.helpart-indexcat {
  overflow: hidden;
  margin-bottom: 50px; }
  .helpart-indexcat img {
    display: block;
    float: left;
    margin-right: 10px; }
  .helpart-indexcat h2 {
    margin: 18px 0 0 0;
    color: #ffd401;
    font-weight: bold; }

.helpart-index {
  border-top: 1px solid #808185; }
  .helpart-index a {
    display: block;
    padding: 10px 15px;
    position: relative;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #808185;
    color: #808185;
    transition: all 0.3s ease;
    text-decoration: none; }
    .helpart-index a:after {
      content: "\e080";
      font-family: 'Glyphicons Halflings';
      position: absolute;
      top: 14px;
      right: 5px;
      font-size: 12px; }
  .helpart-index a.active {
    background-color: #ffd401;
    color: #1d1d1d; }

.helpart-contwrap {
  margin-left: 365px;
  padding: 50px 0; }

.helpart-slider {
  margin: 0;
  padding: 0;
  list-style: none; }

.helpart-continner h1:first-child, .helpart-continner h2:first-child {
  margin-top: 0; }

.helpart-ctrl {
  position: fixed;
  top: 50%;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  background: #e5e5e5;
  border: 0;
  text-align: center;
  transition: background-color 0.3s ease; }
  .helpart-ctrl .bx-next, .helpart-ctrl .bx-prev {
    text-decoration: none;
    color: #717276;
    transition: color 0.3s ease; }
  .helpart-ctrl .glyphicon {
    display: block;
    width: 70px;
    height: 70px;
    font-size: 32px;
    line-height: 68px; }
  .helpart-ctrl:hover, .helpart-ctrl:focus {
    background: #ffd401; }
    .helpart-ctrl:hover .bx-next, .helpart-ctrl:hover .bx-prev, .helpart-ctrl:focus .bx-next, .helpart-ctrl:focus .bx-prev {
      color: #07439b; }

#helpart-prev {
  left: 0; }

#helpart-next {
  right: 0; }

/* Support Hub Page */
.is-support {
  overflow: auto; }

.support-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  z-index: 1; }
  .support-wrap .txt-content {
    padding-top: 80px; }
    .support-wrap .txt-content h1 {
      text-align: center;
      font-weight: bold;
      font-size: 32px; }

.support-bgimg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("/images/bg-support.jpg") center no-repeat;
  background-size: cover; }

.support-close {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  background: url("/images/icn-cross.png") center no-repeat;
  cursor: pointer; }

.logo-quickway {
  display: block;
  width: 220px;
  height: 61px;
  margin: 0 auto 40px;
  background: url("/images/logo-quickway-white.png") center no-repeat;
  background-size: contain; }
  .logo-quickway.js-btnsupportslide {
    cursor: pointer; }

.support-screen {
  color: #fff; }
  .support-screen .btn.w-130 {
    width: 130px;
    margin-left: 15px;
    margin-right: 15px; }

.fadein-1, .fadein-2, .fadein-3 {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .fadein-1.in, .fadein-2.in, .fadein-3.in {
    opacity: 1; }

.fadein-2 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s; }

.fadein-3 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s; }

.support-carousel {
  max-width: 910px;
  margin: 40px auto 10px; }
  .support-carousel .carousel-control {
    top: 157px;
    width: 100px;
    height: 100px;
    background: #07439b;
    opacity: 1;
    text-shadow: none; }
    .support-carousel .carousel-control:hover, .support-carousel .carousel-control:focus, .support-carousel .carousel-control:active {
      opacity: 0.9; }
    .support-carousel .carousel-control.left {
      left: -100px; }
    .support-carousel .carousel-control.right {
      right: -100px; }
  .support-carousel .carousel-caption {
    position: static;
    display: table;
    width: 100%;
    max-width: 720px;
    min-height: 142px;
    margin: 0 auto;
    font-size: 18px;
    text-shadow: none; }
  .support-carousel .carousel-capinner {
    display: table-cell;
    vertical-align: top; }
  .support-carousel .carousel-indicators {
    bottom: -5px; }
    .support-carousel .carousel-indicators li {
      margin: 1px 3px;
      background: #fff;
      border-color: transparent; }
    .support-carousel .carousel-indicators .active {
      background: #ffd401; }
  .support-carousel .carousel-inner > .item > img {
    width: 100%; }

@media (min-width: 1200px) {
  .helpbanner {
    margin-left: -10px;
    margin-right: -10px; } }
@media (max-width: 1199px) {
  .helpbanner {
    padding-top: 75px; }

  .hb-artwrap {
    margin-top: 20px; }

  .hb-article:nth-child(3):before {
    display: none; } }
@media (max-width: 991px) {
  .helpbanner {
    height: auto;
    padding-bottom: 50px; }

  .hb-article:before {
    display: none; } }

/*# sourceMappingURL=help.css.map */