@charset "UTF-8";
@import url("//hello.myfonts.net/count/2face5");
body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

img {
  border: 0; }

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

hr {
  box-sizing: content-box;
  height: 0; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* COLORS */
/* GRADIENTS */
/* TYPE SIZE */
/**
 * @license
 * MyFonts Webfont Build ID 3124453, 2015-11-12T10:31:17-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvenirLT-Book by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/45-book/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * Webfont: AvenirLTStd-Heavy by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/85-heavy/
 * Copyright: Copyright © 1989, 1995, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 1995, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * Webfont: AvenirLTStd-Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/65-medium/
 * Copyright: Copyright © 1981 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. Copyright © 1989 - 2002 Adobe Systems Incorporated.  All Rights Reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3124453
 * Licensed pageviews: 250,000
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'AvenirLT-Book';
  src: url("../fonts/2FACE5_0_0.eot");
  src: url("../fonts/2FACE5_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2FACE5_0_0.woff2") format("woff2"), url("../fonts/2FACE5_0_0.woff") format("woff"), url("../fonts/2FACE5_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'AvenirLTStd-Heavy';
  src: url("../fonts/2FACE5_1_0.eot");
  src: url("../fonts/2FACE5_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2FACE5_1_0.woff2") format("woff2"), url("../fonts/2FACE5_1_0.woff") format("woff"), url("../fonts/2FACE5_1_0.ttf") format("truetype"); }

@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url("../fonts/2FACE5_2_0.eot");
  src: url("../fonts/2FACE5_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2FACE5_2_0.woff2") format("woff2"), url("../fonts/2FACE5_2_0.woff") format("woff"), url("../fonts/2FACE5_2_0.ttf") format("truetype"); }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

*, *:before, *:after {
  box-sizing: border-box; }

html {
  font-family: "AvenirLT-Book";
  font-size: 10px; }

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  color: #404040; }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

i {
  color: #404040;
  font-style: normal; }

h1, h2, h3, h4, h5, h6, strong {
  font-style: normal;
  font-weight: normal; }

p {
  font-family: "AvenirLT-Book";
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px; }

strong {
  font-family: "AvenirLTStd-Medium"; }

em {
  font-style: italic; }

.group:after {
  content: "";
  display: table;
  clear: both; }

.active {
  display: block;
  opacity: 100; }

.hidden {
  display: none;
  opacity: 0; }

.center {
  margin: 0 auto; }

.right {
  float: right; }

.left {
  float: left; }

.tb {
  width: 100%;
  display: table; }

.tc {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

#fixed {
  max-width: 1230px;
  margin: 0 auto; }

.cta {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "AvenirLT-Book";
  padding: 17px 40px 14px 40px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  text-align: center;
  transition: 0.3s;
  cursor: pointer; }
  .cta.small {
    padding: 16px 30px 14px 30px;
    font-size: 16px;
    font-size: 1.6rem; }
  .cta.white {
    border: 0;
    background: rgba(255, 255, 255, 0.9);
    color: #404040; }
    .cta.white:hover {
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); }
  .cta.yellow {
    border: 0;
    background-color: #f5a021;
    color: white !important;
    font-weight: 500; }
    .cta.yellow:hover {
      background-color: #f2950b;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); }
  .cta.yellow.outline {
    box-shadow: inset 0 0 0 1px #f5a021;
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 500; }
  .cta.black.outline {
    border: 1px solid rgba(0, 0, 0, 0.3);
    color: #404040; }
    .cta.black.outline:hover {
      background-color: white;
      border: 1px solid rgba(0, 0, 0, 0.2);
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); }
  .cta.white.outline {
    background: rgba(0, 0, 0, 0.3);
    color: white;
    font-weight: 500; }
    .cta.white.outline:hover {
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); }
    .cta.white.outline.clear {
      background: transparent; }

.btn {
  position: relative;
  background-color: #f6f6f6;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 44px;
  text-align: center;
  border-radius: 4px;
  transition: all .2s linear;
  height: 44px; }
  .btn.big {
    height: 60px;
    line-height: 60px; }
  .btn.small {
    height: 36px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 38px; }
  .btn.xlarge {
    height: 90px;
    padding: 0 90px;
    border-radius: 45px;
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 90px;
    font-weight: 500; }
  .btn.large {
    height: 46px;
    padding: 0 46px;
    border-radius: 23px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 46px;
    font-weight: 500; }
  .btn.outline {
    background-color: transparent; }
    .btn.outline.white {
      background-color: rgba(0, 0, 0, 0.3);
      border: 1px solid white; }
    .btn.outline.gray {
      background-color: rgba(0, 0, 0, 0);
      border: 1px solid #cecece;
      color: #656d78; }
    .btn.outline.yellow {
      background-color: rgba(0, 0, 0, 0.3);
      border: 1px solid #f5a021; }
    .btn.outline.green {
      background-color: rgba(0, 0, 0, 0.3);
      border: 1px solid #125b4a; }
  .btn.black {
    background-color: #404040;
    color: #ffffff; }
    .btn.black:hover {
      background: #333333; }
  .btn.yellow {
    background-color: #f5a021;
    color: #ffffff; }
    .btn.yellow:hover {
      background: #f2950b; }
  .btn:hover {
    background: #e9e9e9;
    transition: background 0.2s ease-in-out; }
  .btn span {
    display: block;
    float: left;
    padding: 0 30px;
    width: 100%;
    white-space: nowrap; }

/*/////////////////////*/
/*/ Start footer.less /*/
/*/////////////////////*/
.row-contact-footer {
  background-color: #F0F0F0;
  padding: 60px 0; }
  .row-contact-footer .col {
    padding: 0 10px; }
  .row-contact-footer .row-contact-header .hline {
    width: 25px;
    height: 1px;
    background-color: #BDC9DA;
    margin: 0 auto; }
  .row-contact-footer .row-contact-header h4 {
    color: #6B7481;
    margin: 15px 0 40px;
    text-align: center; }
  .row-contact-footer input, .row-contact-footer textarea {
    padding-left: 20px;
    background-color: white;
    color: #9198A8;
    border: 1px solid #E2E5EB;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px;
    display: block;
    width: 100%; }
  .row-contact-footer input {
    height: 44px; }
    .row-contact-footer input[type="checkbox"] {
      float: left;
      width: auto;
      margin-right: 10px;
      height: auto; }
  .row-contact-footer textarea {
    height: 165px; }
  .row-contact-footer .input {
    overflow: hidden; }
  .row-contact-footer .checkbox {
    display: block; }
  .row-contact-footer label {
    color: #9198A8;
    font-size: 14px;
    font-size: 1.4rem; }
  .row-contact-footer .row-contact-submit {
    text-align: center; }
  @media screen and (min-width: 1025px) {
    .row-contact-footer .name {
      float: left;
      width: 49%; }
      .row-contact-footer .name:first-child {
        margin-right: 2%; } }
  @media screen and (max-width: 1024px) {
    .row-contact-footer {
      height: auto;
      padding: 0; }
      .row-contact-footer .row-contain {
        padding: 60px 40px; }
      .row-contact-footer .col {
        display: block;
        width: 100%; } }

.row-download-report {
  height: 140px;
  background-color: #f5a021;
  padding-top: 55px; }
  .row-download-report h4 {
    color: white;
    float: right; }
  .row-download-report input {
    width: 250px;
    padding-left: 20px;
    background-color: white;
    color: #9198A8;
    border: 1px solid #E2E5EB;
    font-size: 16px;
    font-size: 1.6rem;
    margin-left: 25px;
    margin-top: -3px; }
  .row-download-report .btn {
    background-color: #DEA449;
    margin-left: 15px;
    margin-top: -10px !important; }
  @media screen and (min-width: 1025px) {
    .row-download-report .col {
      white-space: nowrap; } }
  @media screen and (max-width: 1024px) {
    .row-download-report {
      height: auto;
      padding-top: 0; }
      .row-download-report .row-contain {
        padding: 30px; }
      .row-download-report .col {
        display: block;
        width: 100%;
        padding: 10px 0; }
      .row-download-report h4 {
        font-size: 20px;
        font-size: 2rem;
        float: left; }
      .row-download-report input {
        width: 100%;
        margin-left: 5px; }
      .row-download-report .btn {
        margin: 0;
        margin-top: 15px !important; } }

.row-footer {
  background-color: white;
  position: relative;
  padding: 60px;
  border: none;
  text-align: center; }
  .row-footer .logo {
    height: 45px;
    margin-bottom: 45px; }
    .row-footer .logo img {
      max-height: 100%; }
  .row-footer .col {
    width: 25.4237288136%;
    float: left;
    margin-right: 1.6949152542%; }
    .row-footer .col:last-child {
      width: 49.1525423729%;
      float: right;
      margin-right: 0; }
  .row-footer .copyright {
    margin-left: 5px; }
    .row-footer .copyright span, .row-footer .copyright a {
      font-size: 11px;
      font-size: 1.1rem;
      color: #9198A8; }
    .row-footer .copyright .contact {
      margin: 0 25px; }
    .row-footer .copyright .pipe {
      padding: 0 8px; }
  .row-footer .links {
    float: right;
    clear: both; }
    .row-footer .links.big {
      margin-bottom: 10px; }
      .row-footer .links.big a {
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 30px;
        text-transform: uppercase;
        font-weight: 700;
        color: #9198A8; }
    .row-footer .links.small a {
      font-size: 11px;
      font-size: 1.1rem;
      padding-left: 18px;
      color: #C8CCD3; }
  .row-footer .social-links {
    margin-top: 40px;
    float: right;
    clear: both; }
    .row-footer .social-links span {
      font-size: 12px;
      font-size: 1.2rem;
      padding-left: 55px;
      text-transform: uppercase;
      font-weight: 700;
      color: #9198A8; }
    .row-footer .social-links a {
      padding: 0 10px;
      position: relative;
      top: 10px; }
      .row-footer .social-links a:last-child {
        padding-right: 0; }
  @media screen and (min-width: 1025px) {
    .row-footer .logo img, .row-footer .copyright {
      float: left; } }
  @media screen and (max-width: 1024px) {
    .row-footer .col {
      display: block;
      width: 100%; }
    .row-footer .col {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .row-footer .col:last-child {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; }
    .row-footer .logo {
      margin-bottom: 8px; }
    .row-footer .copyright {
      margin-bottom: 10px; }
      .row-footer .copyright span {
        display: block;
        line-height: 16px; }
      .row-footer .copyright .pipe {
        display: none; }
    .row-footer .links, .row-footer .links.big {
      display: block;
      float: none; }
      .row-footer .links a, .row-footer .links.big a {
        display: block;
        padding-left: 0;
        line-height: 30px; }
    .row-footer .links.small a {
      line-height: 16px;
      padding-left: 0; }
    .row-footer .social-links {
      float: none; }
      .row-footer .social-links span {
        padding-left: 0;
        display: block; } }

/* 0, 640px */
/* 641px, 1024px */
/* 1025px, 1440px */
/* 1441px, 1920px */
/* 1921px, ... */
.container {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px; }
  .container:after {
    content: " ";
    display: block;
    clear: both; }

.line {
  height: 1px;
  width: 66px;
  background-color: #b3b3b3; }

h2 {
  font-size: 9.5vw;
  line-height: 8.5vw;
  font-family: "museo-slab";
  font-weight: 500;
  color: #4d4d4d;
  margin-bottom: 20px; }

@media (max-width: 1089px) and (min-width: 641px) {
  h2 {
    font-size: 4.75vw;
    line-height: 5vw; } }
  @media (min-width: 1090px) {
    h2 {
      font-size: 54px;
      font-size: 5.4rem;
      line-height: 54px;
      line-height: 5.4rem; } }
  .fav-spots h2 {
    font-size: 8.5vw;
    margin: 5% 0 10% 0; }
    @media (min-width: 641px) {
      .fav-spots h2 {
        font-size: 54px;
        font-size: 5.4rem;
        line-height: 54px;
        line-height: 5.4rem;
        margin: 0; } }
  #community-involvement h2 {
    font-size: 10vw;
    line-height: 1;
    margin: 10%; }
    @media (min-width: 641px) {
      #community-involvement h2 {
        font-size: 48px;
        font-size: 4.8rem;
        margin: 3% 0; } }
    #community-involvement h2 span {
      font-family: "AvenirLT-Book";
      font-size: 4vw;
      color: #f5a021;
      display: block;
      margin-bottom: 5%; }
      @media (min-width: 641px) {
        #community-involvement h2 span {
          font-size: 21px;
          font-size: 2.1rem;
          margin-bottom: 0; } }

h3 {
  color: #4d4d4d;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.25em;
  font-family: "museo-slab";
  margin-bottom: .5em; }
  @media (min-width: 768px) {
    h3 {
      font-size: 2.3vw; } }
  @media (min-width: 1024px) {
    h3 {
      font-size: 23px;
      font-size: 2.3rem; } }

.mast {
  position: relative;
  background-image: url(https://www.buxtonco.com/assets/images/careers/mast.jpg);
  background-size: auto 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  height: calc(100vh - 71px);
  color: white;
  display: flex; }
  @media (min-width: 641px) {
    .mast {
      height: 535px;
      background-size: cover;
      background-position: center center; } }
  .mast h1 {
    font-size: 9.5vw;
    font-family: "museo-slab";
    font-weight: 500;
    line-height: 1; }
    @media (min-width: 641px) {
      .mast h1 {
        font-size: 58px;
        font-size: 5.8rem;
        margin-top: 20%; } }
    .mast h1 span {
      font-family: "AvenirLTStd-Heavy";
      color: #f5a021;
      display: block;
      font-size: 4vw;
      letter-spacing: 2px; }
      @media (min-width: 641px) {
        .mast h1 span {
          font-size: 14px;
          font-size: 1.4rem; } }
  .mast img {
    width: 110px;
    height: 110px;
    display: block;
    max-width: initial;
    margin: auto auto 40% auto;
    cursor: pointer;
    -webkit-transform: scale(1);
            transform: scale(1);
    transition: 0.3s; }
    .mast img:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    @media (min-width: 641px) {
      .mast img {
        margin: 0;
        width: 160px;
        height: 160px; } }
  .mast p {
    font-size: 4.7vw;
    line-height: 6.5vw;
    font-family: "museo-slab";
    font-weight: 300;
    max-width: 83%;
    margin-top: 10px; }
    @media (min-width: 641px) {
      .mast p {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 32px;
        line-height: 3.2rem;
        max-width: 70%; } }
  .mast .fill {
    background-color: rgba(0, 0, 0, 0.5); }
  .mast .content {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto auto 0 auto;
    max-width: 80%;
    padding-bottom: 25%; }
    @media (min-width: 641px) {
      .mast .content {
        flex-direction: row-reverse;
        -ms-grid-row-align: center;
            align-self: center;
        padding: 0;
        margin: auto;
        max-width: 70%; } }

.together {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #d4d8d9;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .together {
      padding-top: 10%; } }
  .together p {
    color: #808080; }
  .together .copy {
    width: 70%;
    -ms-grid-row-align: center;
        align-self: center;
    margin: 20% auto auto auto; }
    @media (min-width: 1024px) {
      .together .copy {
        margin: 10% auto auto auto; } }
    @media (min-width: 1024px) {
      .together .copy {
        padding: 0 15% 0 0;
        width: 45%;
        align-self: flex-end;
        margin: 0; } }
  .together .images {
    display: flex;
    justify-content: center; }
    .together .images.in-view img {
      opacity: 1; }
    @media (min-width: 641px) {
      .together .images {
        justify-content: center; } }
    .together .images img {
      flex-grow: 1;
      width: 240px;
      height: 240px;
      opacity: 0;
      transition: 1s; }
      .together .images img:nth-child(1) {
        transition-delay: 0.9s; }
      .together .images img:nth-child(2) {
        transition-delay: 0.5s; }
      .together .images img:nth-child(3) {
        transition-delay: 0.2s; }
      .together .images img:nth-child(4) {
        transition-delay: 0.9s; }
      .together .images img:nth-child(5) {
        transition-delay: 1.1s; }
      .together .images img:nth-child(6) {
        transition-delay: 0.7s; }

.submit-resume {
  background-color: #f5a021;
  color: white;
  padding: 10%; }
  @media (min-width: 641px) {
    .submit-resume {
      padding: 5% 15% 5% 10%; } }
  .submit-resume p {
    font-family: "museo-slab";
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.8rem; }
    @media (min-width: 641px) {
      .submit-resume p {
        text-align: right; } }
  .submit-resume .pipe {
    position: relative;
    top: -1px;
    width: 2px;
    height: 46px;
    display: none;
    vertical-align: middle;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 100;
    background-color: #d9860a;
    margin: 0 15px; }
    @media (min-width: 641px) {
      .submit-resume .pipe {
        display: inline-block; } }
  .submit-resume .contact {
    font-family: "AvenirLTStd-Heavy";
    font-size: 19px;
    font-size: 1.9rem;
    display: block;
    margin-top: 5px;
    color: #ffffff; }
    .submit-resume .contact:hover {
      text-decoration: underline; }
    @media (min-width: 641px) {
      .submit-resume .contact {
        font-family: "AvenirLT-Book";
        display: inline;
        margin-top: 0; } }

.culture {
  display: flex;
  padding: 20% 15%;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  flex-direction: column; }

@media (min-width: 641px) and (max-width: 1230px) {
  .culture {
    padding: 10% 5%; } }
  @media (min-width: 1231px) {
    .culture {
      padding: 10% 10% 10% 10%; } }
  @media (min-width: 641px) {
    .culture {
      justify-content: center; } }
  @media (min-width: 1024px) {
    .culture {
      flex-direction: row-reverse;
      align-items: center; } }
  .culture.in-view blockquote, .culture.in-view .name, .culture.in-view .title {
    opacity: 1; }
  .culture blockquote {
    font-size: 6vw;
    font-family: "museo-slab";
    font-weight: 300;
    margin-top: 20%;
    opacity: 0;
    transition: 1s; }

@media (min-width: 640px) and (max-width: 1023px) {
  .culture blockquote {
    font-size: 3vw;
    line-height: 4vw;
    margin-top: 5%;
    max-width: 60%; } }
    @media (min-width: 1024px) {
      .culture blockquote {
        font-size: 23px;
        font-size: 2.3rem;
        margin-top: 8%;
        max-width: 26%;
        margin-right: 5%;
        text-align: right; } }
  .culture span {
    font-family: "AvenirLT-Book";
    display: block; }
  @media (min-width: 1024px) {
    .culture .copy {
      max-width: 63%; } }
  .culture .copy .content {
    display: flex;
    flex-direction: column; }
    @media (min-width: 641px) {
      .culture .copy .content {
        justify-content: space-between;
        flex-direction: row; } }
    @media (min-width: 641px) {
      .culture .copy .content p {
        width: 48%; } }
    .culture .copy .content p:last-child {
      margin-top: 5%; }
      @media (min-width: 641px) {
        .culture .copy .content p:last-child {
          margin-top: 0; } }
  .culture .line {
    margin-bottom: 60px; }
    @media (min-width: 641px) {
      .culture .line {
        margin-bottom: 20px; } }
  .culture .name {
    color: #f5a021;
    font-size: 4.5vw;
    letter-spacing: 3px;
    margin-top: 10%;
    opacity: 0;
    transition-delay: 2.3s;
    transition: 0.3s; }

@media (min-width: 640px) and (max-width: 1023px) {
  .culture .name {
    margin-top: 5%;
    line-height: 1; } }
    @media (min-width: 641px) {
      .culture .name {
        font-size: 16px;
        font-size: 1.6rem; } }
  .culture .title {
    font-size: 3vw;
    opacity: 0;
    transition-delay: 2.4s;
    transition: 0.3s; }
    @media (min-width: 641px) {
      .culture .title {
        font-size: 10px;
        font-size: 1rem; } }

.core-values {
  text-align: center;
  font-family: "museo-slab";
  background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef; }
  .core-values .label {
    background: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 2px;
    text-align: center;
    display: inline-block;
    padding: 16px 50px;
    border: 1px solid #E6E6E6; }
  .core-values #number-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px; }
  .core-values #numbers-contain {
    width: 100px;
    height: 100px;
    line-height: 94px;
    border: 4px solid #E6E6E6;
    border-radius: 50px;
    background: white;
    font-size: 46px;
    font-size: 4.6rem;
    font-weight: 500;
    margin: 0 20px;
    overflow: hidden; }
    .core-values #numbers-contain #numbers {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      height: 1000px;
      transition: 0.3s ease-in-out; }
      .core-values #numbers-contain #numbers.one {
        -webkit-transform: translateY(0%);
                transform: translateY(0%); }
      .core-values #numbers-contain #numbers.two {
        -webkit-transform: translateY(-10%);
                transform: translateY(-10%); }
      .core-values #numbers-contain #numbers.three {
        -webkit-transform: translateY(-20%);
                transform: translateY(-20%); }
      .core-values #numbers-contain #numbers.four {
        -webkit-transform: translateY(-30%);
                transform: translateY(-30%); }
      .core-values #numbers-contain #numbers.five {
        -webkit-transform: translateY(-40%);
                transform: translateY(-40%); }
      .core-values #numbers-contain #numbers.six {
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .core-values #numbers-contain #numbers.seven {
        -webkit-transform: translateY(-60%);
                transform: translateY(-60%); }
      .core-values #numbers-contain #numbers.eight {
        -webkit-transform: translateY(-70%);
                transform: translateY(-70%); }
      .core-values #numbers-contain #numbers.nine {
        -webkit-transform: translateY(-80%);
                transform: translateY(-80%); }
      .core-values #numbers-contain #numbers.ten {
        -webkit-transform: translateY(-90%);
                transform: translateY(-90%); }
    .core-values #numbers-contain span {
      position: relative;
      width: 100%;
      height: 100px; }
  .core-values .core-values-contain {
    position: relative;
    overflow: hidden;
    padding: 50px 0 50px 0;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
    .core-values .core-values-contain:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 641px) {
      .core-values .core-values-contain {
        padding: 50px 0 100px 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto; }
        .core-values .core-values-contain:after {
          content: " ";
          display: block;
          clear: both; } }
    .core-values .core-values-contain #core-values {
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 1000%;
      transition: 0.3s ease-in-out; }
      .core-values .core-values-contain #core-values.one {
        -webkit-transform: translateX(0%);
                transform: translateX(0%); }
      .core-values .core-values-contain #core-values.two {
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%); }
      .core-values .core-values-contain #core-values.three {
        -webkit-transform: translateX(-20%);
                transform: translateX(-20%); }
      .core-values .core-values-contain #core-values.four {
        -webkit-transform: translateX(-30%);
                transform: translateX(-30%); }
      .core-values .core-values-contain #core-values.five {
        -webkit-transform: translateX(-40%);
                transform: translateX(-40%); }
      .core-values .core-values-contain #core-values.six {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .core-values .core-values-contain #core-values.seven {
        -webkit-transform: translateX(-60%);
                transform: translateX(-60%); }
      .core-values .core-values-contain #core-values.eight {
        -webkit-transform: translateX(-70%);
                transform: translateX(-70%); }
      .core-values .core-values-contain #core-values.nine {
        -webkit-transform: translateX(-80%);
                transform: translateX(-80%); }
      .core-values .core-values-contain #core-values.ten {
        -webkit-transform: translateX(-90%);
                transform: translateX(-90%); }
    .core-values .core-values-contain .core-value {
      position: relative;
      width: 100%; }
    .core-values .core-values-contain .header {
      font-family: "museo-slab";
      font-size: 30px;
      font-size: 3rem;
      line-height: 30px;
      line-height: 3rem;
      font-weight: 500;
      color: #404040;
      margin-bottom: 30px; }
      @media (min-width: 641px) {
        .core-values .core-values-contain .header {
          font-size: 40px;
          font-size: 4rem; } }
    .core-values .core-values-contain .copy {
      color: #656d78;
      max-width: 620px;
      margin-left: auto;
      margin-right: auto; }
      .core-values .core-values-contain .copy:after {
        content: " ";
        display: block;
        clear: both; }
    .core-values .core-values-contain .prev {
      cursor: pointer; }
    .core-values .core-values-contain .next {
      cursor: pointer; }

