html {
   position: relative;
   min-height: 100vh;
}

body {
   color: #4d4d4d;
   min-height: 100vh;
   z-index: 0;
}

.footer {
   position: relative;
   bottom: 0;
   width: 100%;
   background-color: #4d4d4d;
   color: #D0D0D0;
   padding-top: 10px;
}

   .footer a:link, .footer a:visited, .footer a:hover {
      color: #D0D0D0;
      margin-right: 11px;
      white-space: nowrap;
   }

.footer-disclaimer {
   margin-top: 7px;
}

.navbar {
   margin-bottom: 0px;
   flex-basis: auto;
}

.navbar-custom-main {
   color: #999999;
   font-size: 20px;
   text-align: center;
   margin-bottom: 2px;
}

.navbar-brand {
   padding-top: 0px;
   padding-bottom: 10px;
   padding-left: 15px;
   padding-right: 0px;
}

.navbar-custom-main .navbar-toggle {
   background-color: #999999;
}

.navbar-custom-main .icon-bar {
   border: 1px solid #fff;
}

.navbar-collapse {
   padding-left: 0px !important;
}

.jobg8-logo {
   /*background-color:#ffffff;*/
   padding: 5px;
   width: 170px;
   height: 72.36px;
}

.no-padding-left {
   padding-left: 0px;
}

.no-padding-right {
   padding-right: 0px;
}

.no-padding-width {
   padding-left: 0px;
   padding-right: 0px;
}

.center {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

.text-white {
   color: #ffffff;
}

.text-orange {
   color: #f7a823;
}

.background-jobg8-orange {
   background-color: #f7a823;
}

.content-block {
   padding-top: 20px;
   padding-left: 30px;
   padding-right: 30px;
   padding-bottom: 20px;
   background-color: white;
}

.content-panel-blue {
   background-color: #C5D6E8;
   padding: 70px;
}

.content-panel-white {
   background-color: #FFFFFF;
   padding: 70px;
}

.img-responsive {
   width: 100%;
}

.vertical-center {
   display: inline-block;
   vertical-align: middle;
   float: none;
}

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

.product-text {
   width: 80%;
}

.product-icon {
   display: table-cell;
   padding-right: 10px;
   padding-bottom: 20px;
}

.product-icon-text {
   display: table-cell;
}

.faq-index {
   padding: 30px 30px 70px 30px;
}

   .faq-index H4 {
      padding-top: 20px;
   }

.large-header {
   font-size: 47px;
   color: #9a9a9a;
   text-transform: uppercase;
}

.text-jumbotron {
   font-size: 21px;
   text-align: justify;
}

.navbar {
   margin-bottom: 0px;
}

.navbar-custom-top {
   color: #4d4d4d;
   font-size: 20px;
   border-radius: 0;
   min-height: 32px;
   height: auto;
}

.navbar-custom-top .navbar-right {
   padding-top: 30px;
}

.navbar-custom-top .navbar-nav > li > a {
   color: #4d4d4d;
   padding-left: 25px;
   padding-right: 25px;
   padding-top: 5px;
   padding-bottom: 5px;
}

   .navbar-custom-top .navbar-nav > li > a:hover, .nav > li > a:focus {
      text-decoration: none;
      color: #f7a823;
      background-color: #ffffff;
   }

.navbar-custom-top .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   color: #f7a823;
   background-color: #ffffff;
}

.top-menu-override {
   padding-left: calc(1.5vw - 5px) !important;
   padding-right: calc(1.5vw - 5px) !important;
}

.blue-separator {
   background-color: #0154a4;
}

.homepage-header {
   position: relative;
   left: 15%;
   top: 25%;
   width: 80%;
}

.homepage-clients {
   position: relative;
   width: 45%;
   left: 50%;
   top: 20%;
   border-left: 4px solid #ffffff;
   padding: 20px;
   padding-left: 40px;
}

.get-in-touch {
   position: relative;
   top: 20%;
   padding-bottom: 20px;
   background-color: #C5D6E8;
}

.text-50 {
   font-size: 50px;
}

.text-35 {
   font-size: 35px;
}

.text-25 {
   font-size: 25px;
}

.text-16 {
   font-size: 16px;
}

@media(max-width:1200px) {
   .text-50 {
      font-size: 38px;
   }

   .text-35 {
      font-size: 25px;
   }

   .text-25 {
      font-size: 18px;
   }

   .large-header {
      font-size: 32px;
   }

   .text-jumbotron {
      font-size: 18px;
   }
}

@media(max-width:992px) {
   .navbar-custom-main {
      font-size: 18px;
   }

   .navbar-collapse {
      padding-left: 15px !important;
   }

   .container {
      width: 100% !important;
   }

   .homepage-clients {
      left: 5%;
      width: 90%;
      border-left: 0px none #ffffff;
      padding: 0px;
   }

   .text-50 {
      font-size: 34px;
   }

   .text-35 {
      font-size: 24px;
   }
}

@media(max-width:768px) {
   .navbar-custom-main {
      text-align: left;
   }

   h1 {
      font-size: 24px;
   }

   .content-panel-blue, .content-panel-white {
      padding: 20px;
   }

   .jobg8-logo {
      width: 119px;
      height: 50px;
      padding: 0;
   }

   .product-text {
      width: 100%;
   }

   .homepage-header, .homepage-jobboardsummit {
      left: 5%;
      width: 90%;
   }

   .jobg8-logo {
      width: 119px;
      height: 50px;
      padding: 0;
   }
   .text-50 {
      font-size: 24px;
   }

   .text-35 {
      font-size: 20px;
   }

   .text-25 {
      font-size: 16px;
   }

   .text-16 {
      font-size: 14px;
   }
}

