:root {
    --primary-color: #0060AD;
    --secondary-color: #54a4e9;
    --third-color: #cdce00;
}

html, body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #57585b;
    margin: 0;
    padding: 0;
    background: #fff !important;
    font-size: 16px;
}

a:hover, a:focus {
    color: #005fab;
}

.siteSearchSubmit {
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
}

.siteSearchInput, .growerBtn {
    line-height: normal;
}

.growerBtn:hover{
    color: #fff;
    text-decoration: none;
}

#footer #leftPanel > ul > li, #all-produce, #footer #middlePanel > ul > li {
    line-height: normal;
}

#footer #middlePanel > ul > li{
    margin-bottom: 10.8px;
}

#copyright{
    margin-top: 37px;
    margin-bottom: 24px;
}

.footer-fax-hr{
    margin: 0;
    border:none;
}

#copyright a:hover{
    text-decoration: none;
}

.home-title, .job-title  {
    text-align: center;
    color: var(--third-color) !important;
}

.search-job-title {
    color: var(--third-color) !important;
}

.poi-outer {
    margin-bottom: 3rem;
}

.poi-outer #formPage h1, .poi-outer #formPage .nav.nav-wizard, .poi-outer #formPage h2 {
    display: none;
}

.ps-5{
    padding-left: 5rem!important;
}

.poi-outer .k-datepicker {
    width: 100%;
}

.poi-outer #formPage .question-title strong {
    color: #f0506e;
}

.div-poi-text-under-title{
    max-width: 825px;
    margin: 0 auto 2rem auto;
}

.poi-outer .col-md-5 .question-title:first-child{
    margin: 0;
}

#footer #middlePanel > ul > li.mb-118 {
    margin-bottom: 11.8px;
}

#footer #middlePanel > ul > li.mb-98 {
    margin-bottom: 9.8px;
}

.btn.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn.btn-info {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.poi-jobs-link, .poi-jobs-link:hover, .poi-jobs-link:focus {
    color: #4ba4f1;
}

.div_contact-info {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
}

.div_contact-info .container{
    padding-left: 25px;
}

.div_contact-info .row > .col-md-3, .div_contact-info .row > .col-md-4 {
    padding-left: 24px !important;
    padding-right: 24px !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
}

    .div_contact-info .row > .col-md-3 p, .div_contact-info .row > .col-md-3 p a,
    .div_contact-info .row > .col-md-4 p, .div_contact-info .row > .col-md-4 p a {
        margin-bottom: 0;
        color: #fff;
    }

.main-content > .search-job-title {
    margin-top: 20px;
    margin-bottom: 10px;
}

.rl-title .job-title{
    margin-bottom: 0;
}

.job-search-wrapper{
    background-color: var(--primary-color);
}

.btn-menu{
    background-color: var(--primary-color);
    color: #fff;
}

.overlay-menu {
    background-color: var(--primary-color);
}

.overlay-menu a{
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    transition: all ease 0.3s;
}

.overlay-menu a:hover{
    padding-left: 0.4rem;
}

.overlay-menu a:hover, .overlay-menu a:focus {
    color: #fff;
    text-decoration: none;
}

.overlay-menu p{
    margin-bottom: 0;
}

.modal-title {
    font-size: 18px;
    color: #57585b;
    text-transform: none;
}

.headerNavigation > ul li > ul.dropdown-work-at-seeka{
    width: auto;
}

.dropdown-work-at-seeka {
    display: none;
    width: 100px;    
}

.dropdown-work-at-seeka li {
    width: 170px;
    background-color: #cdce00 !important;
}

.dropdown-work-at-seeka li.dropdown-empty-item {
    height: 25px;
    background-color: #fff !important;
}

.headerNavigation ul li ul.dropdown-work-at-seeka li > a {
    margin-right: 0 !important;
    background: transparent !important;
    border-bottom: 0 !important;
    padding: 6px 12px !important;
    text-align: left;
    margin-left: 0!important;
    color: #fff!important;
    font-weight: 600;
}

.topButtons {
    display: none;
}

.job-ad-side__content > .btn{
    margin-bottom: 1rem;
}

.username{
    color: #fff!important;
}

main.site-content{
    margin-bottom: 50px;
}

main.site-content h1,
main.site-content h2,
main.site-content h3,
main.site-content h4,
main.site-content h5 {
    color: #57585b;
}

ul.nav-wizard li.active:after {
    border-left: 16px solid var(--primary-color);
}

.panel-default .panel-heading {
    background-color: var(--primary-color);
    color: #fff;
}

.panel-default .panel-heading h3{
    color: #fff;
}

.wkf-panel-forms .form-row {
    background-color: #e0edf3;
}

#iframe, #pdfViewer {
    margin-bottom: 1.5rem;
}