.quotes {
  position: relative;
  overflow: hidden; }
  .quotes .label {
    position: absolute; }
  .quotes .cycle {
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 50%;
    margin-bottom: 1%;
    text-align: center;
    display: flex;
    justify-content: center;
    transition: 0.6s;
    background-color: rgba(255, 255, 255, 0.3);
    border-top: 1px solid white;
    cursor: pointer; }
    @media (min-width: 1024px) {
      .quotes .cycle {
        height: 60px; } }
    .quotes .cycle img {
      transition: 0.3s;
      -webkit-transform: none;
              transform: none; }
    .quotes .cycle.prev {
      left: 0;
      border-right: 1px solid white; }
      .quotes .cycle.prev:hover img {
        -webkit-transform: translateX(-2em);
                transform: translateX(-2em); }
    .quotes .cycle.next {
      right: 0; }
      .quotes .cycle.next:hover img {
        -webkit-transform: translateX(2em);
                transform: translateX(2em); }

#quotes-contain {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 900%;
  transition: 0.3s ease-in-out;
  margin-top: 1%;
  margin-bottom: 1%; }
  #quotes-contain.one {
    -webkit-transform: translateX(-0.2%);
            transform: translateX(-0.2%); }
  #quotes-contain.two {
    -webkit-transform: translateX(-11.3111111111%);
            transform: translateX(-11.3111111111%); }
  #quotes-contain.three {
    -webkit-transform: translateX(-22.4222222222%);
            transform: translateX(-22.4222222222%); }
  #quotes-contain.four {
    -webkit-transform: translateX(-33.5333333333%);
            transform: translateX(-33.5333333333%); }
  #quotes-contain.five {
    -webkit-transform: translateX(-44.6444444444%);
            transform: translateX(-44.6444444444%); }
  #quotes-contain.six {
    -webkit-transform: translateX(-55.7555555556%);
            transform: translateX(-55.7555555556%); }
  #quotes-contain.seven {
    -webkit-transform: translateX(-66.8666666667%);
            transform: translateX(-66.8666666667%); }
  #quotes-contain.eight {
    -webkit-transform: translateX(-77.9777777778%);
            transform: translateX(-77.9777777778%); }
  #quotes-contain.nine {
    -webkit-transform: translateX(-88.89%);
            transform: translateX(-88.89%); }
    #quotes-contain.nine .fill {
      margin-right: 0; }
  #quotes-contain blockquote {
    position: relative;
    height: 350px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    padding: 0 2% 0 2%; }

