@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Kumbh Sans'; font-style: normal; font-weight: 400; src: url('/images/shared/Fonts/kumbh-sans-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Kumbh Sans'; font-style: normal; font-weight: 700; src: url('/images/shared/Fonts/kumbh-sans-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

html, body, form { width: 100%; height: 100%; line-height: 1.4; font-size: 18px; color: #3d3936; letter-spacing: 0.6px }
body { font-family: 'Kumbh Sans', sans-serif; }
b, strong { font-family: 'Kumbh Sans', sans-serif; }
button, input, optgroup, select, textarea { font-size: 16px; font-family: 'Kumbh Sans', sans-serif; letter-spacing: 0.6px }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #979797; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #979797; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #979797; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #979797; }
::-ms-input-placeholder { /* Microsoft Edge */ color: #979797; }
::placeholder { /* Most modern browsers support this now. */ color: #979797; }
h1, h2, h3, h4 { color: #333; font-family: 'Kumbh Sans', sans-serif; }
h1, h2 { font-weight: 700; font-size: 50px }
.pg-home h2 { text-align: left }
h3 { font-size: 28px; font-weight: 700 }
p { margin: 0 0 12px 0 }
ul { margin-left: 0; padding-left: 22px }
a, a:visited, a:hover { color: #000; }
a:hover {color:#008632  }
.button, .button:link, .button:visited, .button:hover, button { line-height: 40px; padding: 0 20px; border: 0px; border-radius: 0px; color: #000; font-size: 14px; font-weight: bold; cursor: pointer; text-transform: uppercase; font-weight: bold }
.submit { background-color: #00b142;}
.button:hover, button:hover { background-color: #d7d2cb }
.input-text { background-color: #fff; background-repeat: no-repeat; color: #333; height: 40px; border-radius: 0px; border: 0px }
.colorbox-inlineframe { display: none }

.nosript-wrapper {background: #fff}

body.JQBodySearch > div, body.JQBodySearch main { width: 100%; height: 100%; }
body.JQBodySearch.pg-search-body > div:not(.container) { overflow: hidden }

.header { height: 68px; text-align: left; position: fixed; z-index: 100; font-size: 14px }
.header .logo { display: inline-block; margin: 14px 0 0 25px; vertical-align: top; height: 40px; z-index: 1 }
.header .logo img { height: auto; height: 100%; position: static; vertical-align: middle }
.header .nav { display: inline-block; width: auto; text-align: left; margin: 14px 0 0 50px; }
.header .nav-item { display: inline-block; }
.header .nav .nav-item > a, .header .lnk-myjoblist { color: #333; font-size: 16px; letter-spacing: 0.8px; position: relative; background-color: transparent !important; line-height: 20px; -webkit-transition: 0.3s; transition: 0.3s; padding: 12px 0 12px 0; margin-right: 25px; }
.header .nav .nav-item > a:hover, .header .lnk-myjoblist:hover { color: #007a33 }
/*.header .nav .nav-item > a:after { content: ""; position: absolute; -webkit-transition: .3s; transition: .3s; width: 0; left: 50%; bottom: 5px; height: 3px; background: #000000; }
.header .nav .nav-item > a:hover:after { width: 100%; left: 0; }*/
.header .lnk-myjoblist { position: absolute; right: 0; top: 14px; color: #979797; }
.header .lnk-myjoblist:before { content: ""; left: -25px; top: 13px; display: block; position: absolute; width: 16px; height: 16px; background: url(../../images/KellyCareer/icon-heart-filled.svg) no-repeat; background-size: 16px 16px; opacity: 0.8 }
.header .nav .dropdown-menu { position: absolute; font-size: 16px; background-color: #fff; top: 68px; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); border-radius: 0; border: 0px; margin: 0 }
.header .nav .nav-item-jobs .dropdown-menu { width: 100%; left: 0; }
.header .nav .nav-item-jobs .dropdown-menu::before, .header .nav .nav-item-jobs .dropdown-menu::after { position: absolute; cursor: pointer; right: 35px; top: 30px; content: ""; display: block; width: 32px; height: 32px; border-top: 1px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.header .nav .nav-item-jobs .dropdown-menu::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 13px }
.header .nav .nav-item-about .dropdown-menu { width: 200px; left: 168px; padding: 25px; }

.header .nav .dropdown-menu { display: none; font-size: 16px }
.header .nav .dropdown-menu-column { display: inline-block; vertical-align: top; width: 33%; padding: 25px }
.header .nav .dropdown-menu-column:nth-of-type(1) { width: 66% }
.header .nav .dropdown-menu h2 { font-size: 18px; padding-bottom: 20px; font-weight: bold }
.header .nav .dropdown-menu ul { margin: 0; padding: 0; list-style: none }
.header .nav .dropdown-menu .dropdown-menu-column:nth-of-type(1) li { display: inline-block; width: 50% }
.header .nav .dropdown-menu a, .header .nav .dropdown-menu a:link, .header .nav .dropdown-menu a:visited { color: #333; padding: 5px 0; line-height: 24px; transition-duration: 200ms; display: inline-block; width: 100%; padding-right: 10px; vertical-align: top }
.header .nav .dropdown-menu a:hover { color: #007a33; text-decoration: underline; background-color: transparent }

.header .nav-mobile-icon {display: none; position: absolute; width: 30px; height: 30px; right: 20px; top: 23px}

.pg-home { min-height: 580px; display: block }
.pg-home, .pg-home .search { width: 100%; height: 100% }
.pg-home .search { top: 0; margin-top: 0px; z-index: 1 }
.pg-home .search .section-bg-wrapper { position: absolute; background-color: #F1DECF; width: 100%; height: 100%; background: url(../../images/KellyCareer/bg-home-2.jpg) no-repeat center right; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.pg-home.kelly-ta .search .section-bg-wrapper { }
.pg-home .search-box { width: 720px; height: 270px; left: 50%; top: 50%; position: absolute; margin-left: -360px; margin-top: -100px; background: #3D3936; border-radius: 0px; }
.pg-home .search-box h1 { font-size: 40px; margin-top: 40px; padding-bottom: 30px }
.pg-home .kelly-search-fields, .pg-search .kelly-search-fields { display: inline-block }
.pg-home .search-box .search-field, .pg-search .search-field { display: inline-block; width: 250px; margin-right: 10px }
.pg-home .search-box .input-text { width: 250px; height: 50px; padding-left: 45px }
.pg-home .search-box .input-text-query, .pg-search .input-text-query { background-image: url(../../images/KellyCareer/icon-search.svg); background-position: 15px 14px; background-size: 20px 20px }
.pg-home .search-box .input-text-location, .pg-search .input-text-location { background-image: url(../../images/KellyCareer/icon-location.svg); background-position: 15px 14px; background-size: 20px 20px }
.pg-home .search-box .button, .pg-home .search-box .button:link, .pg-home .search-box .button:visited, button { line-height: 50px; }

.pg-search .header { position: relative }
.pg-search .header .section-inner { background: #3D3936; }
.pg-search .header .nav { display: none }
.pg-search .header-search-box-form { display: inline-block; padding-left: 25px }
.pg-search .search-field { width: 250px; }
.pg-search .search-field .input-text { padding-left: 45px; width: 100%; margin-top: 14px }
.pg-search .input-text-query, .pg-search .input-text-location { background-position-y: 10px }
.pg-search .header-search-box-form .button { margin-top: 14px }
.pg-search #JQSearchFilter { display: inline }
.pg-search .search-filter { font-size: 14px; z-index: 10; position: relative; color: #979797; height: 68px; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); }
.pg-search .bt-filter-close {display: none}
.pg-search .search-filter .search-filter-label { margin-left: 10px }
.pg-search .search-filter .section-inner > span { display: inline-block; margin-right: 10px; line-height: 30px }
.pg-search .search-filter .section-inner { padding: 19px 25px 0 25px; max-width: 100% }
.pg-search .search-filter button.btn, .pg-search .search-filter button.btn-light:hover, .pg-search .search-filter button.btn-light:focus, .pg-search .search-filter button.btn-light.focus { color: #212529; padding: 0 10px; font-size: 12px; line-height: 30px; border-radius: 0px; border: 0px transparent solid !important; outline: 0px !important; box-shadow: 0 0 0 0 !important; transition: 0ms !important }
.pg-search .search-filter .btn-light, .pg-search .search-filter .btn-light:focus { background-color: #f8f7f7 !important; outline: 0px !important; border: 0px transparent solid !important }
.pg-search .search-filter .dropdown-toggle.btn-light:not(.bs-placeholder) { background-color: #e2e2e2 !important }
.pg-search .search-filter .dropdown { width: 130px !important; margin-right: 10px; }
.pg-search .search-filter .dropdown-toggle::after { border-top: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0; width: 7px; height: 7px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -2px !important; }
.pg-search .search-filter .bs-actionsbox { padding: 0 60px 0 20px }
.pg-search .search-filter .bs-actionsbox::before, .pg-search .search-filter .bs-actionsbox::after { position: absolute; cursor: pointer; right: 30px; top: 30px; content: ""; display: block; width: 32px; height: 32px; border-top: 1px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.pg-search .search-filter .bs-actionsbox::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px }
.pg-search .search-filter .btn-group > .btn { white-space: nowrap; width: auto; flex: none; border-radius: 0px; margin-right: 10px; font-size: 12px !important; }
.pg-search .search-filter .bootstrap-select div.dropdown-menu { padding: 20px 0; border: 0px; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); }
.pg-search .search-filter .bootstrap-select ul.dropdown-menu { padding: 20px 0 0 0; color: #333 }
.pg-search .search-filter .dropdown-item { padding: 0 40px 0 20px; line-height: 30px; }
.pg-search .search-filter .dropdown-item:hover { background-color: #f8f7f7 }
.pg-search .search-filter .dropdown-item.selected { color: #000 }
.pg-search .search-filter .bootstrap-select .dropdown-menu li small { color: #ccc !important; padding-left: 20px !important; font-size: 12px !important }
.pg-search .search-filter .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { font-size: 12px; right: 20px; top: 7px }
.pg-search .search-filter .bootstrap-select .dropdown-menu li a span.text { margin-right: auto; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; position: relative; padding-right: 30px; }
.pg-search .search-filter .bootstrap-select .dropdown-menu li a span.text small { position: absolute; display: block; right: 0; top: 3px; }
.pg-search .searchlist { position: absolute; background: #f1f0f0; left: 0; top: 136px; width: 370px; height: calc(100vh - 136px); overflow-y: auto; }
.pg-search .searchlist, .pg-search .job-detail { scrollbar-color: transparent white; scrollbar-width: thin; }
.pg-search .searchlist:hover, .pg-search .job-detail:hover { scrollbar-color: #979797 white; }
.pg-search .searchlist::-webkit-scrollbar, .pg-search .job-detail::-webkit-scrollbar { width: 7.5px; }
.pg-search .searchlist::-webkit-scrollbar-track, .pg-search .job-detail::-webkit-scrollbar-track { background-color: white; }
.pg-search .searchlist::-webkit-scrollbar-thumb, .pg-search .job-detail::-webkit-scrollbar-thumb { background: transparent; border-right: 1px solid transparent; }
.pg-search .searchlist:hover::-webkit-scrollbar-thumb, .pg-search .job-detail:hover::-webkit-scrollbar-thumb { background: #979797; border-right: 1px solid white; }
.pg-search .searchlist .job-item { width: 100%; background: #f1f0f0; position: relative }
.pg-search .searchlist .job-item:not(.job-item-noresult) { cursor: pointer; }
.pg-search .searchlist .job-item:not(.job-item-noresult):hover { background: #e2e2e2; transition-duration: 200ms }
.pg-search .searchlist .job-item-noresult { top: 50%; margin-top: -45px; text-align: center; }
.pg-search .searchlist .job-item-inner { padding: 20px; border-left: 5px solid transparent }
.pg-search .searchlist .job-item.job-clicked { background-color: #fff }
.pg-search .searchlist .job-item.job-clicked .job-item-inner { border-color: #00B142 }
.pg-search .searchlist .job-item a { color: #333; font-weight: bold; display: block; padding-right: 20px; }
.pg-search .searchlist .job-item div { overflow-x: hidden }
.pg-search .searchlist .job-item-location { margin-top: 1px; margin-bottom: -5px; white-space: nowrap; text-overflow: ellipsis; }
.pg-search .searchlist .job-item-type, .pg-search .searchlist .job-item-location, .pg-search .searchlist .job-item-date { font-size: 14px; color: #979797 }
.pg-search .searchlist .job-item-type, .pg-search .searchlist .job-item-date { display: inline-block; vertical-align: bottom }
.pg-search .searchlist .job-item-type { width: calc(100% - 150px) }
.pg-search .searchlist .job-item-date { width: 150px; text-align: right; margin-right: -20px; font-size: 12px; color: #bbb }
.pg-search .searchlist .favorite-job-unselected, .pg-search .searchlist .favorite-job-selected { position: absolute; right: 5px; top: 12px; }
.pg-search .searchlist .favorite-job-unselected, .pg-search .searchlist .favorite-job-selected { width: 40px; height: 40px; background: url(../../images/KellyCareer/icon-heart.svg) no-repeat center center; background-size: 18px 18px; opacity: 0.8; }
.pg-search .searchlist .favorite-job-unselected:hover { opacity: 1 }
.pg-search .searchlist .favorite-job-selected { background: url(../../images/KellyCareer/icon-heart-filled.svg) no-repeat center center; background-size: 18px 18px; }
.pg-search .searchlist .favorite-job-selected:hover { opacity: 1 }
.pg-search .job-results-pager { padding: 40px 25px 40px 25px; text-align: center; color: #979797; }
.pg-search .job-results-pager .page-link-previous, .pg-search .job-results-pager .page-link-next { display: inline-block; width: 40px; height: 40px; position: relative; vertical-align: top; margin-top: -7px; }
.pg-search .job-results-pager .page-link-previous::before, .pg-search .job-results-pager .page-link-next::before { content: ""; position: absolute; border-top: 0; border-right: 1px solid #979797; border-bottom: 1px solid #979797; border-left: 0; width: 20px; height: 20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -15px; margin-top: 10px }
.pg-search .job-results-pager .page-link-previous:hover::before, .pg-search .job-results-pager .page-link-next:hover::before { border-right: 1px solid #333; border-bottom: 1px solid #333; }
.pg-search .job-results-pager .page-link-previous::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -5px; }
.pg-search .job-results-pager .page-link-number, .pg-search .job-results-pager .page-link-number:link, .pg-search .job-results-pager .page-link-number:visited { display: inline-block; color: #979797; margin: 0 5px; line-height: 25px; text-align: center; font-size: 12px; }
.pg-search .job-results-pager .page-link-number:hover { color: #333 }
.pg-search .job-results-pager .page-link-number-current { border: 1px solid #333; border-radius: 15px; color: #333; width: 25px; height: 25px; line-height: 25px; }

.pg-search .job-detail, .pg-search .no-jobselected-alert { width: calc(100vw - 370px); height: calc(100vh - 136px); overflow-y: auto; overflow-x: hidden; position: absolute; z-index: 2; left: 370px; top: 136px; }
.pg-search .no-jobselected-alert { z-index: 1 }
.pg-search .job-detail .section-inner { padding: 68px 68px 100px 68px; background-color: #fff; margin-left: 0 }
.pg-search .no-jobselected-alert { max-width: 960px; }
.pg-search .no-jobselected-alert .section-inner { background: #fff; position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -10px; color: #ccc; padding: 0; text-align: center }
.job-detail .logo {display: none; }
.pg-jobdetail .job-detail .logo {display: block; height: 40px;}
.pg-jobdetail .job-detail .logo img {height: 100%}
.job-detail h1 { font-size: 50px; line-height: 58px; padding-bottom: 10px; }
.pg-jobdetail .job-detail h1 {margin-top: 40px;}
.job-detail .job-detail-subhead { font-size: 18px; color: #ccc }
.job-detail .job-detail-subhead span { color: #333 }
.job-detail .job-detail-jobid { margin-top: 20px; font-size: 12px; color: #ccc; }
.job-detail .job-detail-description, .job-detail-tc-call-to-action { margin-top: 40px; font-size: 16px; line-height: 24px }
.job-detail-description h2, .job-detail-description h3 {font-size: inherit; padding: 20px 0}
.pg-search .job-detail .job-detail-button-row, .pg-jobdetail .job-detail .job-detail-button-row { position: fixed; right: 80px; bottom: 20px; z-index: 3; width: calc(100% - 518px); height: 40px; }
.pg-search .job-detail .job-detail-button-row .submit { position: absolute; right: 0px; bottom: 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }
.job-detail-tc-call-to-action {margin-top: 80px; font-weight: bold}
.job-detail-button-row .icon-button, .cb-inner.pg-my-jobs .icon-button, .pg-jobdetail .icon-button { display: inline-block; opacity: 0.9; margin-right: 5px; width: 40px; height: 40px; background-size: 40px 40px; border-radius: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); }
.job-detail-button-row .icon-button:hover { opacity: 1 }
.job-detail-button-row .favorite-job-unselected { background: url(../../images/KellyCareer/icon-button-heart.svg) no-repeat; }
.job-detail-button-row .favorite-job-selected { background: url(../../images/KellyCareer/icon-button-heart-filled.svg) no-repeat; }
.job-detail-button-row .forward-job { background: url(../../images/KellyCareer/icon-button-mail.svg) no-repeat; }
.job-detail-button-row .share-job { background: url(../../images/KellyCareer/icon-button-share.svg) no-repeat; }
.job-detail-button-row .share-box-outer { display: inline-block; position: relative; }
.job-detail-button-row .share-box { display: none; position: absolute; z-index: 99; background-color: #fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); width: 240px; bottom: 55px; left: 0; }
.job-detail-button-row .share-box a, .jobcontent .share-box a:visited, .jobcontent .share-box a:hover { display: inline-block; width: 100%; padding: 0 20px 0 20px; line-height: 40px; color: inherit; }
.job-detail-button-row .share-box a:hover { background-color: #f8f7f7; }
.job-detail-nav { width: 100px; text-align: center; position: absolute; left: 50%; margin-left: -40px; top: 0 }
.job-detail-nav .icon-button { margin: 0 0 0 10px; background: #fff; opacity: 1 }
.job-detail-nav .icon-button:nth-of-type(1) { margin-left: 0 }
.job-detail-nav .icon-button::before { content: ""; position: absolute; border-top: 0; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 0; width: 14px; height: 14px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -11px; margin-top: 13px; }
.job-detail-nav .icon-button.bt-previous-job::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -6px; }
.job-detail .job-detail-footer .section-inner { padding: 100px 0 0 0; font-size: 14px; color: #ccc; }
.job-detail .job-detail-footer .section-inner a { color: #ccc }

.pg-jobdetail .pg-wrapper { max-width: 960px }
.pg-jobdetail .logo {height: 40px}
.pg-jobdetail .logo img {height: 100%}
.pg-jobdetail .section-inner { padding: 68px 68px 120px 68px }
.pg-jobdetail .job-detail .job-detail-button-row { width: calc(100% - 132px); max-width: 960px; right: auto; bottom: 40px }
.pg-jobdetail .job-detail .bt-scroll-to-top { position: fixed; bottom: 40px; right: 40px; background: #fff; margin-right: 0; z-index: 4}

.cb-section { width: 100%; text-align: center }
.cb-section h2, .cb-section h3 { font-size: 32px; padding-top: 0px }
.cb-section h4 { font-size: 20px }
.cb-section-inner { padding: 100px 50px }

.cb-inner { padding: 68px }
.cb-inner.pg-my-jobs .note { font-size: 14px; color: #cccccc; max-width: 400px; margin-top: 60px; }
.cb-inner.pg-my-jobs .icon-example { width: 18px; height: 18px; vertical-align: top; margin-top: 3px; }
.cb-inner.pg-my-jobs .job-item a { color: #333; padding-left: 5px; border-bottom: 1px solid #ccc; display: inline-block; width: 100%; padding: 10px 5px; }
.cb-inner.pg-my-jobs .job-item a:hover { background: #e2e2e2 }
.cb-inner.pg-my-jobs .job-detail { margin-top: 68px }
.cb-inner.pg-my-jobs .job-detail .job-detail-button-row { margin-top: 68px; }
.cb-inner.pg-my-jobs .job-detail .job-detail-button-row .submit, .pg-jobdetail .job-detail .job-detail-button-row .submit { vertical-align: top; margin-right: 10px; }
.cb-inner.pg-my-jobs .job-detail .job-detail-button-row .share-box { }
.cb-inner.pg-my-jobs .job-detail .bt-scroll-to-top { position: fixed; bottom: 10px; right: 10px; background: #fff; margin-right: 0; }
.cb-inner.pg-my-jobs .job-detail .bt-scroll-to-top::after, .pg-jobdetail .job-detail .bt-scroll-to-top::after { content: ""; position: absolute; border-top: 0; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 0; width: 15px; height: 15px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 12px; top: 15px; z-index: 4 }

#cb-about-kelly .cb-section-1, #cb-life-at-kelly .cb-section-1, #cb-life-at-kelly .cb-section-10 { position: relative; color: #fff; height: 400px }
#cb-about-kelly .cb-section-1 .cb-section-bg-wrapper, #cb-life-at-kelly .cb-section-1 .cb-section-bg-wrapper { position: absolute; width: 100%; height: 100%; background: #3D3936; }
#cb-about-kelly .cb-section-1 .cb-section-inner, #cb-life-at-kelly .cb-section-1 .cb-section-inner { position: absolute; padding: 0; width: 100%; top: 50%; margin-top: -40px }
#cb-about-kelly .cb-section-1 .cb-section-inner div, #cb-life-at-kelly .cb-section-1 .cb-section-inner div { display: inline-block; text-align: left; margin-left: 20px; width: 300px; vertical-align: top; margin-top: -10px; }
#cb-about-kelly .cb-section-1 h2, #cb-life-at-kelly .cb-section-1 h2 { color: #fff; padding: 0 0 20px 0; margin: 0 }
#cb-about-kelly .cb-section-1 span, #cb-life-at-kelly .cb-section-1 span { font-size: 20px }
#cb-about-kelly .cb-section-2 .button, #cb-about-kelly .cb-section-2 .button:link, #cb-about-kelly .cb-section-2 .button:visited, #cb-about-kelly .cb-section-4 .button, #cb-about-kelly .cb-section-4 .button:link, #cb-about-kelly .cb-section-4 .button:visited,
#cb-talent-community .button, #cb-talent-community .button:link, #cb-talent-community .button:visited { border: 1px solid #333; margin-top: 20px; }
#cb-about-kelly .cb-section-2 .button:hover, #cb-about-kelly .cb-section-4 .button:hover, #cb-talent-community .button:hover { background: #333; color: #fff; }
#cb-about-kelly .cb-section-3 { background: #F8F7F7 }
#cb-about-kelly .cb-section-3 .column { display: inline-block; width: 25%; min-width: 280px; padding-bottom: 20px; vertical-align: top; padding-left: 10px; padding-right: 10px; font-size: 14px; }
#cb-about-kelly .cb-section-4 { background: #fff; }
#cb-about-kelly .cb-section-5 { background: #3D3936; color: #fff }
#cb-about-kelly .cb-section-5 h3, #cb-about-kelly .cb-section-5 h4 { color: #fff }
#cb-about-kelly .cb-section-5 .column { width: 33%; min-width: 280px; vertical-align: top; padding-left: 20px; padding-right: 20px; font-size: 14px; display: inline-block; margin-top: 25px; }
#cb-about-kelly .cb-section-5 img { height: 100px }
#cb-about-kelly .cb-section-5 a, #cb-about-kelly .cb-section-5 a:link, #cb-about-kelly .cb-section-5 a:visited {color: #fff; text-decoration: underline}
#cb-about-kelly .cb-section-5 a:hover { color: #aed5af }
#cb-about-kelly .cb-section-6 { position: relative; height: 430px; color: #fff; }
#cb-about-kelly .cb-section-6 .cb-section-inner { position: absolute; width: 100%; height: 100% }
#cb-about-kelly .cb-section-6 .cb-section-bg-wrapper { position: absolute; width: 100%; height: 100%; background: url(../../images/KellyCareer/bg-about-green.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#cb-about-kelly .cb-section-6 .column { width: 20%; min-width: 80px; vertical-align: top; padding-left: 10px; padding-right: 10px; font-size: 14px; display: inline-block; margin-top: 25px; }
#cb-about-kelly .cb-section-6 h3 { color: #fff }
#cb-about-kelly .cb-section-6 img { height: 20px; margin-bottom: 25px; }
#cb-about-kelly .cb-section-6 a, #cb-about-kelly .cb-section-6 a:link, #cb-about-kelly .cb-section-6 a:visited { color: #fff; display: block; padding-bottom: 10px; }
#cb-about-kelly .cb-section-6 a:hover { color: #fff; text-decoration: underline }

#cb-faq .cb-section h2 { padding-bottom: 0 }
#cb-faq .cb-section h3, #cb-faq .cb-section h4 { font-size: 20px; padding-top: 50px; }
#cb-faq .cb-section .lnk-back, #cb-faq .cb-section .lnk-back:link, #cb-faq .cb-section .lnk-back:visited { color: #D8D4D7; font-size: 14px; padding-bottom: 50px; display: inline-block; }
#cb-faq .cb-section .lnk-back:hover { color: #333 }

#cb-life-at-kelly .cb-section-2 { color: #fff; background: rgba(0, 65, 31,1.0); }
#cb-life-at-kelly .cb-section-2 h3 { color: #fff }
#cb-life-at-kelly .cb-section-3 .column { display: inline-block; width: 50%; vertical-align: top; font-size: 14px }
#cb-life-at-kelly .cb-section-3 .column-1 { padding-right: 25px }
#cb-life-at-kelly .cb-section-3 .column-2 { padding-left: 25px }
#cb-life-at-kelly .cb-section-3 img { width: 100% }
#cb-life-at-kelly .cb-section-4, #cb-life-at-kelly .cb-section-7, #cb-life-at-kelly .cb-section-8 { background: #F8F7F7 }
#cb-life-at-kelly .cb-section-5 .cb-section-inner { padding: 0 }
#cb-life-at-kelly .cb-section-5 img { width: 100%; margin-bottom: -10px; }
#cb-life-at-kelly .cb-section-6 { background: rgba(0, 65, 31,1.0); color: #fff }
#cb-life-at-kelly .cb-section-6 h3 { color: #fff }
#cb-life-at-kelly .cb-section-6 .button, #cb-life-at-kelly .cb-section-6 .button:link, #cb-life-at-kelly .cb-section-6 .button:visited { background-color: #00b142; margin-top: 20px; }
#cb-life-at-kelly .cb-section-6 .button:hover { background-color: #d7d2cb }
#cb-life-at-kelly .cb-section-7 .cb-section-inner { padding-bottom: 25px }
#cb-life-at-kelly .cb-section-8 .cb-section-inner { padding-top: 0 }
#cb-life-at-kelly .cb-section-8 .slides .item { background: #fff; padding: 50px }
#cb-life-at-kelly .cb-section-8 .slides .item img { width: 150px; height: 150px; border-radius: 75px; vertical-align: middle }
#cb-life-at-kelly .cb-section-8 .slides .item div { display: inline-block; vertical-align: middle; width: calc(100% - 150px); padding-left: 50px; font-size: 20px; text-align: left }
#cb-life-at-kelly .cb-section-8 .slides .item div span { font-size: 14px; color: #979797; display: block; margin-top: 10px }
#cb-life-at-kelly .cb-section-9, #cb-life-at-kelly .cb-section-11 { background: #3D3936; color: #fff }
#cb-life-at-kelly .cb-section-9 .row:nth-of-type(2) { margin-top: 50px }
#cb-life-at-kelly .cb-section-9 h3, #cb-life-at-kelly .cb-section-9 h4, #cb-life-at-kelly .cb-section-11 h3 { color: #fff }
#cb-life-at-kelly .cb-section-9 .column { width: 33%; min-width: 150px; vertical-align: top; padding-left: 20px; padding-right: 20px; font-size: 14px; display: inline-block; margin-top: 25px; }
#cb-life-at-kelly .cb-section-9 img { height: 100px }
#cb-life-at-kelly .cb-section-10 { height: 450px; position: relative }
#cb-life-at-kelly .cb-section-10 .cb-section-bg-wrapper { position: absolute; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#cb-life-at-kelly .cb-section-10 .cb-section-bg-tint { position: absolute; width: 100%; height: 100%; background: rgba(0, 65, 31,1.0); }
#cb-life-at-kelly .cb-section-10 .cb-section-inner { position: relative }
#cb-life-at-kelly .cb-section-10 h3 { color: #fff }
#cb-life-at-kelly .cb-section-10 .button, #cb-life-at-kelly .cb-section-10 .button:link, #cb-life-at-kelly .cb-section-10 .button:visited { background-color: #00b142; margin-top: 20px; }
#cb-life-at-kelly .cb-section-10 .button:hover {background-color: #d7d2cb  }
#cb-life-at-kelly .cb-section-11 .item { width: 25%; vertical-align: top; display: inline-block; margin-top: 50px; }
#cb-life-at-kelly .cb-section-11 img { height: 80px }

.pg-login, .pg-login .section-2, .pg-login .section-2 .section-inner { height: 100% }
.pg-login .kelly-login-box { position: absolute; top: 50%; margin-top: -130px; text-align: center; width: 320px; left: 50%; margin-left: -160px; }
.pg-login .kelly-login-box input { background: #fff; border: 1px solid #cecece; color: #000 }

.footer { background: #333; font-size: 14px; color: #979797; line-height: 20px }
.footer a, .footer a:link, .footer a:visited { color: #fff }
.footer a:hover {color: #aed5af  }
.footer .section-inner { padding: 25px 25px 10px 25px; max-width: initial }
.footer .column { display: inline-block; vertical-align: top }
.footer .column-1 { width: calc(100% - 325px); padding-right: 20px }
.footer .column-1 span { display: inline-block }
.footer .column-2 { width: 320px; text-align: right; position: relative }
.footer .footer-logo { display: inline-block; height: 40px; }
.footer .footer-logo img { height: 100% }
.footer .footer-sm-links { margin-top: 2px; float: left }
.footer .footer-sm-links a { display: inline-block; height: 30px; opacity: 0.7; margin-left: 10px; display: inline-block }
.footer .footer-sm-links a:hover { opacity: 1 }
.footer .footer-sm-links a img { height: 100% }

.job-clicked { background-color: lightgray; }

/*Cookiebot*/
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { background-color: #00b142 !important; padding: unset !important; color: #000 !important }

@media only screen and (max-width : 1024px) {
    .header .nav .dropdown-menu { font-size: 14px }
}

@media only screen and (max-width : 980px) {
    .header .nav-outer-hide { display: inline; position: static; right: auto; top: auto; -webkit-box-shadow: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; }
    .header .nav a { display: inline-block; line-height: 20px; border-bottom: 0px; }
    .pg-home .search-box { width: 440px; height: 380px; top: 130px; margin-left: -220px; margin-top: 0; }
    .pg-home .search-box h1 { font-size: 30px }
    .pg-home .search-box .search-field { width: calc(100% - 80px); margin-right: 0; margin-bottom: 10px; }
    .pg-home .search-box .input-text { width: 100% }
    .pg-home .search-box button { width: calc(100% - 80px); margin-top: 10px; }
    .pg-search { width: 100%; height: 100%; overflow-y: scroll; }
    .pg-search .header { height: 135px; }
    .pg-search .header .nav-outer { background-color: transparent }
    .pg-search .header-search-box-form { display: block; padding-right: 25px; }
    .pg-search .search-filter { background: transparent; height: 0; }
    .pg-search #JQSearchFilter, .pg-search .bt-filter-close { display: none }
    .pg-search .bt-filter-close { position: absolute; display: none; z-index: 105; top: 25px; right: 25px; width: 32px; height: 32px; cursor: pointer; }
    .pg-search .search-filter-active .bt-filter-close { display: block }
    .pg-search .bt-filter-close::before, .pg-search .bt-filter-close::after { position: absolute; cursor: pointer; right: 7px; top: 7px; content: ""; display: block; width: 32px; height: 32px; border-top: 1px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer }
    .pg-search .bt-filter-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: -14px; }
    .pg-search .search-filter-active #JQSearchFilter { display: block; background: #fff; left: 0; top: 0px; position: absolute; width: 100%; padding: 25px 50px 25px 25px; z-index: 103; -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1); }
    .pg-search .search-filter { z-index: 104 }
    .pg-search .search-filter .section-inner > span { position: absolute; right: 15px; top: -60px; z-index: 101 }
    .pg-search .search-filter .section-inner > span.total-job-found { right: 70px }
    .pg-search .searchlist { width: 100%; height: auto; min-height: calc(100% - 185px); top: 0; position: relative }
    .pg-search .searchlist .job-item.job-clicked { background: #e2e2e2; }
    .pg-search .searchlist .job-item-noresult {position: absolute}
    .pg-search .bt-job-detail-close { display: none; position: absolute; top: 25px; right: 25px; width: 32px; height: 32px; cursor: pointer; }
    .pg-search .bt-job-detail-close.job-detail-opened { display: block }
    .pg-search .bt-job-detail-close::before, .pg-search .bt-job-detail-close::after { position: absolute; cursor: pointer; right: 7px; top: 7px; content: ""; display: block; width: 32px; height: 32px; border-top: 1px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer; z-index: 111 }
    .pg-search .bt-job-detail-close::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: -14px; }
    .pg-search .job-detail, .pg-search .no-jobselected-alert { display: none }
    .pg-search .job-detail.job-detail-opened, .pg-search .no-jobselected-alert.job-detail-opened { display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 110; }
    .pg-search .no-jobselected-alert.job-detail-opened { z-index: 109; background: #fff; }
    .pg-search .job-detail .job-detail-button-row { width: calc(100% - 136px); left: 68px; right: auto; text-align: right }
    .pg-search .job-detail .job-detail-button-row .submit { left: 0; right: auto }
    .job-detail-button-row .share-box-outer .icon-button { margin-right: 0 }
    .job-detail-button-row .share-box { left: auto; right: 0; text-align: left }
}

@media only screen and (max-width : 800px) {
    .pg-search .header { height: 185px }
    .pg-search .kelly-search-fields { width: 100% }
    .pg-search .search-field { width: 50%; margin: 0 }
    .pg-search .search-field:nth-of-type(1) { padding-right: 5px }
    .pg-search .search-field:nth-of-type(2) { padding-left: 5px }
    .pg-search .search-field:nth-of-type(2) { padding-left: 5px }
    .pg-search .search-filter .dropdown {margin-bottom: 10px}
    .pg-search .searchlist { }
}

@media only screen and (max-width : 768px) {
    .header { position: absolute }
    .header .nav .nav-item-jobs .dropdown-menu { max-height: calc(100vh - 68px); overflow-y: auto; }
    .header .nav .dropdown-menu-column:nth-of-type(1), .header .nav .dropdown-menu-column:nth-of-type(2) { width: 100%; }
    .header .nav .dropdown-menu .dropdown-menu-column:nth-of-type(2) li { width: 100% }
    .header .nav .nav-item-jobs .dropdown-menu::before, .header .nav .nav-item-jobs .dropdown-menu::after {position: fixed; top: 80px}
    .pg-home .search-box { width: 100%; height: 100%; top: 0; padding-top: 80px; margin-left: 0; margin-top: 0; background: rgba(0,0,0,0.6); left: 0; border-radius: 0; }
    .pg-home .kelly-search-fields { width: 100%; max-width: 440px; }
    .pg-home .search-field, .pg-home .search-box .submit { max-width: 360px; }
    #cb-about-kelly .cb-section-2 br {display: none}
    #cb-life-at-kelly .cb-section-3 .column { width: 100%; padding: 0 }
    #cb-life-at-kelly .cb-section-3 h3 { padding-top: 40px }
    #cb-life-at-kelly .cb-section-8 .slides .item div { width: 100%; margin-top: 40px; text-align: center; padding: 0 }
    #cb-life-at-kelly .cb-section-11 .item { width: 33% }
    .search .section-inner { padding: 0 }
    .pg-search .job-detail .section-inner, .pg-jobdetail .section-inner { padding: 68px 25px 100px 25px; }
    .pg-search .job-detail .job-detail-footer .section-inner { padding: 100px 0 0 0; }
    .pg-search .job-detail-nav { margin-left: -60px }
    .pg-search .job-detail h1 {  }
    .pg-search .job-detail .job-detail-button-row, .pg-jobdetail .job-detail .job-detail-button-row { width: calc(100% - 50px); left: 25px; }
    .pg-jobdetail .job-detail .job-detail-button-row { width: calc(100% - 25px); }
    .search-suggest-box { display: none !important}

    .footer .footer-logo { display: none }
    .footer .column-1 { width: calc(100% - 200px) }
    .footer .column-2 { width: 200px }

    .cb-inner {padding: 68px 20px}
}

@media only screen and (max-width : 640px) {
    .pg-home .header .nav-outer-hide { display: none }
    .pg-home .header .nav-outer { position: absolute; right: 0; top: 68px; background-color: #fff; width: 100% }
    .header .nav, .header .nav .nav-item, .pg-home .header .lnk-myjoblist { margin: 0; width: 100%; text-align: center }
    .header .nav .nav-item > a {margin-right: 0}
    .header .nav .nav-item > a:hover:after {display: none}
    .pg-home .header .lnk-myjoblist { position: static; display: block; padding: 12px 0 }
    .pg-home .header .lnk-myjoblist:before { position: static; display: inline-block; vertical-align: middle; margin-right: 10px }
    .header .nav .dropdown-menu .dropdown-menu-column:nth-of-type(1) li { width: 100% }
    .header .nav .nav-item-jobs .dropdown-menu { top: 0; margin: 0; padding: 0; }
    .header .nav .nav-item-about .dropdown-menu { width: 100%; position: static; padding: 0; text-align: center; box-shadow: none; }
    .header .nav .nav-item-about .dropdown-menu a, .header .nav .nav-item-about .dropdown-menu a:link, .header .nav .nav-item-about .dropdown-menu a:visited {padding: 12px 0}
    .header .nav-mobile-icon { display: block }
}

@media only screen and (max-width : 480px) {
    .cb-section-inner { padding: 50px 20px }
    .kelly-ta .header .nav { display: none }
    .header .nav .nav-item-about .dropdown-menu { width: 100%; left: 0 }
    .pg-home .lnk-myjoblist { display: none }
    #cb-about-kelly .cb-section-1 .cb-section-inner, #cb-life-at-kelly .cb-section-1 .cb-section-inner { top: 0; margin-top: 60px; }
    #cb-about-kelly .cb-section-1 .cb-section-inner div, #cb-life-at-kelly .cb-section-1 .cb-section-inner div { width: 100%; margin: 0; padding: 20px; text-align: center; }
    #cb-about-kelly .cb-section-6 { height: 520px }
    #cb-life-at-kelly .cb-section-11 .item { width: 50% }
    .pg-search .header {height: 240px}
    .pg-search .search-field { width: 100%; }
    .pg-search .search-field:nth-of-type(1), .pg-search .search-field:nth-of-type(2) { padding: 0 }
    .pg-search .search-filter .section-inner > span { top: -60px; }
    .pg-search .searchlist { min-height: calc(100% - 240px); }
    .pg-search .favorite-job-selected, .pg-search .favorite-job-unselected, .pg-search .bt-forward, .pg-search .bt-share { position: fixed; bottom: 100px; right: 25px; margin-right: 0; }
    .pg-search .bt-forward { bottom: 150px }
    .pg-search .bt-share { bottom: 200px }
    .pg-search .job-detail .job-detail-description {padding-right: 40px; overflow-x: hidden}
    .job-detail-button-row .share-box { right: 50px; bottom: 75px; }
    .pg-my-jobs .job-detail-button-row .share-box { right: 0px; bottom: 55px; }
    .job-detail h1 { font-size: 30px; line-height: 34px }
    .job-detail .job-detail-subhead {font-size: 18px}
    .pg-jobdetail .share-box-outer { width: auto; }
    .pg-jobdetail .job-detail .bt-scroll-to-top {display: none}
    .pg-jobdetail .share-box { top: auto; bottom: 60px; right: 0 }
    .job-detail-nav { margin: auto; left: auto; right: 0; text-align: right }
    .job-detail-nav .icon-button {text-align: center}
    .job-detail-footer {padding-right: 40px}
    .footer { height: 200px }
    .footer .column-1, .footer .column-2 { width: 100%; text-align: center }
    .footer .column-1 { top: 60px; position: relative; }
    .footer .column-2 { position: absolute; left: 0; width: 100%; }
    .footer a { font-weight: normal }
    .footer .footer-sm-links { width: 100%; }

    .dropdown-menu .inner {max-width: 320px}
}

@media only screen and (max-width : 360px) {
    .pg-search .search-filter .dropdown { width: calc(100% - 20px) !important; margin-right: 10px; }
}

p.rctext { margin: 0px 0px 0px 0px }
.job-detail-description p { margin-bottom: 0;   }
.job-detail-description p.job-list-headline { margin-top: 15px }