@charset "UTF-8";
@keyframes move-more-arrow {
    0%,
    to {
        margin-top: 0
    }
    50% {
        margin-top: 20px
    }
}

:focus {
    outline-style: solid;
    outline-width: 2px;
    outline-color: #0059AB;
    outline-offset: 2px;
    border-radius: 2px;
}

#skip-container a:focus {
    outline-color: #fff;
}

.home-slider :focus,
.people-slider :focus,
.wrapper.dark-grey :focus {
    /*outline-color: #fff;*/
    color: #0059AB !important;
}

.main-nav-wrapper .is-dropdown-submenu :focus {
    /*outline-color: #00AA28;*/
    outline-offset: -4px
}

.wrapper.dark-grey .social-box :focus,
.wrapper.dark-grey .job-box :focus {
    outline-color: #0059AB;
}

::placeholder {
    color: rgba(77, 7, 45, .4);
    opacity: 1
}

:-ms-input-placeholder {
    color: rgba(77, 7, 45, .4)
}

::-ms-input-placeholder {
    color: rgba(77, 7, 45, .4)
}

svg:not(:root) {
    overflow: hidden
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

pre {
    overflow: auto
}

small {
    font-size: 80%;
    line-height: inherit
}

@media screen and (min-width:768px) {
    .spacer {
        width: 100%;
        height: 20px
    }

    h1,
    .h1 {
        font-size: 44px;
        line-height: 54px;
        margin: 0 0 23px;
    }

    h2,
    .h2 {
        font-size: 30px;
        line-height: 37px;
        margin: 0 0 20px;
    }

    h2.large,
    .h2.large {
        font-size: 40px;
        line-height: 47px;
        margin: 0 0 23px;
    }

    h3,
    .h3 {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 1.5rem;
    }

    h4,
    .h4,
    .social-box h3 {
      font-size: 20px;
      line-height: 31px;
      margin-bottom: 1rem;
    }

    img+h1 {
        float: left;
        width: calc(100% - 208px);
    }

    .new-form h2 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 10px
    }

    dl,
    ol,
    p,
    ul {
        font-weight: 400;
        font-size: 18px;
        line-height: 31px;
    }

    .job-description-page h3,
    .job-description-page dl,
    .job-description-page ol,
    .job-description-page p,
    .job-description-page ul {
        font-size: 16px;
        line-height: 20px;
    }

    .job-description-page h3 {
        font-weight: 600;
    }

    /*dl.large,
    ol.large,
    p.large,
    ul.large {
        font-size: 21px;
        line-height: 31px;
    }*/

}

.location .input.text input {
    padding-right: 34px;
}

/* ////////// suggestions list ////////// */

.suggestions-list-container {
    margin: 25px 0;
    background: #F0E6DC;
    position: absolute;
    left: 38px;
    right: 38px;
    top: 359px;
    border-radius: 5px;
}

ul#suggestions-list {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 25px;
    text-align: center;
}

ul#suggestions-list li {
    margin: 0;
    padding: 0.5rem 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: color 0.2s ease-in-out;
    cursor: pointer;
}

ul#suggestions-list li:hover,
ul#suggestions-list li span.bold {
    color: #00871E;
}

ul#suggestions-list li:first-of-type {
    padding-top: 1rem;
}

ul#suggestions-list li:last-of-type {
    padding-bottom: 1.5rem;
}

.clear-searchButton {
    position: absolute;
    font-size: 0;
    background: #F0E6DC;
    width: 26px;
    height: 26px;
    right: 3px;
    top: 32px;
    border-radius: 30px;
    transform: rotate(45deg);
    cursor: pointer;
}

.clear-searchButton::before,
.clear-searchButton::after {
    content: "";
    position: absolute;
    border: 1px solid #002828;
    top: 6px;
    bottom: 6px;
    left: 12px;
}

.clear-searchButton::after {
    transform: rotate(90deg);
}

@media (min-width: 640px) {

    .suggestions-list-container {
        right: 48px;
        top: 301px;
    }

    .clear-searchButton {
        right: 123px;
        top: 40px;
    }

}

@media (min-width: 768px) {

    .suggestions-list-container {
        top: 328px;
    }

}

@media (min-width: 1024px) {

    .search-for-jobs-wrapper .large-9 {
        width: 100%;
        padding: 0 25px;
    }

    .suggestions-list-container {
        position: initial;
        border-radius: 0;
    }

    ul#suggestions-list {
        border: none;
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }

}

@media (max-width: 1155px) {

    .sticky-job-search .suggestions-list-container {
        display: none;
    }

}

/* ////////// /suggestions list ////////// */



/* sticky job search and sticky job apply - desktop */

@media (min-width: 1156px) {

    .sticky-job-search {
        position: relative;
        z-index: 0;
        background: #002828;
        font-size: 0;
        line-height: 0;
        margin: 0;
        padding: 25px 0;
        transition: transform 0.25s ease-in-out;
    }

    .home-slider + .sticky-job-search,
    .internal-slider + .sticky-job-search {
        margin-top: -80px;
        margin-bottom: 43px;
    }

    .sticky-job-search form {
        margin: 0 auto;
        max-width: 1510px;
        padding: 0 20px;
        text-align: center;
    }

    .sticky-job-search label {
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        margin: 0 5px;
    }

    .sticky-job-search label.location {
        position: relative;
    }

    .sticky-job-search .location .input.text input {
        padding-right: 34px;
    }

    .sticky-job-search label span {
        display: block;
        text-align: left;
        margin: 0 0 10px;
    }

    .sticky-job-search .input {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: 16vw;
    }

    .sticky-job-search .input.text {
        margin-right: 15px;
    }

    .sticky-job-search .location .input.text {
        margin-right: 5px;
    }

    .sticky-job-search .location .input.select {
        max-width: 114px;
    }

    .sticky-job-search .input.text input {
        margin: 0;
        padding: 3px 9px 2px;
    }

    .sticky-job-search select {
        margin: 0;
        color: #002828;
    }

    .sticky-job-search button.button {
        width: initial;
        height: 40px;
        padding: 12px 24px;
        border-radius: 4px;
        min-width: 0;
        margin: 26px 0 0;
    }

    .clear-searchButton {
        display: none;
        right: 123px;
    }

    .sticky-job-search .clear-searchButton {
        top: 33px;
        right: 130px;
    }

        .search-page .sticky-job-search .input {
            width: 190px;
        }

        /* stuck */

        /*
        bottom-aligned
            body.stuck .sticky-job-search {
            position: fixed;
            z-index: 2;
            bottom: -80px;
            margin-bottom: 0;
            transform: translateY(-80px);
        }

        body.stuck .home-slider,
        body.stuck .internal-slider {
            margin-bottom: 160px;
        }
        */

        /*
        top-aligned
        */
        body.stuck .sticky-job-search {
            position: fixed;
            z-index: 2;
            top: 0;
            bottom: inherit;
            margin-top: 0;
            margin-bottom: 0;
            transform: none;
        }

        body.stuck .home-slider,
        body.stuck .internal-slider {
            margin-bottom: 185px;
        }

        body.stuck .no-banner {
            margin-bottom: 140px;
        }

    /*.sticky-job-apply a {
        font-size: 21px;
        padding: 18px 0 21px;
    }*/

        body.stuck .search-page .sticky-job-search {
            position: relative;
        }

}

@media (min-width: 1525px) {

    .sticky-job-search h2 {
        display: inline-block;
        vertical-align: middle;
        margin: 0 25px 0 0;
        color: #fff;
        font-size: 26px;
        line-height: 1;
        font-weight: 600;
    }

    .sticky-job-search .input {
        max-width: 203px;
    }

}

/* /sticky job search - desktop */

/* new mobile nav */

.new-mobile-menu {
    width: 100%;
    height: 0;
    overflow: hidden;
    color: #fff;
    background: #002828;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 123;
    transition: 0.4s ease-in-out;
}

.mobile-menu-open {
    overflow: hidden;
}

.mobile-menu-open .new-mobile-menu {
    height: 100vh;
    height: 100dvh;
}