@media (min-width: 641px) and (max-width: 1023px) {
  #quotes-contain blockquote {
    height: 450px; } }
    @media (min-width: 1024px) {
      #quotes-contain blockquote {
        height: 550px; } }
    #quotes-contain blockquote .fill {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      margin-right: 1%; }
      #quotes-contain blockquote .fill.gradient {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 100%); }
    #quotes-contain blockquote.one .image {
      background-image: url(https://www.buxtonco.com/assets/images/careers/buxton-boil-2018.jpg); }
    #quotes-contain blockquote.two .image {
      background-color: #77a762; }
    #quotes-contain blockquote.three .image {
      background-image: url(https://www.buxtonco.com/assets/images/careers/buxton_careers_quotes-02.jpg); }
    #quotes-contain blockquote.four .image {
      background-color: #cb6549; }
    #quotes-contain blockquote.five .image {
      background-image: url(https://www.buxtonco.com/assets/images/careers/buxton_careers_quotes-03.jpg); }
    #quotes-contain blockquote.six .image {
      background-color: #c8ad4b; }
    #quotes-contain blockquote.seven .image {
      background-color: #125b4a; }
    #quotes-contain blockquote.eight .image {
      background-image: url(https://www.buxtonco.com/assets/images/careers/buxton_careers_quotes-04.jpg); }
    #quotes-contain blockquote.nine .image {
      margin: 0;
      background-image: url(https://www.buxtonco.com/assets/images/careers/buxton_careers_quotes-05.jpg); }
  #quotes-contain .quote {
    position: relative;
    font-family: "museo-slab";
    font-weight: 500;
    font-size: 4.5vw;
    line-height: 6.5vw;
    margin-bottom: 0.75em; }

@media (min-width: 641px) and (max-width: 1023px) {
  #quotes-contain .quote {
    font-size: 2.5vw;
    line-height: 3vw; } }
    @media (min-width: 1024px) {
      #quotes-contain .quote {
        font-size: 37px;
        font-size: 3.7rem;
        line-height: 40px;
        line-height: 4rem; } }
    #quotes-contain .quote:before {
      content: '\201C';
      margin-left: -0.5em; }
    #quotes-contain .quote:after {
      content: '\201D'; }
  #quotes-contain .cite {
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    right: 1em;
    letter-spacing: 0.1em;
    font-family: "AvenirLTStd-Medium"; }
  #quotes-contain .dept {
    position: relative;
    font-family: "AvenirLTStd-Medium";
    font-size: 13px;
    font-size: 1.3rem; }