@media(max-width:480px) {
   .service-tiles {
      padding-top: 2px;
      padding-bottom: 2px;
   }

   .text-50 {
      font-size: 20px;
   }

   .text-35 {
      font-size: 18px;
   }

   .text-25 {
      font-size: 14px;
   }

   .text-16 {
      font-size: 14px;
   }

   .large-header {
      font-size: 24px;
   }

   .text-jumbotron {
      font-size: 14px;
   }
}

.product-header {
   position: relative;
   text-align: center;
   color: #ffffff;
   top: 30%;
   font-size: 7vw;
}

.width-100 {
   width: 100%;
}

.service-tiles {
   display: inline-block;
   max-width: 1000px;
   padding-top: 25px;
   padding-bottom: 25px;
   text-align: center;
}

.blue-tint-container {
   display: inline-block;
   padding: 10px;
}

.blue-tint {
   position: relative;
   overflow: hidden;
   margin: 0;
   padding: 0px;
   cursor: pointer;
}

   .blue-tint figure {
      display: block;
      -webkit-margin-before: 0em;
      -webkit-margin-after: 0em;
      -webkit-margin-start: 0px;
      -webkit-margin-end: 0px;
      margin: 0px;
      position: relative;
      float: left;
      border: none;
      height: 300px;
   }

      .blue-tint figure:before {
         content: "";
         display: block;
         position: absolute;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         background: none;
         transition: all .3s linear;
      }

   .blue-tint:hover figure:before {
      background: rgba(0,80,190, 0.5);
   }

   .blue-tint figure img {
      width: 300px;
      height: 300px;
   }

.blue-tint-text {
   position: absolute;
   background-color: rgba(0,0,0,0.3);
   padding: 2px 10px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size: 30px;
   color: #fff;
   transition: all .3s linear;
   text-shadow: 0px 0px 15px #000;
}

.blue-tint:hover .blue-tint-text {
   background-color: rgba(0,0,0,0.0);
}

.flex-page {
   min-height: 100vh;
   position: relative;
}

.flex-center {
   display: flex;
   align-items: center;
   justify-content: center;
}

.flex-two-columns {
   width: 50%;
}

.flex-container {
   display: flex;
   flex-grow: 1;
   flex-shrink: 1;
   flex-basis: auto;
}

.flex-column {
   display: flex;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
}

.flex-row {
   display: flex;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
}

.btn-jobg8-blue, .btn-jobg8-blue:visited, .btn-jobg8-blue:focus {
   color: #fff;
   background-color: #0054a4;
   border-color: #0054a4;
}

   .btn-jobg8-blue:hover, .btn-jobg8-blue:active {
      color: #fff;
      background-color: #276eb2;
      border-color: #276eb2;
   }

.btn-jobg8-orange, .btn-jobg8-orange:visited, .btn-jobg8-orange:focus {
   border: 4px solid #fff;
   border-radius: 5px;
   font-family: Oswald;
   font-weight: 400;
   font-size: 18px;
   background-color: #f9a635;
   color: #fff;
   min-width: 184px;
   padding: 4px 8px;
   transition: all linear 0.1s;
}

   .btn-jobg8-orange:hover, .btn-jobg8-orange:active {
      border: 4px solid #eee;
      color: #eee;
      background-color: #f19415;
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.10)
   }

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
   margin-left: 0px !important;
}

input[type="checkbox"] {
   margin-right: 5px;
}

input {
   font-size: 10pt;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   color: #333333;
   text-decoration: none;
   list-style-type: square
}

.validation {
   animation: validation-flash 0.5s linear 0.2s;
   -moz-animation: validation-flash 0.5s linear 0.2s;
   -webkit-animation: validation-flash 0.5s linear 0.2s;
}

@keyframes validation-flash {
   0% {
      background-color: #fff;
   }

   50% {
      background-color: #f99;
   }

   100% {
      background-color: #fff;
   }
}

@-moz-keyframes validation-flash {
   0% {
      background-color: #fff;
   }

   50% {
      background-color: #f99;
   }

   100% {
      background-color: #fff;
   }
}

@-webkit-keyframes validation-flash {
   0% {
      background-color: #fff;
   }

   50% {
      background-color: #f99;
   }

   100% {
      background-color: #fff;
   }
}

ul {
   padding-left: 0px;
}

.cms-content ul {
   list-style: none;
   margin-left: 5px;
}

.cms-content li {
   padding-left: 25px;
   background: url(/cssimg/gray_bullet_point.png) left center no-repeat;
   margin: 0.5em 0px;
}

.cms-content ul ul {
   padding-left: 25px;
}

.unpublished {
   background-color: #fdd;
   background-image: url(/images/unpublished.png);
}

.footer-social-logos {
   width: 46px;
   height: 46px;
}

.footer-jobg8-logo {
   width: 128px;
   height: 50px;
}

.cookie-message {
   z-index: 10;
   position: fixed;
   bottom: 1rem;
   width: 95%;
   left: 0;
   right: 0;
   margin-left: auto;
   margin-right: auto;
   font-size: 1.2rem;
   color: #000;
   background-color: #fff;
   border: 1px solid #0054a4;
   box-shadow: rgba(0, 0, 0, 0.4) 5px 10px 40px 5px;
   text-align: center;
   padding: 1rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 18px;
}

   .cookie-message > :not(:last-child) {
      display: inline;
   }

   .cookie-message > :last-child {
      display: block;
      margin-top: 0.5rem;
   }

.row {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   margin-left: 0px;
   margin-right: 0px;
}

.clear {
   clear: both;
   height: 0px;
}

.bold {
   font-weight: bold;
}