.nav-container {
    position: absolute;
    top: 65px;
    bottom: 0;
    padding: 0 20px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.new-mobile-menu .nav-container a {
    display: block;
    color: #fff;
    font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    height: 40px;
    border-bottom: 1px solid #757575;
    padding: 11px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.new-mobile-menu .nav-container a.selected {
    color: #00aa28;
}

.new-mobile-menu .nav-container .has-accordion-item > a {
    padding-right: 40px;
}

.new-mobile-menu .nav-container .accordion-item > a {
    opacity: 1;
    padding: 0;
    margin: -40px 0 0 calc(100% - 40px);
    font-size: 0;
    border: none;
}

.new-mobile-menu .nav-container .accordion-item > a:before {
    content: "";
    position: absolute;
    margin-top: 0;
    top: 10px;
    right: 30px;
    width: 1px;
    height: 20px;
    background: #757575;
    transform: rotate(0deg);
    opacity: 1;
}

.new-mobile-menu .nav-container .accordion-item > a::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(/assets/img/mobile-nav-arrow.svg) center no-repeat;
    background-size: 16px;
    top: 12px;
    left: 17px;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.new-mobile-menu .nav-container .accordion-item.is-active > a::after {
    transform: rotate(90deg);
}

.new-mobile-menu .nav-container .accordion {
    margin: 0;
}

.new-mobile-menu .nav-container .accordion-content {
    padding: 0 0 10px;
    border-bottom: 1px solid #757575;
}

.new-mobile-menu .nav-container .accordion-content ul {
    list-style: none;
    margin: 0;
}

.new-mobile-menu .nav-container .accordion-content a {
    border: none;
    overflow: visible;
    white-space: normal;
    height: auto;
}

.new-mobile-menu .nav-container ul.top-links {
    margin: 0;
    list-style: none;
}

.new-mobile-menu .nav-container ul.top-links li {
    margin: 0;
}

.new-mobile-menu .nav-container ul.top-links li a {
    color: #00aa28;
    font-size: 16px;
    line-height: 20px;
}

.new-mobile-menu .nav-container ul.top-links li:last-of-type a {
    border: none;
}

.new-mobile-menu .search {
    position: relative;
    margin: 7px 0 6px;
}

.new-mobile-menu .search input {
    width: calc(100% - 40px);
    height: 40px;
    background: #fff;
    box-shadow: none;
    font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    padding: 3px 8px 4px;
    border: 1px solid #d6d6d6;
    border-radius: 2px 0 0 2px;
    border-right: none;
}

.new-mobile-menu .soc-med-mobile {
    margin: 18px 0 25px -3px;
    font-size: 0;
}

.new-mobile-menu .soc-med-mobile a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    font-size: 0;
    line-height: 0;
    border: none;
    padding: 0;
    margin: 0 2px 0 0;
}

.new-mobile-menu .soc-med-mobile a.linkedin {
    background-image: url(/assets/img/soc-med-mobile-linkedin.svg);
}

.new-mobile-menu .soc-med-mobile a.glassdoor {
    background-image: url(/assets/img/soc-med-mobile-glassdoor.svg);
    background-size: 23px;
    background-position: 8px 6px;
}

.search a.button,
.search button,
.search button:active,
.search button:focus,
.search button:hover {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff url(/assets/img/search.svg) no-repeat center center;
    background-size: 24px;
    text-indent: -10000em;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    filter: none;
    border: 1px solid #d6d6d6;
    border-left: none;
    border-radius: 0 2px 2px 0;
}

/* /new mobile nav */

#UserLoginForm input[type=submit]:active,
#UserLoginForm input[type=submit]:focus,
#UserLoginForm input[type=submit]:hover,
.button:active,
.button:focus,
.button:hover {
    background: #00AA28
}

.button.dark:active,
.button.dark:focus,
.button.dark:hover {
    background: #002828;
}

/*.button.over-white:active,
.button.over-white:focus,
.button.over-white:hover {
    color: #005118
}*/

.button.anim {
    position: relative;
    overflow: hidden;
    transform: perspective(1px) translateZ(0);
    transition: background 0.3s ease-in;
}

.button.anim.over-white {
    color: #282828;
    background: #fff;
}

.button.anim::before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #00871E;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  bottom: -20px;
  left: calc(50% - 10px);
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

    .button.anim.dark::before {
        background: rgba(20,20,20,1);
    }

@media (min-width:1156px) {

    .button.dark.anim:hover {
        background: rgba(20,20,20,1);
    }

    .button.anim:hover {
        background: #00871E;
    }

        .button.anim.over-white:hover,
        .button.anim.over-white:before {
            background: #f9f9f9;
        }

    .button.anim:hover:before {
        transform: scale(10);
    }

}

/*.button.dark.anim::before {
    background: #00aa28;
}*/

/*.groom-room .button.anim::before {
    background: #15749e
}*/

/*.button.anim.over-white::before {
    background: #fff
}*/

/*.button.anim:active::before,
.button.anim:focus::before,
.button.anim:hover::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.button.anim.resetLocationsMap:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}*/

.close-button {
    position: absolute;
    color: #005118;
    cursor: pointer;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1
}

.close-button:focus,
.close-button:hover {
    color: #0a0a0a
}

.menu[role=menubar] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.menu .button,
.menu a {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: .7rem 1rem;
  font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #002828;
  position: relative;
}

/*.menu a.selected,*/
.menu a:hover {
    color: #00aa28;
}

/*.menu a.selected {
    text-decoration: underline
}*/

/*.groom-room .menu a.selected,
.groom-room .menu a:hover {
    color: #000
}*/

.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu,
.menu.horizontal {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row
}

.menu .active>a,
.menu .is-active>a {
    background: #dbde2f;
    color: #fefefe
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu a {
    padding: 18px 11px;
}

.dropdown.menu a.selected {
    position: relative;
}

.dropdown.menu a.selected::after {
    content: "";
    border-bottom: 4px solid #002828;
    display: block;
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
}

.dropdown.menu .submenu a.selected {
    color: #00aa28;
}

.dropdown.menu .submenu a.selected::after {
    display: none;
}

/*.groom-room .dropdown.menu a {
    padding-left: 8px;
    padding-right: 6px
}

.groom-room .dropdown.menu a:focus {
    color: #000
}*/

.dropdown.menu .is-active > a {
    background: transparent;
    color: #00aa28;
}

/*.groom-room .dropdown.menu .is-active>a {
    color: #000
}

.groom-room .dropdown .is-dropdown-submenu a:hover {
    color: #15749e
}*/

.main-nav li.keyboard-only,
.no-js .dropdown.menu ul {
    display: none
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 210px;
    background: #f9f9f9;
    padding: 6px 0 10px
}

.dropdown .is-dropdown-submenu a {
    padding: 6px 15px;
    color: #002828;
}

.dropdown .is-dropdown-submenu a:hover {
    color: #00AA28;
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active,
body.keyboard-control .main-nav li.keyboard-only {
    display: block
}

.main-nav li {
    /*margin: 0*/
    margin: auto;
}

@media screen and (min-width:1156px) {

    .main-nav-wrapper {
        display: block;
        float: left;
        width: 100%;
    }

    .main-nav {
        float: left;
        width: 100%;
        margin: 30px 0 0;
    }

    .main-nav .logo {
        float: left;
        width: 121px;
        height: 49px;
        opacity: 1;
        margin: -7px 0 38px;
    }

        body.groom-room .main-nav .logo {
            transform: translateY(-12px);
        }

    .main-nav .logo a {
        display: block
    }

    .top-links {
        margin: 0;
        list-style: none;
        padding: 15px 0;
        float: left;
        width: 388px
    }

    .top-links a {
        color: #00aa28;
        font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 600;
        line-height: 1;
        padding: 0 48px 0 0;
    }

    .top-links a:hover {
        color: #002828;
    }

    .search-wrapper {
        float: right;
        width: 478px
    }

    .search input,
    .top-links a,
    a.login {
        float: left;
        font-size: 16px;
        font-weight: 600;
    }

    /*a.login {
        line-height: 1;
        color: #fff;
        transition: color .2s ease-in-out;
        background: url(/assets/img/login.png) 0 3px no-repeat;
        background-size: 17px;
        padding: 5px 23px 5px 28px
    }

    a.login:hover {
        color: #fff;
        text-decoration: underline
    }*/

    .search {
        position: relative;
        float: left;
        margin: 5px 4px;
    }

    .search input {
        width: 300px;
        height: 40px;
        background: #fff;
        box-shadow: none;
        font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        margin: 0;
        padding: 3px 8px 4px;
        border: 1px solid #d6d6d6;
        border-radius: 0;
    }

    .search a.button,
    .search button,
    .search button:active,
    .search button:focus,
    .search button:hover {
        float: left;
        background: url(/assets/img/search.svg) no-repeat center center;
        background-size: 28px;
        text-indent: -10000em;
        width: 40px;
        height: 40px;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 4px;
    }

    .soc-med {
        list-style: none;
        float: right;
        margin: 13px 0
    }

    .soc-med li {
        width: 25px;
        height: 24px;
        float: left;
        text-indent: -10000em
    }

    .soc-med a {
        width: 24px;
        height: 24px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 24px
    }

    .soc-med a.facebook {
        background-image: url(/assets/img/soc-med-facebook.png)
    }

    .soc-med a.twitter {
        background-image: url(/assets/img/soc-med-twitter.png)
    }

    .soc-med a.instagram {
        background-image: url(/assets/img/soc-med-instagram.png)
    }

    .soc-med a.linkedin {
        background-image: url(/assets/img/soc-med-linkedin.png)
    }

    .soc-med a.glassdoor {
        background-image: url(/assets/img/soc-med-glassdoor.png)
    }

    .main-nav .dropdown {
        display: flex;
        background: #fff;
        float: left;
        width: 100%;
        padding: 0;
    }

        .main-nav .dropdown::before {
          content: "";
          border-top: 1px solid #d6d6d6;
          position: absolute;
          left: calc(50% - 50vw);
          right: calc(50% - 50vw);
        }

}

@media screen and (min-width: 1525px) {

    .main-nav .logo {
        margin-left: -10px;
    }

}

.accordion {
    opacity: 1;
    margin-left: 0;
    list-style-type: none;
    border-bottom: 1px solid #002828;
}

.accordion li {
    margin: 0
}

.accordion-title {
    position: relative;
    display: block;
    padding: 20px 25px 20px 0;
    border-top: 1px solid #002828;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 23px;
    font-family: "TTCommonsPro-Db", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.accordion-title::before,
.accordion-title::after {
    position: absolute;
    top: 31px;
    right: 0;
    content: "";
    width: 14px;
    height: 2px;
    background-color: #002828;
    transition: all 0.25s ease-in-out;
}

.accordion-title::after {
    transform: rotate(90deg);
}

.accordion-title:hover:before,
.accordion-title:hover:after {
    background-color: #00AA28;
}

.is-active>.accordion-title::before {
    transform: rotate(90deg);
    opacity: 0;
}

.is-active>.accordion-title::after {
    transform: rotate(180deg);
}

:last-child:not(.is-active)>.accordion-title,
:last-child>.accordion-content:last-child {
    border-bottom: none
}

.accordion-content {
    display: none;
    padding: 0 0 30px;
    border: 0;
    border-bottom: 0;
    background-color: transparent;
}

.accordion-content *:last-of-type {
    margin-bottom: 0;
}

/*
.accordion.special
= new style accordions on mobile, boxes on desktop
*/

.accordion.special {
    border: none;
}

.accordion.special .accordion-title {
    border: none;
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    padding: 20px 45px 20px 20px;
}

.accordion.special > li {
    background-color: #F0E6DC;
    margin: 0 0 20px;
    border-radius: 7px;
    padding: 0;
}

.accordion.special .accordion-title::before,
.accordion.special .accordion-title::after {
    top: 32px;
    right: 20px;
}

.accordion.special .accordion-title:hover,
.accordion.special .accordion-title:focus {
    color: #002828;
}

.accordion.special .accordion-content {
    padding: 0 20px 20px;
}

@media screen and (min-width: 1024px) {

    .accordion.special {
        margin: 65px -135px 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .accordion.special > li {
        position: relative;
        flex: 1;
        min-width: calc(33.333% - 40px);
        margin: 0 20px 25px;
        padding: 27px 30px 70px;
    }

    .accordion.special .accordion-title {
        font-size: 32px;
        line-height: 45px;
        padding: 0;
        margin: 0 0 11px;
        cursor: default;
    }

    .accordion.special .accordion-content {
        display: block!important;
        height: auto!important;
        padding: 0!important;
    }

    .accordion.special .accordion-title::before,
    .accordion.special .accordion-title::after {
        display: none;
    }

    .accordion.special .accordion-content p,
    .accordion.special .accordion-content ul,
    .accordion.special .accordion-content ol {
        font-size: 14px;
        line-height: 1.7;
        margin-bottom: 24px;
    }

    .accordion.special .accordion-content {
        display: block !important;
        padding: 0 !important;
        height: 100% !important;
    }

    .accordion.special .accordion-content .button:last-of-type {
      margin-bottom: 0;
      position: absolute;
      bottom: 25px;
    }

}

@media screen and (min-width: 1156px) {

    .accordion.special {
        margin-right: -70px;
        margin-left: -70px;
    }

}

@media screen and (min-width: 1280px) {

    .accordion.special {
        margin-right: -135px;
        margin-left: -135px;
    }

}

/* /.accordion.special */

/* ie11 */
@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {

    .home-slider,
    .internal-slider {
        background: #002828;
    }

    .home-slider picture:after,
    .internal-slider picture:after {
        background: transparent;
    }

    .home-slider .text-box-01 .button,
    .internal-slider .text-box-01 .button {
        width: 200px;
    }

    .sticky-job-search h2 {
        margin-right: 20px;
    }

}

body.is-reveal-open {
    overflow: hidden;
    width: 100% !important
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    width: 100% !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(10, 10, 10, .45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border-radius: 0;
    background-color: #fefefe;
    position: relative;
    top: 100px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto;
    width: auto;
    border: 0;
    padding: 50px 18px;
    background: rgba(255, 255, 255, .95)
}

@media print,
screen and (min-width:40em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:40em) {
    .reveal {
        max-width: 75rem
    }
}

@media screen and (max-width:39.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

@media print,
screen and (min-width:40em) {
    .reveal {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}

@media only screen and (min-width:1024px) {
    .reveal {
        border-radius: 8px;
        padding: 43px
    }
}

.responsive-embed {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden;
    margin: 0
}

.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.row {
    max-width: 1156px;
    margin-right: auto;
    margin-left: auto
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child {
    float: left
}

.column.row.row,
.row.row.columns {
    float: none
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

@media print,
screen and (min-width:40em) {
    .medium-6 {
        width: 50%
    }
}

@media print,
screen and (min-width:64em) {
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-12 {
        width: 100%
    }
}

.fade-in.mui-enter,
.fade-out.mui-leave {
    transition-duration: 500ms;
    transition-timing-function: linear;
    opacity: 0;
    transition-property: opacity
}

.fade-out.mui-leave {
    opacity: 1
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

#map .gm-style>.gmnoprint>.gmnoprint>div button img,
#map .gm-style>.gmnoprint>.gmnoprint>div button+div {
    display: none !important
}



@media screen and (min-width:1024px) {

    main {
        overflow-x: hidden;
    }
}

@media screen and (min-width:768px) {
    .wrapper {
        padding: 65px 0
    }
}

@media only screen and (min-width:1024px) {

    .wrapper {
        padding: 70px 0;
    }

    .cookie-bar {
        text-align: left
    }
    .cookie-bar .large-9 {
        width: 65%
    }
    .cookie-bar .large-3 {
        width: 35%
    }
}

@media only screen and (min-width:1156px) {
    .cookie-bar {
        height: 50px;
        padding: 8px 0 0
    }
    .cookie-bar .row {
        padding: 0 0 0 25px
    }
    .cookie-bar .large-9 {
        width: 75%
    }
    .cookie-bar .large-3 {
        width: 25%
    }
    .cookie-bar p {
        text-align: left;
        margin: 0
    }
    .cookie-bar br {
        display: block
    }

    .cookie-bar a.button {
        float: left;
        min-width: 93px;
        padding: 10px;
        margin: 0 8px
    }

}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    line-height: 0;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1;
    bottom: 34px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
}

    .people-slider .slick-next,
    .people-slider .slick-prev {
        transform: scale(0.75);
    }

.slick-next:after,
.slick-prev:after {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    top: 5px;
    width: 20px;
    height: 20px;
    border: 5px solid #002828;
    border-left: none;
    border-bottom: none;
    opacity: 0.5;
    transition: all 0.25s ease-in-out;
}

    /*.people-slider .slick-next:after,
    .people-slider .slick-prev:after {
        border-color: #002828;
        opacity: 1;
    }*/

@media screen and (min-width: 1024px) {

    .slick-next:after,
    .slick-prev:after {
        border-color: #fff;
    }

    .people-slider .slick-next:after,
    .people-slider .slick-prev:after {
        border-color: #002828;
    }

}

.slick-next:after {
    transform: rotate(45deg);
}

.slick-prev:after {
    transform: rotate(-135deg);
    left: 9px;
}

.slick-prev {
    right: 78px;
}

.slick-next {
    right: 20px;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent
}

@media (min-width: 1024px) {

    .slick-next,
    .slick-prev {
        width: 50px;
        height: 50px;
        bottom: auto;
        top: calc(50% - 25px);
    }

    .slick-next:hover:after,
    .slick-prev:hover:after {
        opacity: 1;
    }

    /*.people-slider .slick-next:hover:after,
    .people-slider .slick-prev:hover:after {
        border-color: #00aa28;
    }*/

    .home-slider .slick-prev {
      left: 25px;
    }

    .home-slider .slick-next {
      left: auto;
      right: 25px;
    }

    .slick-next::after,
    .slick-prev::after {
        width: 30px;
        height: 30px;
        border-width: 7px;
        left: 2px;
        top: 9px;
    }

    .slick-prev::after {
        left: 15px;
    }

}


/*.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 5px 0 20px;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    background: 0 0
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    content: "";
    border: 4px solid #225e36;
    background: #225e36;
    border-radius: 20px;
    transition: all .2s ease-out
}*/

.slick-dots li.slick-active button:before {
    background: #fff
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    background: #fff
}

.slick-slide {
    padding: 0
}

.featured.social-box.news:after,
.slick-initialized .slide {
    display: block
}

.home-slider .slick-slide {
    background: 0 0
}

@media screen and (max-width:1023px) {
    .home-slider.slick-initialized .slide {
        padding-bottom: 0
    }
}

@media screen and (min-width:1024px) {

    .home-slider,
    .internal-slider {
        clear: both;
        margin: 0 auto 80px;
        background-image: none
    }

    .home-slider .slide,
    .internal-slider .slide {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }

    .home-slider .slide img,
    .internal-slider .slide img {
        display: none
    }

    .home-slider .slick-next,
    .home-slider .slick-prev,
    .internal-slider .slick-next,
    .internal-slider .slick-prev {
        transform: translate(0, 0);
    }

    .home-slider .slick-prev,
    .internal-slider .slick-prev {
        left: 12px
    }

    .home-slider .slick-next,
    .internal-slider .slick-next {
        right: 12px
    }

    .home-slider .text-box-01,
    .internal-slider .text-box-01 {
        display: flex;
        width: 47%;
        padding: 0 0 0 7%;
        margin: 0;
        height: 100%;
        top: 0;
        position: absolute;
        left: 53%;
    }

    .home-slider .text-box-02,
    .internal-slider .text-box-02 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 610px;
        padding: 0 70px 0 0;
    }

    .home-slider h1,
    .internal-slider h1,
    .home-slider p,
    .internal-slider p {
        color: #fff;
        font-size: 36px;
        line-height: 46px;
        margin: 15px 0;
    }

}

@media screen and (min-width: 1156px) {

    .home-slider p,
    .internal-slider p {
        font-size: 60px;
        line-height: 1.2;
        margin: 17px 0;
    }

    .home-slider .text-box-01 .button,
    .internal-slider .text-box-01 .button {
        margin: 17px 0 0;
    }

}

/*@media screen and (min-width:1171px) {

    .home-slider .slick-prev {
        left: calc(50% - 566px)
    }

    .home-slider .slick-next {
        left: calc(50% + 526px);
        right: auto
    }

}*/

/*.internal-slider .slick-slide {
    background: 0 0
}*/

@media screen and (min-width:768px) {
    /*.internal-slider h2 {
        font-size: 30px;
        line-height: 32px;
        margin: 0 0 35px
    }
    .internal-slider h1+h2 {
        margin-top: -12px
    }
    .internal-slider p {
        font-size: 36px
    }
    .internal-slider.deep p {
        font-size: 46px
    }*/
}

@media screen and (min-width:1024px) {

    /*.internal-slider {
        clear: both;
        height: 400px;
        margin: 0 auto 68px;
        background-image: none !important
    }

    .internal-slider.deep,
    .internal-slider.deep .slide {
        height: 616px
    }

    .internal-slider .slide {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .internal-slider .slide img {
        display: none
    }
    .internal-slider .slick-next,
    .internal-slider .slick-prev {
        transform: translate(0, 0)
    }
    .internal-slider .slick-prev {
        left: 12px
    }
    .internal-slider .slick-next {
        right: 12px
    }*/

    /*.internal-slider .text-box-01 {
        display: table;
        width: 44.5%;
        padding: 0 11% 0 0;
        margin: 0;
        height: 100%;
        float: right;
        text-align: left;
        background: right 75px bottom 30px no-repeat;
        background-size: 55.4%
    }*/

    /*.internal-slider .text-box-02 {
        display: table-cell;
        vertical-align: middle;
        padding: 70px 0 0
    }*/

    /*.internal-slider p {
        color: #fff;
        font-size: 30px;
        line-height: 1;
        margin: 0 0 30px;
        padding: 0
    }*/

}

@media screen and (min-width:1171px) {
    /*.internal-slider .slick-prev {
        left: calc(50% - 566px)
    }
    .internal-slider .slick-next {
        left: calc(50% + 526px);
        right: auto
    }*/
}

.slick-slide,
.slick-slide>div,
.slick-slide>div>.slide {
    position: relative;
    font-size: 0;
}

.people-slider-container {
    opacity: 1;
    text-align: center
}

.people-slider,
.people-slider-2 {
    margin: 20px -18px;
    background: 0 0;
    border-radius: 5px;
    padding: 0 0 5px
}

    .people-slider-2 {  
        margin-right: 0;
        margin-left: 0;
    }

.people-filter-box {
    width: 100%;
    margin: 0 0 20px;
}

.people-slider .slide,
.people-slider-2 .slide {
    background-color: #002828;
    padding: 0;
    border-radius: 10px;
                        margin: 0 18px;
                        width: calc(100% - 36px);
                        position: relative;
}

.people-slider .text-box-01,
.people-slider .text-box-02,
.people-slider-2 .text-box-01,
.people-slider-2 .text-box-02,
.people-filter-box .text-box-01,
.people-filter-box .text-box-02 {
    position: relative;
    z-index: 1;
}

.people-slider .text-box-01,
.people-slider-2 .text-box-01,
.people-filter-box .text-box-01 {
    padding: 28px 15px 0 15px;
    max-height: calc(100vw - 200px);
    width: 50%;
}

.people-slider .text-box-02,
.people-slider-2 .text-box-02,
.people-filter-box .text-box-02 {
    padding: 0 0 20px 15px;
}

.people-slider .text-box-02 .button,
.people-slider-2 .text-box-02 .button,
.people-filter-box .text-box-02 .button {
  font-size: 14px;
  padding: 14px 18px;
}

.people-filter-box img,
.people-slider .slide img,
.people-slider-2 .slide img {
    /*border-radius: 5px 5px 0 0;
    margin: -20px -20px 20px;
    width: calc(100% + 40px);
    max-width: inherit;*/
    display: none;
}

.people-filter-box h3,
.people-slider h3,
.people-slider-2 h3 {
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    font-weight: 700;
}

.people-filter-box h4,
.people-slider h4,
.people-slider-2 h4 {
    font-family: "TTCommonsPro-Md", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.people-filter-box h4,
.people-slider h4,
.people-slider-2 h4 {
  color: #fff;
  line-height: 1.2;
  font-size: 13px;
  margin: 0 0 15px;
}

.people-filter-box h3,
.people-slider h3,
.people-slider-2 h3 {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 5px;
}

.people-filter-box p,
.people-slider p,
.people-slider-2 p {
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 21px
}

.people-filter-box .button,
.people-slider .button,
.people-slider-2 .button,
.search-form button,
.search_input input#search_input {
    margin: 0
}

.people-slider.text-only .text-box-01 {
    margin-top: 10px;
    padding: 25px 25px 0;
    max-height: inherit;
    width: 100%;
}

.people-slider.text-only .text-box-02 {
    padding: 0 25px 25px;
}

.people-slider.text-only .text-box-01 p {
    font-size: 20px;
    line-height: 26px;
}

/*#lowerMapJobs .job-box .button,
#lowerMapJobs .job-box h4,
#lowerMapJobs .job-box p,*/
.people-slider-2 h3,
.people-slider.text-only .text-box-02 p {
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif
}

.people-slider.text-only .text-box-02 p {
    margin: 0;
    text-transform: none;
    font-size: 16px;
    line-height: 19px
}

.people-slider.text-only .text-box-02 p.name {
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 6px
}

/*@media screen and (min-width:640px) {
    .people-slider .slide:nth-of-type(2) {
        display: block
    }

    .people-slider,
    .people-slider-2 {
        background: 0 0
    }
    .people-slider-2 {
        max-width: 480px;
        margin: 0 auto
    }
    .people-slider .slick-slide,
    .people-slider-2 .slick-slide {
        background: #57af34;
        border-radius: 5px;
        margin: 0 10px
    }
    .people-slider:not(.slick-initialized) .slide {
        width: calc(50% - 20px);
        float: left;
        margin: 0 10px 20px
    }
    .people-slider-2:not(.slick-initialized) .slide {
        margin: 0 10px 20px
    }

    .people-slider .slide img,
    .people-slider-2 .slide img {
        border-radius: 5px 5px 0 0
    }
    .people-slider .slick-dots li button::before,
    .people-slider-2 .slick-dots li button::before {
        border-color: #00AA28;
        background: #00AA28
    }
    .people-slider .slick-dots li button:hover:before,
    .people-slider .slick-dots li.slick-active button:before,
    .people-slider-2 .slick-dots li button:hover:before,
    .people-slider-2 .slick-dots li.slick-active button:before {
        background: #fff
    }
    .people-filter-box {
        width: calc(50% - 20px);
        margin: 20px 10px
    }
}*/

@media screen and (min-width:1024px) {
    .people-slider-container {
        position: relative;
        max-width: 956px;
        margin: 0 auto
    }

    .people-slider-container h2 {
        text-align: left;
        padding: 0 12px;
        margin: -10px 0 30px;
    }

    .people-slider {
        /*max-width: 990px;*/
        margin: 0 auto
    }

    /*.people-slider-2 {
        max-width: 858px
    }*/

    .people-slider:not(.slick-initialized) .slide {
        margin: 0 14px 5px;
        width: calc(50% - 28px);
        text-align: left
    }

    .people-slider-2:not(.slick-initialized) .slide {
        margin: 0 14px;
        text-align: left
    }

    .people-slider.text-only:not(.slick-initialized) .slide {
        width: 100%;
    }

    .people-slider .slick-slide,
    .people-slider-2 .slick-slide {
        padding: 0;
        text-align: left;
        height: 335px;
        margin: 0 14px;
    }
    .people-slider-2 .slick-slide {
        height: 500px
    }
    .people-filter-box {
        padding: 0;
        text-align: left;
        margin: 0 14px 27px;
        width: calc(50% - 28px)
    }

    .people-filter-box,
    .people-slider .slide,
    .people-slider-2 .slide {
        height: 335px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .people-slider .slide,
    .people-slider-2 .slide {
                                margin: 0;
                                /*width: 100% !important;*/
                                width: 100%;
    }

    .people-slider-2 .slide {
        height: 500px
    }
    .people-filter-box img,
    .people-slider img,
    .people-slider-2 img {
        display: none
    }

    .people-slider-container .button.meet-all {
        position: absolute;
        top: 15px;
        right: 14px;
        margin: 0;
    }

    /*.people-slider .text-box-01,
    .people-slider-2 .text-box-01,
    .people-filter-box .text-box-01 {
        padding: 20px 30px 0 54%;
        height: 240px
    }*/

    .people-slider-2 .text-box-01 {
        padding: 28px 25px 0 25px;
        height: inherit;
    }

    .people-slider-2 .text-box-02 {
        padding: 0 0 28px 25px;
    }

    /*.people-slider .text-box-02,
    .people-slider-2 .text-box-02,
    .people-filter-box .text-box-02 {
        padding: 0 0 28px 54%
    }*/

        .people-slider.text-only .slick-track {
            display: flex;
        }

        .people-slider.text-only .slick-slide > div {
            display: flex;
            height: 100%;
        }

        .people-slider.text-only {
            opacity: 0;
        }

            .people-slider.text-only.slick-initialized {
                opacity: 1;
            }

        .people-slider.text-only .slide,
        .people-slider.text-only .slick-slide {
            height: auto;
        }

        .people-slider.text-only .slick-slide {
            display: flex!important;
            flex-wrap: wrap;
            height: auto;
        }

        .people-slider.text-only .text-box-01 {
            margin: 0;
            padding: 25px;
                height: calc(100% - 75px);
        }

    .people-slider.text-only .text-box-02 {
        padding: 0 25px
    }

        .people-slider.text-only .text-box-02 p.name {
          width: 395px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          height: 29px;
          margin: 0 0 3px;
        }

    .people-slider h3,
    .people-slider-2 h3,
    .people-filter-box h3 {
        font-size: 24px;
        margin: 0 0 8px
    }

        .people-slider-2 h3 {
            font-size: 36px;
            line-height: 1.2;
            margin: 0 0 4px;
        }

    .people-slider h4,
    .people-slider-2 h4,
    .people-filter-box h4 {
        font-size: 16px;
        margin: 0 0 23px
    }

        .people-slider-2 h4 {
            font-size: 26px;
            line-height: 1.2;
            margin: 0 0 36px
        }

    .people-slider p,
    .people-slider-2 p,
    .people-filter-box p {
        font-size: 18px;
        line-height: 22px;
    }

        .people-slider-2 p {
            font-size: 34px;
            line-height: 1.25;
        }

    /*.people-slider-2 .text-box-01 {
        padding: 0 30px 40px 58%;
        height: 460px;
        display: table
    }
    .people-slider-2 .text-box-02 {
        padding: 0;
        display: table-cell;
        vertical-align: middle
    }
    .people-slider-2 h3 {
        font-size: 44px;
        margin: 0 0 8px
    }
    .people-slider-2 h4 {
        font-size: 30px;
        margin: 0 0 23px
    }
    .people-slider-2 p {
        font-size: 30px;
        line-height: 1;
        margin: 0 0 30px
    }*/

    .people-slider .slick-prev,
    .slick-prev {
        left: -35px
    }

    .people-slider .slick-next,
    .slick-next {
        right: -35px
    }

    .people-slider-2 .slick-prev {
        left: -35px
    }

    .people-slider-2 .slick-next {
        right: -35px
    }

}

@media screen and (max-width: 1023px) {

    .people-slider:not(.text-only) .slick-slide,
    .people-slider-2:not(.text-only) .slick-slide {
        height: calc(74vw - 26px);
    } /* added to stop the loading spinner from making the slider grow */

    .people-slider .slide,
    .people-slider-2 .slide {
        width: calc(100% - 36px) !important;
    }

}

@media screen and (min-width: 1156px) {

    .people-slider .slick-prev,
    .slick-prev {
        left: -65px
    }

    .people-slider .slick-next,
    .slick-next {
        right: -65px
    }

    .people-slider-2 .slick-prev {
        left: -65px
    }

    .people-slider-2 .slick-next {
        right: -65px
    }

}

.spotlight-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    opacity: 1;
    text-align: center;
    width: 100%;
    margin: 35px 0 50px;
}

.spotlight-container h2 {
    width: 100%;
    font-size: 27px;
    line-height: 30px;
    margin: 0 0 35px;
}

.spotlight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 177px;
    margin: 0 0 20px;
    padding: 0 10px;
}

    .paw-prints .spotlight {
      height: 233px;
      background: url(/assets/img/spotlight-bkgd-dark-green.svg) no-repeat top center;
    }

.spotlight .button {
    width: auto;
    margin: 0 auto;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spotlight img {
    max-width: 120px;
    margin: 0 auto 18px;
}

    .paw-prints .spotlight img {
        display: none;
    }

.spotlight p {
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    margin: auto;
    padding: 0 21px 18px;
}

    .paw-prints .spotlight p {
        color: #F0E6DC;
        font-weight: 500;
        font-size: 15px;
        line-height: 17px;
        width: 145px;
    }

@media screen and (min-width: 1024px) {
    .spotlight {
        width: 165px;
    }
}

@media screen and (min-width: 1145px) {
    .spotlight {
        width: 186px;
    }

    /*.paw-prints .spotlight p {
        font-size: 18px;
        line-height: 20px;
    }*/

}

.early-careers-container {
    text-align: center;
    padding: 29px 0 25px;
}

.early-careers-container h2 {
    font-size: 27px;
    line-height: 30px;
    margin: 0 0 19px;
}

.early-careers-container p {
    font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 32px;
}

@media screen and (min-width: 1156px) {

    .early-careers-container {
        padding: 0;
        margin: -20px 0;
    }

}

.wide-signpost-container {
    opacity: 1;
    float: left;
    width: 100%;
/*    margin: 0 0 45px;*/
    margin: 0;
/*    padding: 0 20px;*/
    padding: 0;
    color: #fff
}

.wide-signpost {
    background: #419146 url(/assets/img/wide-signpost-image.jpg) bottom -10px right no-repeat;
    background-size: 310px;
    border-radius: 8px;
    padding: 27px 25px 170px
}

.wide-signpost h3 {
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 1rem
}

.wide-signpost p {
    color: #fff;
    font-size: 16px;
    line-height: 21px
}

/*.wide-signpost .button {
    font-size: 16px;
    padding: 11px 6px 9px;
    width: 100%;
    margin: 5px 0
}*/

.wide-signpost.type-2 {
    position: relative;
    overflow: hidden;
    color: #fff;
    background-color: #002828;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    padding-bottom: calc(76.77vw - 25px);
}

.wide-signpost.type-2 h3 {
    font-size: 28px;
    line-height: 35px;
    font-weight: 700;
}

.wide-signpost.type-2 h3 span {
    color: #00AA28;
}

.wide-signpost.type-2 p {
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
}

.wide-signpost.type-2 p a {
    color: #00AA28;
    text-decoration-color: transparent;
}

.wide-signpost.type-2 p a:hover {
    color: #fff;
}

.wide-signpost.type-2 .ellipse-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(76.77vw - 26px);
  border-radius: 0 0 8px 8px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom;
}

.wide-signpost.type-2 .ellipse-container::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    background-image: url(/assets/img/wide-signpost-type-2-ellipse-m.svg);
    background-repeat: no-repeat;
    background-size: 190%;
    background-position: top -45px center;
}

@media screen and (min-width:640px) {
    .wide-signpost.type-2 .ellipse-container {
        height: calc(76.77vw - 20px);
    }
}

@media screen and (min-width:768px) {
    .wide-signpost {
        padding-bottom: 27px;
        background-size: 420px;
        background-position: bottom right
    }
    .wide-signpost .button-container {
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .wide-signpost-container {
/*        margin: 0 0 85px;*/
        margin: 0;
        padding: 0 5px
    }
    .wide-signpost {
        padding: 48px 50px;
        background-size: 61.5%
    }
    .wide-signpost .text-container {
        width: 440px
    }
    .wide-signpost h3 {
        font-size: 33px;
        line-height: 44px;
        margin: 0 0 12px;
    }
    .wide-signpost p {
        font-size: 17px;
        line-height: 22px
    }
    .wide-signpost .button-container {
        font-size: 0;
        line-height: 0;
        width: 450px;
        margin-left: -10px
    }
    /*.wide-signpost .button {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 20px);
        margin: 5px 10px
    }*/

    .wide-signpost.type-2 {
        display: flex;
        min-height: 380px;
        padding: 35px 50px;
    }

    .wide-signpost.type-2 .text-container {
        width: 43%;
        position: relative;
        z-index: 1;
        text-align: center;
        margin: auto 0;
    }

    .wide-signpost.type-2 h3 {
        font-size: 35px;
        line-height: 47px;
        font-weight: 600;
        margin: 0 0 22px;
    }

    .wide-signpost.type-2 .ellipse-container {
        height: auto;
        left: 47%;
        top: -10px;
        bottom: -10px;
        background-size: cover;
        background-position: right center;
    }

    .wide-signpost.type-2 .ellipse-container::after {
        background-image: url(/assets/img/wide-signpost-type-2-ellipse.svg);
        background-size: cover;
        background-position: left top;
    }
}

.filters {
    opacity: 1
}

.filter-button-group {
    margin: 0 auto 25px;
    text-align: center;
}

.filter-button-group .button {
    color: #000;
    font-family: "TTCommonsPro-Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    background: 0 0;
    padding: 0;
    margin: 0 10px;
    border-radius: 0;
    border: 0;
    vertical-align: top;
}

@media (max-width: 1155px) {

    .filter-button-group-container {
        margin: 0 0 0 -18px;
        width: calc(100% + 36px);
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 0;
    }

    .filter-button-group {
        width: max-content;
    }

    .filter-button-group .button:first-of-type {
        margin-left: 21px;
    }

    .filter-button-group .button:last-of-type {
        margin-right: 21px;
    }

}

.timeline .item p span.light-green,
.dark-grey.wrapper .filter-button-group .button,
.green.wrapper .filter-button-group .button {
    color: #fff;
}

.filter-button-group .button.is-checked,
.green.wrapper .filter-button-group .button.is-checked {
    border-bottom: 2px solid;
    font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.dark-grey.wrapper .filter-button-group .button.is-checked {
    color: #fff;
}

.people .filter-button-group {
    margin: 10px 0 20px
}

.grid-sizer {
    display: block;
    width: 50%
}

.job-box-container .filters .jobGrid .job-box,
.jobGrid {
    float: left
}

.jobGrid,
.jobGrid .grid-sizer {
    width: 100%
}

#jobBlockHomeGrid,
#newsSocialBlockGrid,
#socialIndexGrid,
.grid {
    width: calc(100% + 12px);
    margin: 0 -6px;
    transition: all .3s ease-in-out
}

.peopleIndexGrid {
    width: 100%;
    margin: 0
}

.peopleIndexFilters {
    margin-bottom: 50px
}

#newsSocialBlockGrid+div,
#socialIndexGrid+div,
.peopleIndexGrid+div {
    text-align: center;
        /*display: none;*/
}

#newsSocialBlockLoadMore,
#socialLoadMore {
    margin: 0 6px
}

#socialIndexLoadMore,
#peopleIndexLoadMore {
    margin-top: 10px;
}

.job-box-container {
    opacity: 1;
    text-align: center;
/*    padding-top: 22px;*/
}

/*.job-box-container h2.large,
.social-box-container h2.large {
  font-size: 30px;
  line-height: 47px;
  margin: 0 0 15px;
}*/

.job-box-container.more-info {
    margin: 0 -6px
}

.job-box-container .button {
    margin: 13px 3px 3px;
}

.job-box-container .filters {
    padding: 20px 0 25px;
}

.job-box-container .filters .job-box,
.job-box-container .jobBlockFilters .job-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin: 0 0 12px
}

.job-box .aligner {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  position: relative;
}

@media screen and (min-width: 640px) {

    .job-box-container .filters .job-box,
    .job-box-container .jobBlockFilters .job-box {
        width: calc(50% - 12px);
        margin: 0 6px 12px
    }

}

/*@media screen and (min-width: 1024px) {

    .job-box-container .filters .job-box,
    .job-box-container .jobBlockFilters .job-box,
    .job-box .aligner {
        flex-direction: row;
    }

}*/

.job-box-container .filters .jobGrid .job-box:nth-of-type(2n) {
    clear: left
}

.job-box,
.social-box {
    border-radius: 5px;
    background: #F0E6DC;
}

.job-box {
    padding: 24px 20px 10px;
    text-align: left;
}

.beige.wrapper .job-box {
    background: #fff;
}

.more-info .job-box {
    background: #f1f3f4;
    border-radius: 0;
    padding: 21px 20px 13px;
    margin: 0 0 12px;
    justify-content: space-between;
    flex-direction: column;
    display: flex
}

.job-box h4 {
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    margin: 0 0 14px;
    padding: 0 10px 13px;
    border-bottom: 1px solid #B6B1B1;
}

.job-box p {
    font-family: "TTCommonsPro-Bd", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0 10px;
}

.job-box p.location {
    background: url(/assets/img/job-box-location-pin.svg) 10px 4px no-repeat;
    background-size: 18px;
    padding: 4px 0 17px 35px;
}

.job-box .logo-area {
    background: url(/assets/img/logo-at-home.svg) center no-repeat;
    background-size: 60px;
    position: absolute;
    bottom: 0;
    height: 48px;
    width: calc(100% - 163px);
    max-width: 80px;
    right: 10px;
}

.job-box.groom-room .logo-area {
    background-image: url(/assets/img/logo-grooming.svg);
}

.job-box h4,
.job-box h4 a,
.job-box p,
.wrapper .job-box p {
    color: #002828;
}

.video-grid-container .main-video:hover h2,
.video-grid-container .small-video:hover h3 {
    color: #00AA28;
}

/*
#lowerMapJobs .job-box.groom-room h4,
#lowerMapJobs .job-box.groom-room p,
.job-box.groom-room h4,
.job-box.groom-room p {
    font-family: "VAGRoundedNext-Bold", "Pets Headline", Georgia, "Times New Roman", Times, serif
}

#lowerMapJobs .job-box.groom-room .button:hover,
#lowerMapJobs .job-box.groom-room p,
.job-box.groom-room h4 {
    color: #e00087
}
*/

/*.pah-group .job-box h4,
.pah-group .job-box p {
    font-family: myriad-pro, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600
}*/

.job-box .button {
    margin: 15px 0 0 10px;
    padding-left: 11px;
    padding-right: 11px;
    width: 123px;
}

.more-info .job-box h4,
.more-info .job-box h5 {
    font-size: 21px;
    line-height: 1.1;
    margin: 0
}

.more-info .job-box h5 {
    color: #005118;
    margin: 0 0 8px
}

.more-info .job-box p,
.social-box h4 {
    font-size: 13px;
    line-height: 16px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.social-box h4 {
    font-size: 14px;
    line-height: 1.2;
    margin: 0 0 12px;
    padding: 0 20px 0 0;
    color: #225e36;
    font-weight: 400
}

.more-info .job-box .button {
    float: left
}

.social-box-container {
    padding-top: 12px;
}

.social-box-container .grid-sizer {
    display: block !important;
    width: 1%
}

.social-box {
    width: calc(50% - 12px);
    margin: 0 6px 12px;
    padding: 12px
}

.white.wrapper .social-box,
.snow.wrapper .social-box,
.beige.wrapper .social-box,
.light-brown.wrapper .social-box {
    background: #ececec
}

.social-box p,
.social-box ul {
    font-size: 13px;
    line-height: 17px
}

.social-box p {
    margin: 0;
    padding: 0 14px 0 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.social-box a {
    font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #00aa28;
    border: 0;
}

.social-box ul {
    margin: 10px 0 0;
    list-style: none;
    font-weight: 700
}

.social-box li,
footer li {
    display: inline-block;
    margin: 0
}

.social-box li:after {
    content: " - ";
    color: #57af34
}

.social-box li:last-of-type:after {
    content: ""
}

.social-box li a {
    transition: color .2s ease-in-out
}

.social-box img {
    border-radius: 5px 5px 0 0;
    margin: -12px -12px 12px;
    width: calc(100% + 24px);
    max-width: inherit
}

.social-box.news img {
    border: 1px solid #ececec
}

.social-box.news h4:before,
.social-box:after {
    content: "";
    width: 25px;
    height: 25px;
    background-color: transparent;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    right: 0;
    border-radius: 0 4px
}

.social-box:after {
    top: 0
}

.social-box.twitter:after {
    background-image: url(/assets/img/social-box-soc-med-twitter.png)
}

.social-box.facebook:after {
    background-image: url(/assets/img/social-box-soc-med-facebook.png)
}

.social-box.instagram:after {
    background-image: url(/assets/img/social-box-soc-med-instagram.png)
}

.social-box.news h4:before {
    background-image: url(/assets/img/social-box-news.png);
    margin-top: -12px
}

.social-box.news:after {
    background-image: url(/assets/img/social-box-news.png);
    display: none
}

.social-box-container .filter-button-group .button {
    margin: 0 8px
}

.social-box.news img+h4:before {
    margin-top: -13px;
    background-color: #56b032;
    border-radius: 0 0 0 4px
}

.featured.social-box {
    opacity: 1;
    position: relative;
    width: calc(100% - 12px);
    margin-bottom: 30px
}

.featured.social-box h3 {
    color: #5f5e5c;
    font-family: "TTCommonsPro-Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 13px
}

/*#lowerMapJobs .job-box .button {
    background: #005118
}*/

@media screen and (min-width:640px) {
    .peopleIndexGrid {
        width: calc(100% + 16px);
        margin: 0 -8px
    }
}

@media screen and (min-width:768px) {
    .featured.social-box {
        float: left;
        padding-bottom: 0
    }
    .featured.social-box img {
        width: 33%;
        border-radius: 5px;
        float: left;
        margin-bottom: 0
    }
    .featured.social-box .text-box-01 {
        float: right;
        width: 66%;
        padding: 10px 20px 10px 0
    }
}

@media screen and (min-width:1024px) {

    .filter-button-group {
        margin: 0 auto 35px
    }

    .filter-button-group .button,
    .social-box-container .filter-button-group .button {
        font-size: 20px;
        line-height: 1;
        padding: 0 0 4px;
        margin: 0 8px;
        border-radius: 0;
        border: 0;
        vertical-align: top
    }

    .people .filter-button-group {
        margin: 46px auto 50px;
    }

    #jobBlockHomeGrid,
    #newsSocialBlockGrid,
    #socialIndexGrid,
    .grid {
        width: 100%;
        margin: 0 0 20px
    }

    .peopleIndexGrid {
        width: calc(100% + 16px);
        margin: 0 -8px
    }

    a#newsSocialBlockLoadMore,
    a#socialLoadMore {
        margin: 20px -6px
    }

    .job-box {
        padding: 24px 30px 15px;
    }

    .job-box h4 {
        font-size: 18px;
        line-height: 26px;
        padding: 0 0 17px;
        margin: 0 0 8px;
    }

    .job-box p {
        font-size: 16px;
        line-height: 20px;
        padding: 0;
    }

    .job-box p.location {
      background-position: -2px 2px;
      background-size: 24px;
      padding: 4px 0 13px 29px;
    }

    .job-box .button {
        margin: 15px 0 0 0;
    }

    .job-box .logo-area {
        right: 0;
    }

    .social-box-container {
        padding: 0 0 50px
    }

    .social-box {
        width: calc(20% - 12px);
        margin: 0 6px 12px;
        padding: 12px
    }

    .social-box-container.big .social-box {
        margin-bottom: 10px
    }

    .featured.social-box {
        width: calc(100% - 12px);
        margin: -65px 6px 60px
    }

    .featured.social-box img {
        width: 40.5%
    }

    .featured.social-box .text-box-01 {
        width: 59.5%;
        height: 153px;
        display: table;
        padding-left: 15px
    }

    .featured.social-box .text-box-02 {
        display: table-cell;
        vertical-align: middle
    }
}

/* news feature and news grid */

@media screen and (min-width: 1024px) {

    .news-container .news-feature-item {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 95px;
    }

    .news-container picture {
        margin: 0;
    }

    .news-container .news-feature-item picture {
        width: 52%;
        height: 100%;
        margin: 3px 0 0;
    }

    .news-container .news-feature-item .text-container {
        width: 48%;
        padding: 0 0 0 8%;
    }

    .news-container .news-feature-item p {
        line-height: 30px;
    }

    /*.news-container p.date {
        font-size: 16px;
        font-family: "TTCommonsPro-Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
        line-height: 1;
    }*/

    .news-container .news-feature-item h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .news-container .news-feature-item .button {
        margin-top: 3px;
    }

    .news-container .news-grid-container {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -14px;
    }

    .news-container .news-grid-item {
        /*display: flex;
        flex-direction: column;
        justify-content: space-between;*/
        width: calc(33.333% - 28px);
        margin: 0 14px 50px;
    }

    .news-container .news-grid-item img {
        margin: 0 0 28px;
        /* for ie11 */ flex-shrink: 0;
    }

    /*.news-container .news-grid-item .text-container {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }*/

    /*.news-container .news-grid-item h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 30px;
    }*/

}

/* /news feature and news grid */

.timeline {
    opacity: 1;
    color: #005118;
    float: left;
    width: 100%;
    text-align: center;
    background: url(/assets/img/timeline-bkgd-line.png) center center repeat-y;
    background-size: 2px;
    padding: 100px 0 0;
    margin: 0 0 50px
}

.timeline:before {
    display: block;
    margin: -100px auto 0;
    content: "";
    background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, .1) 100%);
    width: 8px;
    height: 100px
}

.timeline .col-1,
.timeline .col-2 {
    float: left;
    width: 50%
}

.timeline .year-marker {
    color: #fff;
    font-size: 24px;
    background: url(/assets/img/timeline-year-marker.png) center no-repeat;
    background-size: contain;
    width: 127px;
    height: 115px;
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    padding: 72px 2px 0 0;
    margin: 0 auto 25px
}

.timeline .item,
.timeline .year {
    float: left;
    width: 100%
}

.timeline .item {
    margin: 0 0 52px
}

.timeline .item:last-of-type {
    margin: 0
}

.timeline .col-1 .item {
    background: url(/assets/img/timeline-pointer-line-l.png) right -57px center no-repeat;
    background-size: 78px;
    padding-right: 20px
}

.timeline .col-2 .item {
    background: url(/assets/img/timeline-pointer-line-r.png) left -57px center no-repeat;
    background-size: 78px;
    padding-left: 20px
}

.main-video.two-across span.title,
.timeline .item h3,
.timeline .item p,
.video-grid-container h3 {
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif
}

.timeline .item h3 {
    font-size: 51px;
    line-height: 1;
    color: #00AA28;
    margin: 0
}

.timeline .item p {
    font-size: 18px;
    line-height: 20px;
    color: #005118;
}

.timeline .item img {
    margin: 0 0 25px
}

.timeline-end {
    clear: both;
    margin: 0 auto;
    width: 12px;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .1), #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .1), #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1), #fff 100%)
}

.loading-icon {
    background: #fff url(/assets/img/loading-icon.gif) center center no-repeat;
    background-size: 100px;
    width: 200px;
    height: 100px;
    margin: 0 auto
}

.more-arrow {
    background: #fff;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    float: left
}

.more-arrow a {
    display: block;
    background: #fff url(/assets/img/pets_down.svg) center center no-repeat;
    width: 200px;
    height: 80px;
    text-indent: -10000em;
    margin: 0 auto;
    animation-name: move-more-arrow;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

@media screen and (min-width:768px) {
    .timeline .year-marker {
        font-size: 36px;
        width: 157px;
        height: 145px;
        padding: 87px 2px 0 0
    }
    .timeline .item {
        float: left;
        width: 100%;
        margin: 0 0 52px
    }
    .timeline .col-1 .item {
        background-position: right 25%;
        padding-right: 90px
    }
    .timeline .col-2 .item {
        background-position: left 25%;
        padding-left: 90px
    }
    .timeline .item h3 {
        font-size: 98px;
        margin: 0 0 -5px
    }
    .timeline .item p {
        font-size: 36px;
        line-height: 40px
    }
    .timeline-end {
        height: 100px
    }
}

@media screen and (min-width:640px) {
    .search-for-jobs-wrapper label {
        float: left;
        width: calc(50% - 10px);
        margin: 0 10px 0 0;
        font-size: 16px;
    }

    .search-for-jobs-wrapper label span {
        display: block;
        margin: 0 0 4px;
    }

    .search-for-jobs-wrapper label.location .input {
        display: inline-block;
        vertical-align: middle;
    }

    .search-for-jobs-wrapper label.location .input.text {
        width: calc(98% - 112px);
        margin-right: 5px;
    }

    .search-for-jobs-wrapper label.location .input.select {
        max-width: 114px;
    }

}

@media screen and (min-width:1024px) {

    .search-for-jobs-wrapper {
        padding: 115px 0 34px;
/*        margin: 0 0 27px;*/
    }

    .search-for-jobs-wrapper label {
        width: calc(20% - 10px)
    }

    .search-for-jobs-wrapper .input.text input {
        margin: 0;
        padding: 3px 9px 2px;
    }

    .search-for-jobs-wrapper label.location .input.text input {
        padding-right: 34px;
    }

    .search-for-jobs-wrapper label.location {
        width: calc(30% - 10px)
    }

    .search-for-jobs-wrapper label.location .input.select {
        max-width: 114px;
    }

    .search-for-jobs-wrapper [type=color],
    .search-for-jobs-wrapper [type=date],
    .search-for-jobs-wrapper [type=datetime-local],
    .search-for-jobs-wrapper [type=datetime],
    .search-for-jobs-wrapper [type=email],
    .search-for-jobs-wrapper [type=month],
    .search-for-jobs-wrapper [type=number],
    .search-for-jobs-wrapper [type=password],
    .search-for-jobs-wrapper [type=search],
    .search-for-jobs-wrapper [type=tel],
    .search-for-jobs-wrapper [type=text],
    .search-for-jobs-wrapper [type=time],
    .search-for-jobs-wrapper [type=url],
    .search-for-jobs-wrapper [type=week],
    .search-for-jobs-wrapper select,
    .search-for-jobs-wrapper textarea {
        margin-top: 0;
        margin-bottom: 0;
    }

    .search-for-jobs-wrapper .button {
        float: right;
        margin: 33px 0 0;
        width: 10%;
        height: 40px;
        padding: 12px 24px;
    }

}

@media screen and (min-width:1156px) {

    .search-for-jobs-wrapper {
        padding: 45px 0 37px;
    }

}

.banner {
    opacity: 1;
    border-radius: 5px;
    background: #00AA28;
    text-align: center;
    margin: 0 0 24px
}

.banner img {
    border-radius: 5px 5px 0 0;
    margin: 0 0 10px
}

.banner h2 {
    color: #fff;
    margin: 0 0 5px;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .banner {
        background-image: none !important
    }
}

@media screen and (min-width:768px) {
    .banner {
        height: 203px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat
    }
    .banner img {
        display: none
    }
    .banner .text-box-01 {
        display: table;
        height: 203px;
        width: 50%;
        float: right;
        text-align: left
    }
    .banner .text-box-02 {
        display: table-cell;
        vertical-align: middle
    }
    .banner h2 {
        font-size: 33px;
        line-height: 1;
        margin: 0 0 12px
    }
    .banner .button,
    .banner .button:hover {
        /*background-color: #00AA28;*/
        margin: 0 0 12px;
        width: 100%;
        max-width: 348px
    }
}

.video-grid-container {
    opacity: 1;
    margin: 0 -6px
}

.video-grid-container .columns {
    padding-left: 0;
    padding-right: 0
}

.video-grid-container h2,
.video-grid-container h3 {
    text-align: center;
    transition: color 0.2s ease-in-out;
    margin: 0 0 16px;
}

.video-grid-container h3 {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    margin: 0 0 14px;
}

.main-video {
    opacity: 1
}

.main-video img,
.small-video img {
    border-radius: 8px;
    width: 100%;
    max-width: inherit
}

.main-video,
.small-video {
    float: left;
    width: calc(100% - 12px);
    margin: 0 6px 20px
}

.main-video .img-container,
.small-video .img-container {
    display: block;
    position: relative
}

.main-video .img-container::before,
.small-video .img-container::before {
    content: "";
    position: absolute;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.74) 100%);
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.main-video .img-container::after,
.small-video .img-container::after {
    display: block;
    position: absolute;
    bottom: 8px;
    left: 9px;
    margin: 0;
    content: "";
    background: url(/assets/img/pets_play.svg) center center no-repeat;
    background-size: contain;
    width: 56px;
    height: 56px;
}

.small-video .img-container::after {
    bottom: 4px;
    left: 2px;
    width: 30px;
    height: 25px;
}

.main-video.in-text-block,
.main-video.two-across {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.new-panel {
    opacity: 1
}

.new-panel-image {
    width: 100%;
    margin: 0 0 24px
}

#map,
.new-panel-image img {
    border-radius: 8px
}

.new-panel-text {
    width: 100%;
    margin: 0;
    text-align: center
}

.main-video.two-across span.title {
    color: #fff;
    display: block;
    margin: 18px 0 0;
    font-weight: bold;
}

@media screen and (min-width:640px) {
    .main-video.in-text-block {
        width: calc(50% - 14px);
        margin: 3px 28px 0 0;
    }
    .main-video.two-across {
        width: calc(50% - 14px);
        margin: 5px 14px 20px 0
    }
    .main-video.two-across:nth-of-type(2) {
        margin-right: 0;
        margin-left: 14px
    }
    .new-panel {
        display: flex
    }
    .new-panel-image,
    .new-panel-text {
        width: calc(50% - 14px);
        margin: 0 14px 0 0
    }
    .new-panel-text {
        margin: 0 0 0 14px;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .in-content-image-container {
        width: calc(100% + 12px);
    }
}

@media screen and (min-width:1024px) {
    .video-grid-container {
        position: relative;
        max-width: 940px;
        margin: 6px auto
    }

    .video-grid-container h2 {
        font-size: 30px;
        line-height: 47px;
        margin: 0 0 6px;
    }

    .video-grid-container h3 {
        font-size: 15px;
        margin: 0 0 14px
    }
    .main-video {
        width: calc(100% - 20px);
        margin-bottom: 0
    }

    .small-video-container {
        float: left;
        width: 100%;
        padding: 24px 0 0
    }

    .small-video {
        float: right;
        width: calc(100% - 62px);
        margin: 0 6px 32px
    }

    .main-video img,
    .small-video img {
        border-radius: 8px
    }
    .new-panel-image {
        margin: 15px 14px 15px 0
    }
    .new-panel-text p {
        max-width: 380px
    }
}

.small-video-container {
    text-align: center;
}

.small-video-container .columns {
    float: none;
    display: inline-block;
    width: 49.2%;
}

@media screen and (min-width: 1024px) {

    .small-video-container .columns {
      float: left;
      display: block;
      width: 50%;
    }

}

.grid-logos-container {
    opacity: 1;
    font-size: 0;
    line-height: 0;
    text-align: center;
    color: #005118;
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    margin: 0 auto;
    max-width: 768px
}

.grid-logo {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 19px;
    width: 161px
}

.grid-logo img {
    display: block;
    width: 100%;
    max-width: 132px;
    border-radius: 8px;
    margin: 0 auto 20px;
    background: #fff;
    padding: 5px;
}

.grid-logo span {
    display: block;
    padding: 0 10px 20px
}

@media screen and (min-width:1200px) {
    .grid-logos-container {
        max-width: inherit
    }
}

@media screen and (min-width:768px) {

    img.full-width-image {
        border-radius: 10px;
        margin: 0 0 2rem
    }

}

.map-container {
    opacity: 1;
    margin: 0 6px 50px;
    position: relative;
    text-align: center;
    overflow: hidden
}

#map {
    height: 300px
}

div#locationMapPanel {
    z-index: 1;
    width: 320px;
    position: absolute;
    right: -340px;
    top: 0;
    bottom: 0;
    background-color: #ebebeb;
    text-align: left;
    padding: 30px
}

.search_input label,
img.mapPanelImage {
    display: none
}

div#locationMapPanel h5 {
    font-size: 21px;
    line-height: 26px;
    margin: 0
}

div#locationMapPanel p {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 1.2rem
}

.resetMapButtonContainer a.button,
a.closeMapPanel {
    margin: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 0;
}

a.closeMapPanel {
    color: #005118;
    top: 5px;
    right: 0;
    bottom: auto;
    left: auto;
    width: 30px;
    height: 30px;
    font-size: 0;
    line-height: 1;
    text-align: left
}

.viewFeaturedJobs.button {
    /*background: #00AA28;
    color: #fff;*/
    margin: 10px 0 0
}

.viewFeaturedJobs.button.anim:active,
.viewFeaturedJobs.button.anim:focus,
.viewFeaturedJobs.button.anim:hover {
    /*background: #00AA28;
    color: #fff*/
}

/*.viewFeaturedJobs.button.anim::before {
    background: #005118
}*/

a.closeMapPanel:before {
    font-size: 32px;
    content: "×";
    transition: color .2s ease-in-out
}

a.closeMapPanel:hover:before {
    color: #0a0a0a
}

.mapSliderGRLogo,
.mapSliderPAHLogo {
    margin: 17px 10px 15px
}

.mapSliderPAHLogo {
    width: 25%
}

.mapSliderGRLogo {
    width: 32%
}

.mapPanelWebTelephone a {
    border: 0
}

@media only screen and (max-width:340px) {
    #map .gm-style>.gmnoprint>.gmnoprint {
        display: none
    }
}