.vacancy-box.feature-job {
    border-color: #a7ceed;
    background-color: #e2f2ff;
}

.headerNavigation > .menu-collapser {
    display: none;
}

.headerNavigation .careernav {
    display: none;
}

.headerNavigation .fa-home {
    display: none;
}

.headerNavigation .careernav a:hover, .headerNavigation .careernav a:focus{
    text-decoration: none;
}

.vacancy-info h2{
    margin-top: 0;
    margin-bottom: 10px;
}

.ui-pnotify > .alert-danger {
    background-color: #ffe0e0;
}

.video-outer{
    padding: 0 30px 0 30px;
}

.video-outer > iframe{
    width: 100%;
    height: 290px;
}

.mt-3{
    margin-top: 3rem;
}

main.site-content #top-notification-bar{
    margin-top: 4rem;
}

@media screen and (min-width: 1200px) {
    .headerNavigation #contact a {
        margin: 0px 0px 0px 20px;
    }
}

@media(max-width: 991px) {
    .div_contact-info > .container{
        max-width: 500px;
    }

    .div_contact-info .row > .col-md-4, .div_contact-info .row > .col-md-3 {
        align-content: flex-start;
        padding: 10px 24px;
    }

    .video-outer{
        padding: 30px 0 0 0;
    }

    .video-outer > iframe {
        width: 100%!important;
        height: 50vw;
    }

    main.site-content #top-notification-bar {
        margin-top: 0;
    }
}

@media(max-width: 949px) {
    .headerNavigation > ul.level0{
        line-height: 1.19;
    }
}

@media(max-width:767px) {
    .bottomButtons {
        display: none;
    }

    .topButtons {
        display: block;
    }
}

@media(max-width: 899px){
    .div_contact-info .row > .col-md-4, .div_contact-info .row > .col-md-3 {
        margin-left: calc( -9vw );
        padding-right: 80px!important;
    }
}

@media(max-width: 793px){
    .div_contact-info{
        display: none;
    }
}

@media(max-width: 767px) {
    ul.nav-wizard li.active:after {
        border-left: 8px solid var(--primary-color);
    }
}

@media(max-width:740px) {
    .headerNavigation > .menu-collapser {
        display: block;
    }

    .headerNavigation > ul.level0 {
        display: none;
    }

    .headerNavigation .fa-home{
        display: inline-block;
        transform: scale(1.2);
    }

    .headerNavigation > ul.level0 > li:not(#home) {
        display: none;
    }

    .headerNavigation .careernav{
        display: block;
    }

    .headerNavigation .careernav p {
        margin: 0;
    }

    .headerNavigation .careernav a {
        font-size: 15px;
        padding: 0 12px;
        font-weight: 600;
        transition: background-color 0.5s ease-out 0s;
        line-height: 1;
        border-bottom: 1px solid rgba(0, 0, 0, 0.075);
        font-family: 'Open Sans', sans-serif;
    }

    #standardBanner{
        display: none;
    }
}

@media(max-width: 739px){
    .headerNavigation .careernav{
        padding-top: 39.8px;
    }

    .headerNavigation .careernav a {
        padding: 8px 64px 7px 16px;
        line-height: 1.7;
        font-size: 14px;
        color: #333;
        background: #eeeeee;
        font-weight: bold;
    }

    .headerNavigation .careernav .username{
        background-color: #eee;
        color: #333!important;
    }
}

@media(max-width: 649px) {
    .siteSearchContainer input.siteSearchSubmit {
        position: absolute;
        float: right;
        top: 0;
        right: -5px;
        border: none;
        width: 20px;
        cursor: pointer;
    }

    .search-job-title{
        font-size: 16px;
    }

    #copyright{
        margin-bottom: 0;
        margin-top: 34px;
    }
}

@media(max-width: 500px){
    .video-outer > iframe {
        height: 290px;
    }
}

@media(max-width: 375px){
    .row{
        margin-right: -3px;
        margin-left: -3px;
    }
}