.cover {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%; }

#community-involvement {
  padding-top: 90px; }
  #community-involvement .header {
    text-align: center;
    margin-bottom: 90px; }
  #community-involvement .line {
    margin: 0 auto; }
  #community-involvement .quote {
    background-color: #f2f2f2; }
    @media (min-width: 768px) {
      #community-involvement .quote {
        display: flex;
        align-items: center; }
        #community-involvement .quote .image, #community-involvement .quote .copy {
          min-width: 50%; }
        #community-involvement .quote img {
          display: flex; } }
    #community-involvement .quote .copy {
      font-size: 18px;
      font-size: 1.8rem;
      font-family: "AvenirLT-Book";
      color: #808080;
      line-height: 1.6em;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding-top: 40px;
      padding-bottom: 60px;
      max-width: 80%;
      margin-left: auto;
      margin-right: auto; }
      #community-involvement .quote .copy:after {
        content: " ";
        display: block;
        clear: both; }
      @media (min-width: 768px) {
        #community-involvement .quote .copy {
          padding-top: 0px;
          padding-bottom: 0; }
          #community-involvement .quote .copy .contain {
            max-width: 80%;
            margin-left: auto;
            margin-right: auto; }
            #community-involvement .quote .copy .contain:after {
              content: " ";
              display: block;
              clear: both; } }
    #community-involvement .quote blockquote {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.95em; }
      @media (min-width: 768px) {
        #community-involvement .quote blockquote {
          font-size: 1.5vw; } }
      @media (min-width: 1024px) {
        #community-involvement .quote blockquote {
          font-size: 18px;
          font-size: 1.8rem; } }
      #community-involvement .quote blockquote:before {
        content: '\201C'; }
      #community-involvement .quote blockquote:after {
        content: '\201D'; }
    #community-involvement .quote:nth-of-type(odd) {
      flex-direction: row-reverse; }
    #community-involvement .quote .attribution {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5em;
      margin-top: 40px; }
      #community-involvement .quote .attribution .name {
        font-size: 1.14em;
        text-transform: uppercase;
        font-family: "AvenirLTStd-Medium"; }
  #community-involvement .organizations {
    padding: 40px 24px; }
    @media (min-width: 641px) {
      #community-involvement .organizations {
        padding: 60px 24px; } }
    @media (min-width: 768px) {
      #community-involvement .organizations {
        padding: 100px 24px; } }
    @media (min-width: 1024px) {
      #community-involvement .organizations {
        display: flex;
        align-items: center; } }
    #community-involvement .organizations h3 {
      font-size: 24px;
      font-size: 2.4rem;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 40px;
      text-align: center; }
      #community-involvement .organizations h3:after {
        content: " ";
        display: block;
        clear: both; }
      @media (min-width: 1024px) {
        #community-involvement .organizations h3 {
          font-size: 20px;
          font-size: 2rem;
          width: 50%;
          text-align: right;
          padding: 0 5%; } }
    #community-involvement .organizations .org-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #community-involvement .organizations .org-list > div {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
        width: 50%; }
      @media (min-width: 641px) {
        #community-involvement .organizations .org-list > div {
          padding: 20px 0;
          width: 25%; }
          #community-involvement .organizations .org-list > div:nth-child(n+5) {
            width: 33%; } }