#map .gm-style>.gmnoprint>.gmnoprint {
    width: 34px !important;
    height: 68px !important;
    background: 0 0;
    margin: -13px 0 0 !important
}

#map .gm-style>.gmnoprint>.gmnoprint>div {
    background: 0 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: inherit !important;
    height: inherit !important
}

#map .gm-style>.gmnoprint>.gmnoprint div button[title="Zoom in"],
#map .gm-style>.gmnoprint>.gmnoprint div button[title="Zoom out"] {
    width: 34px !important;
    height: 34px !important;
    background-repeat: no-repeat !important;
    background-size: 34px !important;
    background-position: center !important;
    background-image: url(/assets/img/map-zoom-plus.png) !important;
    border-radius: 3px !important
}

#map .gm-style>.gmnoprint>.gmnoprint div button[title="Zoom out"] {
    background-image: url(/assets/img/map-zoom-minus.png) !important;
    margin: 6px 0 0 !important
}

@media only screen and (max-width:340px) {
    div#locationMapPanel {
        width: 100%;
        text-align: center
    }
}

@media only screen and (min-width:341px) {
    .mapSliderGRLogo,
    .mapSliderPAHLogo {
        margin: 17px 20px 15px 0
    }
    .mapSliderPAHLogo {
        width: 65px
    }
    .mapSliderGRLogo {
        width: 84px
    }
}

