/* open-sans-regular - latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../../images/shared/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../images/shared/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../images/shared/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../images/shared/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../images/shared/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../images/shared/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ }
/* open-sans-600 - latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../../images/shared/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../images/shared/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../images/shared/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../images/shared/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../images/shared/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../images/shared/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ }
/* open-sans-700 - latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../../images/shared/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../images/shared/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../images/shared/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../images/shared/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../images/shared/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../images/shared/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ }

body { color: #000; font-family: "Open Sans",sans-serif,Tahoma,Arial; font-size: 16px; line-height: 1.5; background-color: #fff }
button, input, optgroup, select, textarea { font-size: 16px; }
h1, h2, h3 { color: #003087; font-family: "Open Sans",sans-serif,Tahoma,Arial; font-size: 54px; line-height: 60px; padding-top: 0; font-weight: 400 }
h2, h3 { padding-bottom: 20px; font-size: 32px; font-weight: 600; line-height: 40px }
b, strong { font-family: "Open Sans",sans-serif,Tahoma,Arial; }
p { margin: 0 0 25px 0; font-size: 16px }
p:last-of-type {margin-bottom: 0}
ul { margin-left: 0; padding-left: 22px }
a, a:visited { color: #0073cf; text-decoration: underline; transition: color .3s; font-weight: bold}
a:hover { color: #003087 }
.button, .button:visited, .button:focus { position: relative; line-height: 56px; height: 56px; vertical-align: middle; padding: 0 30px; font-size: 16px; border: none; border-color: transparent; background: #e01933; background: -webkit-gradient(linear,left top,left bottom,from(#e01933),color-stop(50%,#e01933),color-stop(50%,#b30032),to(#b30032)); background: linear-gradient(180deg,#e01933 0,#e01933 50%,#b30032 0,#b30032); color: #ffffff; text-decoration: none; transition: .3s; border-radius: 5px }
.button:hover { font-size: 16px; line-height: 56px; padding: 0 30px; background: #b31429; background: -webkit-gradient(linear,left top,left bottom,from(#b31429),color-stop(50%,#b31429),color-stop(50%,#a0042b),to(#a0042b)); background: linear-gradient(180deg,#b31429 0,#b31429 50%,#a0042b 0,#a0042b); }

.text { display: inline-block; }
.text .small { font-size: 14px; opacity: 0.7 }
.bubble-gradient { position: absolute; width: 200px; height: 200px; background: linear-gradient(45deg,#00A03B 0%,#AFCB37 100%); z-index: -1; border-radius: 50%; }

.section-inner { max-width: 1024px }

.section-0 { height: 25px; background-color: transparent; text-align: right; color: #000; line-height: 13px; position: fixed; top: 0; z-index: 999; }
.section-0 a { display: inline-block; font-weight: normal; vertical-align: middle; color: #000; opacity: 0.7; font-size: 13px; text-decoration: none; padding-right: 40px; position: relative; margin-top: 11px; }
.section-0 a:hover { opacity: 1 }
.section-0 a:after { content: ''; opacity: 0.7; width: 8px; height: 8px; position: absolute; background: url(../../images/Farmers/icon-arrow-small-grey-top-right.svg) no-repeat right 0; background-size: 8px 8px; right: 20px; margin-top: 3px; }
.section-0 a:after:hover { opacity: 1 }

.header { height: 80px; line-height: 80px; text-align: left; -webkit-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 0.3); -moz-box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 0.3); box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 0.3); z-index: 998 }
.header .section-inner { background: #fff; }
.header .logo { display: inline-block; height: 61px; padding-right: 20px; margin-left: 20px; vertical-align: middle }
.header .logo img { height: 100%; width: auto; position: static; float: left; }
.header .logo-tc { height: 29px; vertical-align: bottom; padding-left: 20px; border-left: 1px solid #acacac; margin-bottom: 8px }
.header .nav-outer { display: block; position: absolute; right: 0; top: 0 }
.header .nav { display: block }
.header .nav a, .header .nav a:focus, .header .nav a:hover { position: relative; text-decoration: none; display: inline-block; line-height: 55px; padding-right: 20px; font-size: 16px; font-weight: bold; color: #0073cf; vertical-align: bottom; margin-top: 0px; }
.header .nav a:hover { background-color: transparent; color: #0073cf }
.header .nav a:hover:after { content: ""; width: calc(100% - 40px); height: 4px; background-color: #e01933; bottom: 0; display: block; position: absolute; }

.pg-home .section-2 { height: 580px; margin-top: 80px; overflow-x: hidden }
.pg-home .section-2 .section-bg-wrapper { position: absolute; width: 100%; height: 100%; background: url(../../images/Farmers/bg-intro.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.pg-home .section-2 .section-inner { text-align: left; padding-top: 160px; position: relative }
.pg-home .section-2 .text { left: 50%; width: calc(50% - 20px); padding-left: 50px; position: absolute }
.pg-home .section-2 h1 { font-size: 54px; color: #003087; text-align: left; padding-bottom: 25px}
.pg-home .section-2 p { font-size: 20px; line-height: 26px; }

.pg-home .about .text-box, .pg-home .about img { width: calc(50% - 50px); display: inline-block; vertical-align: top }
.pg-home .about .text-box {position: static; margin-right: 50px}
.pg-home .about h2 { text-align: left; }
.pg-home .about .lnk-button { font-size: 20px }
.pg-home .about img {margin-top: 50px}

.pg-home .why-join { background-color: #DBE6F5; }
.pg-home .why-join .text-box, .pg-home .why-join img { width: calc(50% - 50px); display: inline-block; vertical-align: top }
.pg-home .why-join img { margin-right: 100px  }
.pg-home .why-join h2 { text-align: left }

.pg-home .assignments .text-box, .pg-home .assignments img { width: calc(50% - 50px); display: inline-block; vertical-align: top }
.pg-home .assignments h2 { text-align: left }
.pg-home .assignments img {float: right}


.pg-home .how-it-works { overflow: hidden; background-color: #f2f2f2;}
.pg-home .how-it-works h2 { text-align: left }
.pg-home .how-it-works .intake-process { height: 380px; position: relative; width: 910px; margin: 40px auto; }
.pg-home .how-it-works .illustration { position: absolute; width: 100%; max-width: 910px }
.pg-home .how-it-works .intake-process .steps { position: absolute; width: 170px; font-size: 18px; text-align: center; }
.pg-home .how-it-works .intake-process .step-1 { left: -35px; top: 110px; }
.pg-home .how-it-works .intake-process .step-2 { left: 27%; top: 230px }
.pg-home .how-it-works .intake-process .step-3 { left: 57%; top: 110px }
.pg-home .how-it-works .intake-process .step-4 { left: 87%; top: 230px; }
.pg-home .how-it-works a, .pg-home .how-it-works a:link, .pg-home .how-it-works a:visited { color: inherit; text-decoration: none; font-weight: normal }

.pg-home .contact { }
.pg-home .contact h2, .pg-home .contact .text { text-align: left }

.pg-searchresults .section-2 { margin-top: 100px; }
.pg-searchresults .section-2 .section-inner { position: relative }
.pg-searchresults .results h1 {width: 60%; font-size: 45px; line-height: 54px}
.pg-searchresults .results img { position: absolute; right: 40px; top: 20px }
.pg-searchresults .results .result-list { border-top: 0; position: relative; z-index: 2;}
.pg-searchresults .results .result-list form {padding-bottom: 50px}
.pg-searchresults .results .result-filter {position: relative; display: inline-block}
.pg-searchresults .results .result-filter:nth-of-type(1) { padding-bottom: 10px }
.pg-searchresults .results .result-filter span { width: 200px; display: inline-block; }
.pg-searchresults .results select { background: #f2f2f2; color: #000 !important; }
.pg-searchresults .results .result-filter:after {right: 15px; top: 15px; position: absolute; content: ""; display: block; width: 12px; height: 12px; border-right: 1px solid; border-bottom: 1px solid; border-color: #acacac; transform: rotate(45deg)}
.pg-searchresults .results .column-1 a, .pg-searchresults .results .column-1 a:visited, .pg-searchresults .results .column-1 a:hover { font-size: 18px; color: #0073cf }
.pg-searchresults .results .column-2 { color: #818282; font-size: 14px }
.pg-searchresults .results .result-item { background-color: #f2f2f2; padding: 25px; border-bottom: 0px; margin-bottom: 20px; }
.pg-searchresults .results .result-item:hover { background-color: #ddd }
.pg-searchresults .section-4 .text { max-width: 500px; }

.pg-jobdetail { padding: 100px; background-color: #fff }
.pg-jobdetail .header { border-bottom: 0px; height: auto; line-height: inherit; }
.pg-jobdetail .header .section-inner { padding: 0; position: relative }
.pg-jobdetail .header .logo { border-right: 0px; cursor: default; margin: 0; padding: 0 }
.pg-jobdetail .header .button { position: absolute; right: 0 }
.pg-jobdetail .jobcontent .section-inner { padding: 100px 0 50px 0 }
.pg-jobdetail .jobcontent { min-height: 800px; max-width: 1200px; }
.pg-jobdetail .jobcontent h1 { padding-bottom: 20px }
.pg-jobdetail .jobcontent .jobdetail-location { padding-bottom: 50px; color: #bbb; }
.pg-jobdetail .job-cta-box { margin-top: 50px }

.footer { background-color: #003087; color: #6683B7; font-size: 14px }
.footer .section-inner { padding: 50px 20px; max-width: none }
.footer a { font-size: 15px }
.footer a, .footer a:visited { color: #A8B9D6; text-decoration: none; font-weight: normal }
.footer a:hover { color: #fff }
.footer .column { display: inline-block; vertical-align: top }
.footer .column-1 { width: 50%; }
.footer .column-1 img { width: 132px }
.footer .column-2 { text-align: right; width: 50% }

.colorbox-inlineframe { display: none }
#cb-digime-video .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; margin-top: 0; }
#cb-statements { padding: 100px }
#cb-statements h2 { text-align: center }
#cb-statements span { color: #ccc }

/*Cookiebot*/
.CybotCookiebotDialogBodyButton { background: #b31429 !important; background: -webkit-gradient(linear, left top, left bottom, from(#b31429), color-stop(50%, #b31429), color-stop(50%, #a0042b), to(#a0042b)) !important; background: linear-gradient(180deg, #b31429 0, #b31429 50%, #a0042b 0, #a0042b) !important; }

/*Animations*/
.fade-in-section { opacity: 0; transform: translateY(20vh); visibility: hidden; transition: opacity 0.4s ease-out, transform 0.8s ease-out; will-change: opacity, visibility; }
.fade-in-section.is-visible { opacity: 1; transform: none; visibility: visible; }

.fadeInRight { animation-play-state: paused; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.window-loaded .fadeInRight { animation-play-state: running; }

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.rotateInDownRight { animation-play-state: paused; -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.window-loaded .rotateInDownRight { animation-play-state: running; }

@-webkit-keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.fadeInUp { animation-play-state: paused; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.window-loaded .fadeInUp { animation-play-state: running; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.rotateInUpRight { animation-play-state: paused; -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-animation-delay: 0.45s; animation-delay: 0.45s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.window-loaded .rotateInUpRight { animation-play-state: running; }

@-webkit-keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.fadeIn { animation-play-state: paused; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.window-loaded .fadeIn { animation-play-state: running; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

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

/*Media Queries*/
@media only screen and (max-width : 1150px) {
    .section-inner { max-width: 980px }
    .header .nav { text-align: center }
    .header .nav-outer { width: 320px; left: auto; height: auto; bottom: auto; padding-left: 0px }
    .header .nav-outer-hide { display: none }
    .header .nav a, .header .nav a:hover { text-decoration: none; line-height: 40px; display: block; padding-top: 0 }
    .header .nav a:after { content: none }
    .header .nav a:hover:after { display: none }
    .header .nav-outer { position: absolute; right: 0; top: 80px; background: #fff; -webkit-box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 0.3); -moz-box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 0.3); box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 0.3); }
    .header .nav-outer-show { display: block; }
    .header .nav-outer-hide { display: none; }
    .header .nav-mobile-icon { display: block; position: absolute; width: 25px; height: 25px; top: 40px; right: 15px; background: url(/images/shared/controls.png) no-repeat; background-position: -75px -25px; opacity: 0.8; cursor: pointer; }
    .header .nav-mobile-icon:hover { opacity: 1; }
}

@media only screen and (max-width: 980px) {
    .section-inner, .search .section-inner { padding: 50px }

    .pg-home .how-it-works img { max-width: 100% }
    .pg-home .how-it-works .intake-process { height: auto; width: 100% }
    .pg-home .how-it-works .illustration { position: static }
    .pg-home .how-it-works .intake-process .steps { position: static; width: 100%; margin-top: 40px; text-align: center }
    .pg-home .how-it-works .text { font-size: 16px; width: 100% }
    .pg-searchresults .results .result-filter {width: 280px}
    .pg-searchresults .results .result-filter::after {top: 38px}
    .pg-searchresults .section-4 .section-inner { padding: 50px 20px 50px 20px; }
    .footer .section-inner { padding: 50px 20px 50px 20px }
    .footer .column-1 { width: 70%; }
    .footer .column-2 { width: 30%; text-align: right }
}

@media only screen and (max-width : 900px) {
    .pg-home .section-2 {height: 400px}
    .pg-home .section-2 .section-inner {padding-top: 50px}
    .pg-home .section-2 h1 {font-size: 40px;}


}

@media only screen and (max-width : 768px) {
    .section-0 { display: none }
    .section-1 { margin-top: 0 }
    .pg-home .section-2 { margin-top: 0; overflow-x: hidden }
    .pg-home .section-2 h1 { line-height: 42px }
    .pg-home .section-2 p { font-size: 18px }
    .pg-home .about { border: 0px; padding: 0 }

    .pg-home .about img, .pg-home .about .text-box, .pg-home .why-join img, .pg-home .why-join .text-box, .pg-home .assignments img, .pg-home .assignments .text-box { width: 100%; margin: 0 }
    .pg-home .about img {margin-top: 0}
    .pg-home .why-join .text-box, .pg-home .assignments .text-box { padding-top: 50px; }

    .pg-searchresults .section-2 { margin-top: 0; padding: 0 }
    .pg-searchresults .section-2 h1 {max-width: 250px}
    .pg-searchresults .results img { width: 40%; }
    .pg-jobdetail { padding: 50px }
    .pg-jobdetail .job-cta-box span { display: inline-block }

    .footer-links { display: block; width: 100% }
    .footer .column { width: 50%; }
    .footer .column-1 .footer-links a { margin-left: auto; margin-right: 40px }
}


@media only screen and (max-width : 590px) {
    .pg-home .header .logo, .pg-searchresults .header .logo { position: absolute; left: 50%; margin-left: -57px; margin-top: 10px; }
    .header .logo-tc {display: none}
    .pg-home .section-2 { background: #E7EAF0; height: auto }
    .pg-home .section-2 .section-bg-wrapper { display: none }
    .pg-home .section-2 .text {width: 100%; left: 0; padding: 0; position: static}
    .pg-searchresults .results img {display: none}

}

@media only screen and (max-width : 480px) {
    .section-inner { padding: 50px 20px }
    .button { margin-right: 0; padding: 0 20px; width: 100%; text-align: center }
    .pg-home .section-2 .section-inner {padding: 50px 20px }
    .pg-home .how-it-works .section-inner { padding: 50px 20px }
    .pg-searchresults .results .result-filter {width: 100%}
    .pg-searchresults .results .result-list form select { width: 100% }
    .pg-searchresults .results .result-list .result-item {overflow-x: hidden}
    .pg-jobdetail { padding: 50px 20px }
    .pg-jobdetail .header .button { display: none }
    .footer { font-size: 14px }
    .footer .column { width: 100% }
    .footer .column-2 { text-align: left }
}