.work-hard {
  background-size: cover;
  background-position: center center;
  background-image: url(https://www.buxtonco.com/assets/images/careers/work-hard-bg.jpg);
  color: white; }
  .work-hard p {
    text-align: center;
    font-family: "museo-slab";
    padding: 25% 0;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 11vw; }

@media (min-width: 641px) and (max-width: 1023px) {
  .work-hard p {
    font-size: 5vw; } }
    @media (min-width: 1024px) {
      .work-hard p {
        font-size: 54px;
        font-size: 5.4rem; } }
  .work-hard span {
    display: none; }
    @media (min-width: 641px) {
      .work-hard span {
        display: inline; } }

.our-home {
  display: flex;
  flex-direction: column-reverse;
  color: #bababa; }
  @media (min-width: 768px) {
    .our-home {
      flex-direction: row;
      height: 700px; } }
  .our-home > div, .our-home > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 1024px) {
      .our-home > div, .our-home > a {
        width: 50%; } }
  .our-home h2 {
    color: white;
    margin-bottom: 15%; }
  .our-home span {
    color: #f5a021; }
  .our-home .map {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    @media (max-width: 640px) {
      .our-home .map {
        display: none; } }
  .our-home .line {
    margin: 25% 0 10% 0; }
    @media (min-width: 1024px) {
      .our-home .line {
        margin: 25% 0 10% 0; } }
  .our-home .label {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 3px; }
  .our-home .copy {
    background-color: #1e1e1e; }
  .our-home .content {
    padding: 20% 15%; }
    @media (min-width: 1024px) {
      .our-home .content {
        max-width: 360px;
        padding: 0; } }
  .our-home .btn {
    margin-top: 20%;
    background: transparent;
    border: 1px solid #808080;
    font-family: "museo-slab";
    font-weight: 300;
    padding: 0 30px;
    line-height: 54px;
    height: 54px; }
    .our-home .btn:hover {
      background-color: black; }

.fav-spots {
  text-align: center;
  margin-top: 8%;
  margin-bottom: 1%;
  padding: 10%; }
  @media (min-width: 641px) {
    .fav-spots {
      padding: 0; } }
  .fav-spots .line {
    display: inline-block;
    margin-bottom: 2%; }

.spots {
  display: flex;
  flex-direction: column;
  color: #808080;
  justify-content: space-between;
  margin-top: 5%; }
  @media (min-width: 641px) {
    .spots {
      flex-direction: row;
      height: 610px; } }
  .spots > div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2%;
    height: 50vh; }
    @media (min-width: 641px) {
      .spots > div {
        width: 49.5%;
        margin-bottom: 0;
        height: 100%; } }
    .spots > div:last-child {
      justify-content: space-between; }

.set {
  flex-wrap: wrap; }

.spot {
  background-size: cover;
  background-position: center;
  text-align: left;
  padding: 8% 0 0 5%;
  color: white; }
  .spot .title {
    font-family: "museo-slab";
    font-size: 8vw;
    line-height: 8vw; }
    @media (min-width: 641px) {
      .spot .title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 32px;
        line-height: 3.2rem; } }
    .set .spot .title {
      font-size: 6vw;
      line-height: 6vw; }
      @media (min-width: 641px) {
        .set .spot .title {
          font-size: 32px;
          font-size: 3.2rem;
          line-height: 32px;
          line-height: 3.2rem; } }
    .spot .title span {
      font-family: "AvenirLT-Book";
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1;
      display: block;
      margin-bottom: 5px; }
  .spot.fuzzys {
    background-image: url(https://www.buxtonco.com/assets/images/careers/fuzzys.jpg);
    height: 100%;
    width: 100%; }
  .spot.mylan {
    background-image: url(https://www.buxtonco.com/assets/images/careers/mylan.jpg);
    height: 49%;
    width: 49%;
    align-self: flex-start;
    transition-delay: 0.3s; }
  .spot.flying-saucer {
    background-image: url(https://www.buxtonco.com/assets/images/careers/flying-saucer.jpg);
    height: 49%;
    width: 49%;
    align-self: flex-start;
    transition-delay: 0.6s; }
  .spot.flips {
    background-image: url(https://www.buxtonco.com/assets/images/careers/flips.jpg);
    height: 49%;
    width: 49%;
    align-self: flex-end;
    transition-delay: 0.3s; }
  .spot.martin-house {
    background-image: url(https://www.buxtonco.com/assets/images/careers/martin-house.jpg);
    height: 49%;
    width: 49%;
    align-self: flex-end;
    transition-delay: 0.6s; }

.job-openings {
  background-color: #f2f2f2;
  padding: 20% 10% 5% 10%; }
  @media (min-width: 641px) {
    .job-openings {
      padding: 8% 0 8% 0; } }
  .job-openings .headline {
    text-align: center; }
  .job-openings .line {
    margin: 0 auto; }
  .job-openings h2 {
    font-size: 10vw;
    line-height: 1;
    margin: 10%; }
    @media (min-width: 641px) {
      .job-openings h2 {
        font-size: 48px;
        font-size: 4.8rem;
        margin: 3% 0; } }
    .job-openings h2 span {
      font-family: "AvenirLT-Book";
      font-size: 4vw;
      color: #f5a021;
      display: block;
      margin-bottom: 5%; }
      @media (min-width: 641px) {
        .job-openings h2 span {
          font-size: 21px;
          font-size: 2.1rem;
          margin-bottom: 0; } }

.jobs-contain {
  margin: auto;
  display: flex;
  justify-content: center;
  justify-content: space-between;
  flex-direction: column; }
  @media (min-width: 641px) {
    .jobs-contain.three {
      max-width: 80%; } }
  @media (min-width: 641px) {
    .jobs-contain {
      flex-direction: row;
      max-width: 80%; } }
  @media (min-width: 1024px) {
    .jobs-contain {
      max-width: 60%; } }

.jobs-contain .jobs {
  background-color: white;
  padding: 15% 10% 20% 10%;
  margin: 0 0 5% 0;
  text-align: center;
  font-family: "museo-slab";
  flex: 1; }
  @media (min-width: 641px) {
    .jobs-contain .jobs {
      margin: 0 2% 0 0;
      padding: 5% 4% 8% 4%; } }
  .jobs-contain.jobs:last-child {
    margin-right: 0; }
  .jobs-contain.jobs h3 {
    font-size: 5vw;
    font-weight: 300; }
    @media (min-width: 641px) {
      .jobs-contain.jobs h3 {
        font-size: 20px;
        font-size: 2rem; } }
  .jobs-contain.jobs a {
    display: block;
    color: #f5a021;
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 500;
    margin-top: 8%;
    border: 1px solid white;
    transition: 0.3s; }
  .jobs-contain.jobs .line {
    margin: 15% auto 15% auto; }
    @media (min-width: 641px) {
      .jobs .line {
        margin: 8% auto auto auto; } }
  .jobs-contain.jobs .inner:hover > a {
    color: #b2b2b2; }
  .jobs-contain .jobs .inner:hover > a:hover {
   color: #f5a021; }

.submit-resume-big {
  background-color: #f2f2f2;
  padding: 5% 0 15% 0; }
  @media (min-width: 641px) {
    .submit-resume-big {
      padding: 0 0 8% 0; } }
  .submit-resume-big > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 10%; }
    @media (min-width: 641px) {
      .submit-resume-big > div {
        padding: 0; } }
  .submit-resume-big .copy {
    font-family: "museo-slab";
    font-weight: 300;
    font-size: 6vw;
    line-height: 7vw;
    text-align: center;
    color: #6d6d6d; }
    .submit-resume-big .copy:first-child {
      margin-bottom: 3%; }
      @media (min-width: 641px) {
        .submit-resume-big .copy:first-child {
          margin-bottom: 0; } }
    @media (min-width: 641px) {
      .submit-resume-big .copy {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 36px;
        line-height: 3.6rem; } }
  .submit-resume-big .submit {
    font-family: "museo-slab";
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    text-align: center;
    color: #808080;
    margin-top: 30px; }
    @media (min-width: 641px) {
      .submit-resume-big .submit {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem; } }
  .submit-resume-big .pipe {
    position: relative;
    top: -1px;
    width: 1px;
    height: 46px;
    display: none;
    vertical-align: middle;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 100;
    background-color: #f5a021;
    margin: 0 15px; }
    @media (min-width: 641px) {
      .submit-resume-big .pipe {
        display: inline-block; } }
  .submit-resume-big .contact {
    font-family: "AvenirLT-Book";
    font-weight: normal;
    font-size: 21px;
    font-size: 2.1rem;
    display: block;
    margin-top: 10px;
    color: inherit; }
    @media (min-width: 641px) {
      .submit-resume-big .contact {
        display: inline;
        margin: 0; } }

.benefits-contain {
  background-color: #125b4a;
  color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 20% 15%; }
  @media (min-width: 641px) {
    .benefits-contain {
      flex-direction: row;
      padding: 10%; } }
  .benefits-contain h2 {
    color: #f5a021; }
  .benefits-contain .line {
    background-color: white;
    margin-bottom: 5%; }
  @media (min-width: 641px) {
    .benefits-contain .header {
      margin-right: 2%;
      margin-top: 2%;
      max-width: 390px; } }
  .benefits-contain .header p {
    font-family: "museo-slab";
    font-weight: 300;
    font-size: 4.5vw;
    line-height: 5vw; }
    @media (min-width: 641px) {
      .benefits-contain .header p {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 36px;
        line-height: 3.6rem; } }
  .benefits-contain ul {
    list-style-type: none;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    margin-top: 10%; }
    @media (min-width: 641px) {
      .benefits-contain ul {
        max-width: 345px;
        margin-left: 10%;
        margin-top: 0; } }
    .benefits-contain ul li {
      margin-bottom: 20px; }

.bottom {
  position: relative;
  background-image: url(https://www.buxtonco.com/assets/img/global/buxtox-exterior.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
  color: white;
  padding: 30% 0;
  font-family: "museo-slab";
  font-size: 12vw;
  line-height: 12vw; }
  @media (min-width: 641px) {
    .bottom {
      font-size: 58px;
      font-size: 5.8rem;
      line-height: 1;
      padding: 10% 0; } }
  .bottom .fill {
    background: rgba(0, 0, 0, 0.6); }
  .bottom span {
    position: relative;
    display: block; }
  .bottom .btn.outline {
    padding: 0 30px;
    border: 1px solid white;
    line-height: 44px; }
    .bottom .btn.outline:hover {
      background-color: rgba(0, 0, 0, 0.3); }

.job-detail .title-lead-contain {
  background-color: #f2f2f2; }
  .job-detail .title-lead-contain p {
    color: #808080;
    line-height: 26px;
    line-height: 2.6rem;
    margin-top: 20px; }
    .job-detail .title-lead-contain p span {
      margin: 0 5px; }

.job-detail .max {
  max-width: 550px; }

.job-detail .share {
  margin-top: 20px; }
  .job-detail .share span {
    font-size: 20px;
    font-size: 2rem;
    font-family: "museo-slab";
    margin-bottom: 10px;
    display: block; }
  .job-detail .share input {
    border: 1px solid #cdcdcd;
    padding: 10px 15px 7px 15px;
    width: 100%;
    border-radius: 4px;
    font-size: 14px; }
    @media (min-width: 641px) {
      .job-detail .share input {
        width: 300px; } }

.job-detail .pad {
  padding: 20% 10%; }
  @media (min-width: 641px) {
    .job-detail .pad {
      padding: 10%; } }

.job-detail .label {
  font-size: 12px;
  font-size: 1.2rem; }

.job-detail .desc {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef; }
  @media (min-width: 641px) {
    .job-detail .desc {
      flex-direction: row;
      justify-content: space-between; } }
  .job-detail .desc p {
    color: #808080;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem; }

.job-detail h1 {
  font-family: "museo-slab";
  font-size: 10vw;
  line-height: 10vw; }
  @media (min-width: 641px) {
    .job-detail h1 {
      font-size: 54px;
      font-size: 5.4rem;
      line-height: 54px;
      line-height: 5.4rem; } }

.job-detail h2, .job-detail h3 {
  font-family: "museo-slab";
  font-weight: 300;
  font-size: 5.5vw;
  font-style: normal !important;
  margin-bottom: 0; }
  @media (min-width: 641px) {
    .job-detail h2, .job-detail h3 {
      font-size: 37px;
      font-size: 3.7rem; } }

.job-detail ul {
  margin: 1em 0 3em 1.75em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  color: #808080;
  list-style-type: none; }

.job-detail li {
  margin-bottom: 6%; }
  .job-detail li:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #f5a021;
    border-radius: 5px;
    float: left;
    margin-left: -1em;
    margin-top: 7px; }

.fadeup {
  opacity: 0;
  transition: 1s;
  -webkit-transform: translate3d(0, 8%, 0);
          transform: translate3d(0, 8%, 0); }
  .fadeup.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

.slidedown {
  opacity: 0;
  transition: 1s;
  -webkit-transform: translate3d(0, -8%, 0);
          transform: translate3d(0, -8%, 0); }
  .slidedown.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

.slideleft {
  opacity: 0;
  transition: 1s;
  -webkit-transform: translate3d(-10%, 0, 0);
          transform: translate3d(-10%, 0, 0); }
  .slideleft.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

.slideright {
  opacity: 0;
  transition: 1s;
  -webkit-transform: translate3d(10%, 0, 0);
          transform: translate3d(10%, 0, 0); }
  .slideright.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

.fadein {
  opacity: 0;
  transition: 1s; }
  .fadein.in-view {
    transition-timing-function: linear;
    opacity: 1;
    -webkit-transform: none;
            transform: none; }