@media only screen and (max-width:640px) {
    div#locationMapPanel h5 {
        font-size: 16px;
        line-height: 21px;
        margin: 0 0 3px
    }
    div#locationMapPanel p {
        font-size: 14px;
        line-height: 19px;
        margin: 0 0 10px
    }
    img.mapPanelImage {
        margin: 0 0 18px
    }
}

@media only screen and (min-width:641px) {
    #map {
        height: 500px
    }
}

@media only screen and (min-width:1024px) {

    .map-container {
        margin: 10px auto 50px;
        max-width: 1000px;
    }

    #map {
        border-radius: 10px
    }

    /*.resetMapButtonContainer a.button {
        top: 40px;
        left: 55px
    }*/

    #map .gm-style>.gmnoprint>.gmnoprint {
        margin: -23px 0 0 45px !important
    }

    .mapSliderGRLogo,
    .mapSliderPAHLogo {
        margin: 65px 20px 30px 0
    }

    .mapSliderPAHLogo {
        width: 76px
    }

    .mapSliderGRLogo {
        width: 99px
    }

}

.search-form,
.search-page .sticky-job-search-container,
.searchResults {
    display: table;
    opacity: 1;
    clear: both;
    width: 100%;
/*    max-width: 1032px;*/
    margin: 0 auto;
    padding: 0 18px;
}


/*.searchResults {
    min-height: calc(100vh - 475px);
}*/

#UserLoginForm,
.search_input {
    background: #F0E6DC;
    border-radius: 5px
}

.form-row {
    position: relative;
}

.form-row.input input {
    width: 100%;
}

.search_input {
    margin: 25px 0 15px;
    float: left;
    width: 100%;
    padding: 20px;
    position: relative
}

.search_input h2 {
    margin: 0 0 15px;
    color: #002828;
    font-size: 20px;
    line-height: 1;
}

.submitButtonContainer {
    position: absolute;
    top: 5px;
    right: 5px;
}

@media (min-width: 1156px) {

    /*.searchResults {
        min-height: calc(100vh - 405px);
    }*/

    .search-page .sticky-job-search {
        border-radius: 8px;
        margin-bottom: 25px;
        padding: 25px 0;
    }

    .search-page .sticky-job-search form {
        text-align: left;
    }

    .search-page .sticky-job-search h2 {
        display: block;
        margin: 0 0 35px 0;
        font-size: 20px;
        line-height: 1;
        color: #fff;
        font-weight: 700;
    }

    /*.search-page .sticky-job-search label span {
        display: block;
        float: none;
        margin: 0 0 12px;
    }

    .search-page .sticky-job-search label {
        margin: 0 10px 5px 0;
    }

    .search-page .sticky-job-search .input {
        margin: 0;
        max-width: inherit;
        width: 260px;
    }

    .search-page .sticky-job-search .input.text {
        margin-right: 5px;
    }

    .search-page .sticky-job-search input.button {
        margin-top: 33px;
    }*/

}

#sitemapContainer ul ul ul {
    margin: 0
}

.searchResults h2 {
    font-weight: 500;
}

.searchResults p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 20px
}

.searchResults .counter,
a.searchView,
ul.page-numbers li:before {
    display: none
}

.searchResults ol {
    list-style: none;
    margin: 0;
    font-size: 16px;
    line-height: 23px;
}

.searchResults ol li {
    margin: 15px 0 25px;
    float: left;
    width: 100%
}

.searchHighlight {
    font-weight: 700;
    background-color: #f0fff0;
}

ul.page-numbers {
    float: none;
    text-align: center;
    color: #fff;
    margin: 35px auto;
    padding: 0 11px;
    list-style: none;
    font-size: 1px;
    line-height: 1px;
    font-weight: 600;
}

ul.page-numbers li,
ul.page-numbers span {
    display: inline-block;
    vertical-align: bottom;
    font-family: 'TTCommonsPro-Db', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    min-width: 37px;
    height: 37px;
    font-size: 14px;
    line-height: 1;
    background-color: transparent;
    border-radius: 5px;
    text-align: center;
}

ul.page-numbers li {
    margin: 5px;
}

ul.page-numbers span {
    padding: 11px 0;
}

ul.page-numbers span.disabled {
    background-color: #002828;
    color: #fff;
    margin: -11px 0 0;
    opacity: 0.25;
}

ul.page-numbers li.current,
ul.page-numbers span.current {
    background-color: #00AA28;
    cursor: pointer;
}

ul.page-numbers li.end a {
    background-color: #00AA28;
}

ul.page-numbers a,
ul.page-numbers span.current,
ul.page-numbers span.disabled {
    display: inline-block;
    text-decoration: none;
}

ul.page-numbers a {
    border-radius: 5px;
    background-color: #002828;
    color: #fff;
    transition: all .2s ease-in-out;
    display: block;
    min-width: 37px;
    height: 37px;
    margin: -11px 0;
    padding: 11px;
}

ul.page-numbers a:hover {
    border-radius: 5px;
    background: #00AA28;
    color: #fff
}

ul.page-numbers li.first span span.disabled,
ul.page-numbers li.first span a {
    min-width: 50px;
    background: #f0fff0 url(/assets/img/arrow.svg) center no-repeat;
    font-size: 0;
    opacity: 1;
}

.submitButtonContainer button,
.submitButtonContainer button:active,
.submitButtonContainer button:hover,
.submitButtonContainer button:focus {
    display: block;
    background: url(/assets/img/search.svg) center no-repeat;
    background-size: 28px;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    width: 28px;
    height: 30px;
}

@media only screen and (min-width:768px) {

    .search_input {
      margin: 25px 0;
    }

}

@media (min-width: 1156px) {

    /*.form-row.input input {
        width: calc(100% - 141px);
    }*/

    /*.submitButtonContainer {
      top: 0;
      right: 0;
    }*/

    /*.submitButtonContainer button,
    .submitButtonContainer button:active,
    .submitButtonContainer button:hover,
    .submitButtonContainer button:focus {
        width: 126px;
        height: 40px;
        padding: 3px 20px;
        font-size: 16px;
        line-height: 1;
        background: #00AA28;
    }*/

    /*.submitButtonContainer button:hover {
        background: #00871E;
    }*/

}

#UserLoginForm {
    opacity: 1;
    padding: 17px 20px 20px;
    margin: 0 0 15px
}

abbr[title],
acronym[title] {
    color: #005118;
    border-bottom: none;
    text-decoration: none
}

#UserLoginForm input[type=password],
#UserLoginForm input[type=text] {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem
}

#UserLoginForm,
.message,
footer {
    float: left;
    width: 100%
}

.message {
    margin: 0 0 20px;
    background-color: #ffdbdb;
    border-radius: 3px;
    padding: 16px 20px 13px;
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    font-weight: 400;
    line-height: 1.2;
    font-size: .875rem
}

footer {
    display: block;
    text-align: center;
    padding: 35px 15px 120px;
    color: #000;
}

footer ul {
    font-family: "TTCommonsPro-Db", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    list-style: none;
    margin: 0 0 42px;
}

footer li:after {
    content: " | ";
    padding: 0 4px
}

footer li:last-of-type:after {
    content: ""
}

footer a {
    color: #000;
    transition: color .2s ease-in-out
}

footer a:hover,
footer ul.large a:hover {
    color: #00AA28
}

#sitemapContainer ul li,
footer ul.large {
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif
}

#sitemapContainer ul li {
    color: #005118;
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 21px
}

footer ul.large {
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 25px
}

footer ul.large li,
footer ul.logos li a {
    display: block
}

footer ul.large li:after {
    content: ""
}

footer ul.large a {
    color: #225e36
}

footer ul.logos {
    margin: 0
}

footer ul.logos li {
    position: relative;
    margin: 0 12px
}

footer ul.logos li.v4p::before {
    content: "";
    border-left: 2px solid #000;
    position: absolute;
    height: 15px;
    left: -13px;
    top: 5px;
}

footer img {
    width: 59px;
    height: 36px;
    transform: translateY(-1px);
}

footer img.v4pFooterLogo {
    width: 131px;
    height: 22px;
    transform: translateY(0px);
}


footer ul.logos li:after {
    display: none
}

@media screen and (min-width: 1024px) {

    footer {
        /*padding: 58px 20px 120px 20px; for bottom-aligned job bar */
        padding: 58px 20px 58px 20px;
    }

    footer ul.logos li {
        margin: 0 15px;
    }

    footer ul.large {
        font-size: 22px;
        line-height: 1;
    }
}

#sitemapContainer ul {
    opacity: 1;
    list-style: none;
    margin: 24px 0 0
}

#sitemapContainer ul li a:hover,
#sitemapContainer ul ul li ul li a {
    color: #42a536
}

#sitemapContainer ul ul li ul li {
    margin: 0;
    font-family: "TTCommonsPro-Rg", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 1024px) {

    .new-form.form-container p {
        font-size: 19px;
        line-height: 1.4
    }

    .form-container {
        padding: 25px 14px 35px;
    }

    .form-container .button-wrapper .button {
        width: max-content;
        float: right;
    }

}

.form-container .button.upload span {
    text-align: left;
    display: block;
    margin: 0 0 10px
}

.image-spotlight-container {
    opacity: 1;
    margin: 0 -6px
}

.image-spotlight {
    position: relative;
    margin: 0 0 18px;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    overflow: hidden;
}

.image-spotlight .button-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 55%
}

.image-spotlight .button-container-2 {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: left;
}

/*.image-spotlight.left-aligned-text .button-container {
    left: 55%
}

.image-spotlight.left-aligned-text .button-container-2 {
    text-align: left;
}*/

@media screen and (min-width:640px) {
    .image-spotlight-container {
        float: left;
        width: calc(100% + 12px)
    }
    .image-spotlight {
        width: calc(50% - 6px);
        float: left
    }
    .image-spotlight:nth-of-type(2) {
        float: right
    }
}

@media screen and (min-width:1024px) {

    .image-spotlight-container {
      padding: 0 18px 18px;
      max-width: 1032px;
      margin: 0 auto;
      float: none;
      display: table;
    }

    .image-spotlight {
        width: calc(50% - 14px)
    }

    .image-spotlight .button {
        margin-bottom: 28px;
        min-width: 120px
    }

}

.button.back {
    position: relative;
    padding-left: 44px;
}

.button.back::after {
    content: "";
    background: url(/assets/img/back.svg) 0 0 no-repeat;
    background-size: contain;
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    left: 18px;
    top: calc(50% - 4px);
}



div.slideInternalPeople picture,
div.slideInternalPeopleSingle picture/*,
div.people-filter-box picture*/ {
    display: none;
}


div.slideInternalPeople,
div.slideInternalPeopleSingle,
div.people-filter-box {
    height: calc(74vw - 26px);
}

@media screen and (max-width: 1023px) {

    div.slideInternalPeopleSingle {
        margin-right: -18px;
        margin-left: -18px;
    }

}

div.slideInternalPeople,
div.slideInternalPeopleSingle,
div.people-filter-box {
    background-color: #002828;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: calc(50vw - 18px) center;
    border-radius: 10px;
    padding: 0;
    text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}

    /* experimental alignment fix */
    div.people-filter-box picture {
        display: none;
    }

/*div.slideInternalPeople::after,
div.slideInternalPeopleSingle::after,
div.people-filter-box::after {
    content: "";
    background: url(/assets/img/ellipse-03.svg) right -10px center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}*/

@media screen and (min-width: 1024px) {
    div.slideInternalPeople {
        height: 335px;
        background-position: 225px center;
    }

    div.people-filter-box {
        height: 335px;
        background-position: 190px center;
    }

    div.slideInternalPeopleSingle {
        height: 500px;
        text-align: left;
        padding: 0;
        background-position: 498px center;
    }
}

@media screen and (min-width: 1156px) {

    div.slideInternalPeople,
    div.people-filter-box {
        background-position: 225px center;
    }

}

/*div.slideInternalPeopleSingle {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px 20px 20px;
    border-radius: 7px;
}*/

/*@media screen and (min-width: 1024px) {
    .slideInternal {
        background-position: center;
    }
}*/

@media screen and (max-width: 439px) {

    .people-filter-box h4,
    .people-slider h4,
    .people-slider-2 h4 {
        margin-bottom: 7px;
    }

    .people-filter-box p,
    .people-slider p,
    .people-slider-2 p {
        font-size: 13px;
    }

    /*div.slideInternalPeople,
    div.slideInternalPeopleSingle {
        background-size: calc(100vw - 25px);
        background-position: left top;
        height: inherit;
    }

    .people-slider .text-box-01,
    .people-slider-2 .text-box-01 {
        background: #00aa28;
        padding: 20px 20px 0;
        max-height: inherit;
        margin-top: calc(74vw - 26px);
    }

    .people-slider .text-box-02,
    .people-slider-2 .text-box-02 {
        padding: 0 20px 20px;
        background: #00aa28;
        border-radius: 0 0 10px 10px;
    }

    .people-slider .text-box-02 .button,
    .people-slider-2 .text-box-02 .button {
        max-width: inherit;
        color: #fff;
        background: #002828;
    }

    div.slideInternalPeople::after,
    div.slideInternalPeopleSingle::after {
        height: calc(74vw - 26px);
        border-radius: 10px 10px 0 0;
    }



    div.people-filter-box {
        justify-content: flex-start;
        background-size: 385px;
        background-position: left top;
        height: 495px;
    }

    .people-filter-box .text-box-01 {
        background: #00aa28;
        padding: 20px 20px 0;
        max-height: inherit;
        margin-top: 275px;
    }

    .people-filter-box .text-box-02 {
        padding: 0 20px 20px;
        background: #00aa28;
        border-radius: 0 0 10px 10px;
    }

    .people-filter-box .text-box-02 .button {
        max-width: inherit;
    }

    div.people-filter-box::after {
        height: 275px;
        border-radius: 10px 10px 0 0;
    }*/

}

.reward-calculator-wrapper {
    background: #eee6dd;
}

.reward-calculator {
  padding: 18px;
}

.reward-calculator h1,
.reward-calculator h2,
.reward-calculator h3,
.reward-calculator p {
    color: #002828;
}

.reward-calculator .col-1 {
    background: #002828;
    border-radius: 5px;
    margin-top: 13px;
    padding: 25px;
}

.reward-calculator .col-1 h2 {
  color: #fff;
  font-size: 20px;
  line-height: 22px;
  margin: 0 0 26px;
}

.reward-calculator p,
.reward-calculator .col-1 label {
    font-family: "TTCommonsPro-Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.reward-calculator .col-1 p {
    color: #fff;
    margin: 0 0 24px;
}

.reward-calculator .col-1 label {
    color: #fff;
    margin: 0;
}

/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}*/

.reward-calculator .button {
    margin: 25px 0 0;
    width: 100%;
}

.reward-calculator .col {
    margin-bottom: 25px;
}

.reward-calculator .col-1 label input[type="text"] {
    position: relative;
    font-size: 30px;
    font-family: "TTCommonsPro-Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #002828;
    margin: 12px 0 0;
    padding: 3px 80px 6px 35px;
    height: 49px;
    /*-moz-appearance: textfield;*/
}

.reward-calculator .col-1 label span {
    display: block;
    position: relative;
    z-index: 0;
}

.reward-calculator .col-1 label span::before {
  content: "£ ";
  position: absolute;
  color: #002828;
  left: 0;
  top: 0;
  z-index: 1;
  font-family: "TTCommonsPro-Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
  padding: 8px 0 0 10px;
  line-height: 1;
}

.reward-calculator .col-1 label span::after {
  content: "per year";
  position: absolute;
  color: #002828;
  right: 0;
  top: 0;
  z-index: 1;
  font-size: 14px;
  padding: 16px 15px 0 0;
  line-height: 1;
}

.reward-calculator .col-2 {
    display: flex;
    width: calc(100vw - 36px);
    height: calc(100vw - 36px);
    max-height: 354px;
}

.reward-calculator .col-2 .pie-chart {
    position: relative;
    width: calc(100vw - 36px);
    height: calc(100vw - 36px);
    max-width: 330px;
    max-height: 330px;
    margin: auto;
    border-radius: 100%;
    background: conic-gradient(#74b9bc 100%, #eabc59 0%, #eabc59 0%, #dc7545 0%);
}

.reward-calculator .col-2 .pie-chart {
	transition: opacity 0.3s ease-in-out;
}

.reward-calculator .col-2 .pie-chart.is-updating {
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
}

.reward-calculator .col-2 .pie-chart::after {
    content: "";
    width: 176px;
    height: 176px;
    background: #eee6dd;
    display: block;
    border-radius: 100%;
    left: calc(50% - 88px);
    top: calc(50% - 88px);
    position: absolute;
}

.reward-calculator .col-2 .pie-chart .divider {
    display: block;
    position: absolute;
    height: 50%;
    bottom: 50%;
    transform-origin: 0 100%;
    left: 50%;
	border-left: 4px solid #eee6dd;
    /*transition: transform 0s ease-in-out;*/
}

/*.reward-calculator .col-2 .pie-chart .divider:nth-of-type(1) {
    transform: rotate(0.3333turn);
}

.reward-calculator .col-2 .pie-chart .divider:nth-of-type(2) {
    transform: rotate(0.6666turn);
}

.reward-calculator .col-2 .pie-chart .divider:nth-of-type(3) {
    transform: rotate(1turn);
}*/


.reward-calculator .col-3 .info-type {
    color: #002828;
    font-family: "Pets Headline", Georgia, "Times New Roman", Times, serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
}

.reward-calculator .col-3 .info-type .highlight {
    position: relative;
    display: block;
    background: #74b9bc;
    border-radius: 5px;
    font-family: "TTCommonsPro-Bd", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 1;
    padding: 9px 80px 10px 11px;
    margin: 9px 0 14px;
    overflow: hidden;
}

.reward-calculator .col-3 .info-type .pound {
    margin-right: 8px;
}

.reward-calculator .col-3 .info-type.annual-performance-related .highlight {
    background: #eabc59;
}

.reward-calculator .col-3 .info-type.employer-pension .highlight {
    background: #dc7545;
}

.reward-calculator .col-3 .info-type.total-reward .highlight {
    color: #fff;
    background: #002828;
    margin-bottom: 0;
}

.reward-calculator .small-print p {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 18px;
}

@media screen and (min-width: 1024px) {

    .reward-calculator {
      margin: 57px auto;
      max-width: 1022px;
      padding: 67px 12px 25px;
    }

    .reward-calculator h1,
    .reward-calculator h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 21px;
    }

    .reward-calculator p,
    .reward-calculator .col-1 label {
      font-size: 18px;
      line-height: 24px;
    }

    .info {
        display: flex;
        flex-wrap: wrap;
        padding: 35px 0 48px;
    }

    .info .col {
        margin-bottom: 73px;
    }

    .info .col-1 {
        margin-top: 13px;
        width: 30%;
    }

    .info .col-2 {
        width: 40%;
    }

    .info .col-3 {
        width: 30%;
    }

    .reward-calculator .small-print {
        padding-right: 28px;
    }

}

.nbm {
    margin-bottom: 0!important;
}

img.job-title-logo {
    width: 100%;
    max-width: 158px;
    display: inherit;
    margin: 0 0 15px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    padding: 25px;
    height: 145px;
}

@media screen and (min-width: 768px) {
    img.job-title-logo {
        display: inline;
        float: left;
        margin: 9px 30px 0 0;
    }
}

@media screen and (min-width: 1024px) {
    img.job-title-logo {
        margin: 9px 50px 30px 0;
    }
}

/* ie 11 reward calculator */

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .ie11 .col-2 .pie-chart {
        background: #fff;
    }

}

/* /ie 11 */

div#sitemapContainer {
    opacity: 1;
}

div.threeSignPosts .image-spotlight {
    width: 100%;
    float: none;
}

div.threeSignPosts .image-spotlight .button {
    min-width: 1px;
    margin-bottom: 18px;
    padding: 10px 12px;
    font-size: 14px;
}
/*.preventFOUC {
	display: block;
}*/

/* end of /assets/css/pah.css*/
.hidden {
	visibility: hidden;
}

div.social-box h4, div.social-box h3 {
	 color: #225e36!important;
}
main.minimalFrontend {
	padding-top: 20px;
}
div#pie1Slice1 {
	/*background-color: #eabc59!important;
	border-color: red!important;*/
}
div.slick-slide .slideAjaxLoader {
	background-image: url(/img/ajax-loader-3.svg)!important;
	background-repeat: no-repeat!important;
	background-attachment: fixed!important;
	background-position: center!important;
	background-size: 35px!important;
	min-height: calc(74vw - 26px);
}
div.slick-slide .bannerSlideAjaxLoader {
	background-image: url(/img/ajax-loader-4.svg)!important;
	background-repeat: no-repeat!important;
	background-attachment: fixed!important;
	background-position: center!important;
	background-size: 50px!important;
	height: 500px;
}
@media screen and (min-width:1024px) {
	div.slick-slide .slideAjaxLoader {
		min-height:350px;
	}
	img.homeBannerImage {
		display: none;
	}
}
.displayNone {
	display: none!important;
}
.clear-searchButton {
	color: white;
}

/* end of /css/jb.css*/