#popuppromo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: black;
  z-index: 50;
  display: none;
}
#age-verify {
  z-index: 49;
}

#popuppromo div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 35%;
  background: #e4e1ca;
  padding: 70px 30px 40px;
  text-align: center;
}

#popuppromo div:before {
  content: "";
  width: 100px;
  height: 100px;
  background: url(../images/indeed-logo.png) 0 0 no-repeat;
  position: absolute;
  background-size: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 3px;
}

#popuppromo div p {
  text-align: center;
  margin: 30px 0;
}

#popuppromo div h2 {
  margin-bottom: 20px;
  font-size: 30px;
}

#popuppromo div ul li {
  padding: 4px 0;
}

#popuppromo div a {
  display: block;

  padding: 6px 20px;
  margin-right: 2px;
  color: white;
  text-decoration: none;
  background: #e5552a;
  width: 49%;
  text-align: center;
  margin: 30px auto 0;
}
#popuppromo div p a {
  padding: inherit;
  display: inline;
  width: auto;
  text-align: inherit;
  margin: inherit;
  background: inherit;
  color: #e5552a;
}

#popuppromo div figure img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1300px) {
  #popuppromo div {
    width: 40%;
    padding: 20px 10px 20px;
  }
}
@media screen and (max-width: 1024px) {
  #popuppromo div {
    width: 50%;
    padding: 20px 10px 20px;
  }
}
/*@media screen and (max-width:768px) {
  #popuppromo div {
    width: 50%;
    padding: 20px 10px 20px;
  }
}
*/
@media screen and (max-width: 480px) {
  #popuppromo div:before {
    display: none;
  }
  #popuppromo div ul li {
    padding: 2px 0;
  }
  #popuppromo div h2 {
    font-size: 22px;
  }
  #popuppromo div {
    width: 90%;
    padding: 20px 10px 20px;
  }
  #popuppromo div iframe,
  #popuppromo div img {
    width: 100%;
    height: auto;
  }
  #popuppromo div a {
    margin: 20px auto 0;
  }
}

#popuppromo div a:hover {
  background: #662914;
}

#popuppromo div a.no {
  float: right;
}

#content .masthead .color {
  height: 99.6%;
}
.page-content.form {
  padding: 30px;
  overflow: hidden;
}
.page-content form {
  background: #f3f3f3;
  padding: 50px;
  overflow: hidden;
}
.page-content.form h3 {
  font-size: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #662914;
  margin-bottom: 18px;
  position: relative;
  color: #662914;
}
.page-content.form h4 {
  color: #662914;
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 20px;
  clear: both;
}

.page-content.form hr {
  clear: both;
}

.page-content.form h3:after {
  content: "";
  border-bottom: 1px solid #662914;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -8px;
  clear: both;
  left: 0;
}

.page-content.form #form-thanks {
  padding: 50px 0 70px;
  text-align: center;
  color: #662914;
  font-size: 30px;
}

.page-content form input,
.page-content form select {
  padding: 10px;
}
.page-content form input.half {
  width: 49%;
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.page-content form input.half.first {
  margin-left: 0;
  float: left;
}
.page-content form input.full {
  width: 100%;
}

.bootstrap-frm #brewmasterName {
  display: none;
}
.bootstrap-frm input[type="submit"] {
  font-family: Brothers, "arial", "helvetica", sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  background: #e5552a;
  text-transform: uppercase;
  color: white;
  padding: 10px 20px;
  border: none;
}
.bootstrap-frm h1 {
  padding: 0px 0px 10px 40px;
  display: block;
  border-bottom: 1px solid #dadada;
  margin: -10px -30px 30px -30px;
  color: #888;
}
.bootstrap-frm h1 > span {
  display: block;
  font-size: 11px;
}
.bootstrap-frm label {
  display: block;
  margin: 0px 0px 5px;
}
.bootstrap-frm label > span {
  float: left;
  width: 20%;
  text-align: right;
  padding-right: 10px;
  margin-top: 10px;
  color: #333;
}
.bootstrap-frm input[type="text"],
.bootstrap-frm input[type="email"],
.bootstrap-frm textarea,
.bootstrap-frm select {
  border: 1px solid #ccc;
  color: #888;
  line-height: 15px;
  margin-bottom: 16px;
  margin-right: 6px;
  margin-top: 2px;
  outline: 0 none;
  padding: 10px;
}
.bootstrap-frm select {
  background: #fff url("../images/down-arrow.png") no-repeat 98%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  line-height: 15px;
}
.bootstrap-frm select.half {
  width: 49%;
  float: left;
  margin-right: 18px;
}
.bootstrap-frm textarea {
  height: 100px;
  padding: 10px;
}
.bootstrap-frm .button {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 25px 10px 25px;
  color: #333;
  border-radius: 4px;
}
.bootstrap-frm .button:hover {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}

@media screen and (max-width: 767px) {
  .page-content form input.half {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .page-content form input.half.first {
    float: none;
  }
  .bootstrap-frm select.half {
    width: 100%;
    float: none;
    margin-right: 18px;
  }
}

.evenly-spaced {
  table-layout: fixed;
}

.page-content .indeed-we-can .sixty.single {
  -webkit-columns: 1 8em;
  -moz-columns: 1 8em;
  columns: 1 8em;
}

.full {
  width: 100%;
}

.sort-by-state {
  margin-top: 15px;

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  /* margin: 0; */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.sort-by-state {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.sort-by-state:focus {
  background-image: linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

.sort-by-state:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.list-wrap ul li a {
  overflow-wrap: break-word;
}
.years .tan {
    padding: 20px 20px 0px;
    overflow: hidden;
}
.years .evenly-spaced {
  padding-bottom: 20px;
}

.text-and-image .block .two-thirds {
  padding: 5px;
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%;
}
.text-and-image .block .two-thirds.flipped {
  margin-right: 0
}
.text-and-image .block .third {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}
.text-and-image b,
.text-and-image strong {
  font-weight: bold;
}
.text-and-image .block .third:last-child {
  margin-right: 0;
}
.two-column {
  display: flex;
}
.margin-bottom-0 {
  padding-bottom: 0 !important;
}
.two-column .half {
    width: 50%;
    padding: 0 20px 0;
}
.two-column ul,
.two-column ol,
.indeed-we-can ul,
.indeed-we-can ol,
.text-and-image ul,
.text-and-image ol {
  list-style: inside;
}
.two-column li,
.indeed-we-can li,
.text-and-image li {
  line-height: 1.3 !important;
  padding-bottom: 0 !important
}

.links a {
  width: auto;
  padding-right: 25px;
}
.links a:after {
  content: "";
  display: block;
  position: absolute;
  color: white;
  top: 27%;
  content: "»";
  right: 10px;
}
.links .text-white {
  color: white !important;
}

@media screen and (max-width: 767px) {
  .text-and-image .block .third {
    width: 100%;
    margin: 0 auto;
  }
  .text-and-image .block .two-thirds {
    margin-right: 0;
    width: 100%;
  }
  .text-and-image .block .two-thirds.flipped {
    margin-top: 10px;
  }
  .links a {
    width: 100%;
  }
  .links a:not(:last-child) {
    margin-bottom: 20px;
  }
  .two-column .half {
    width: 100%;
  }
  .two-column {
    display: block;
  }
}



/*
.social-block .global-details{float:left;display:block;margin-right:2.3576515979%;width:100%;margin-right:0;background:#e4e1ca}.social-block .global-details:last-child{margin-right:0}.social-block .global-details .third{float:left;display:block;margin-right:2.3576515979%;width:31.7615656014%}.social-block .global-details .third:last-child{margin-right:0}.social-block .global-details .half{float:left;display:block;margin-right:2.3576515979%;width:48.821174201%}.social-block .global-details .half:last-child{margin-right:0}@media screen and (max-width: 767px){.social-block .global-details .half{float:left;display:block;margin-right:2.3576515979%;width:100%}.social-block .global-details .half:last-child{margin-right:0}}.social-block .global-details .half.map{width:51.18%}@media screen and (max-width: 767px){.social-block .global-details .half.map{width:100%}}.social-block .info-blocks{background:#e5552a;text-transform:uppercase;padding:40px 0 40px 70px}@media screen and (max-width: 767px){.social-block .info-blocks{padding:30px}}.social-block .info-blocks .third{border-left:2px solid #662914;width:29%;margin-right:4%;padding-left:4%}.social-block .info-blocks .third:first-child{border:none;padding-left:0}@media screen and (max-width: 767px){.social-block .info-blocks .third{width:100%;margin:0;border:none;padding-left:0;border-top:1px solid #D6D3BE;padding-top:20px;margin-bottom:20px}.social-block .info-blocks .third:first-child{padding-top:10px}.social-block .info-blocks .third:last-child{margin-bottom:10px}}.social-block .info-blocks h2{color:white;margin:0 0 5px;font-size:20px;border-bottom:2px solid #662914;padding-bottom:10px}@media screen and (max-width: 767px){.social-block .info-blocks h2{border:none;padding-bottom:0}}.social-block .info-blocks p{color:#662914;padding-top:14px}.social-block .info-blocks p:first-of-type{padding-top:20px;border-top:2px solid #662914}.social-block .info-blocks p strong{color:#fff}@media screen and (max-width: 767px){.social-block .info-blocks p{padding-top:5px}.social-block .info-blocks p:first-of-type{padding-top:10px;border:none}}.social-block .info-blocks .four p{padding-top:6px}.social-block .info-blocks .four p:first-of-type{padding-top:20px}.social-block .info-blocks a{color:white;text-decoration:none}.social-block .info-blocks a:hover,.social-block .info-blocks a:active{text-decoration:underline}.social-block .info-blocks p.address{line-height:24px}.social-block .info-blocks p.address a{color:#662914;display:block}.social-block .info-blocks p.address a:hover,.social-block .info-blocks p.address a:active{color:#fff}.social-block .newsletter-signup{background:#e4e1ca;text-transform:uppercase;position:relative;z-index:1}.social-block .newsletter-signup:after{content:url(../images/hat.png);width:80px;height:79px;position:absolute;top:15%;right:9%;z-index:-1}@media screen and (max-width: 900px){.social-block .newsletter-signup:after{right:2%}}.social-block .newsletter-signup.half{padding:50px;margin-right:0}@media screen and (max-width: 980px){.social-block .newsletter-signup.half{padding:30px}}.social-block .newsletter-signup h3{color:#662914;font-size:14px}.social-block .newsletter-signup form{margin:12px 0 20px;overflow:auto;border-bottom:1px solid #D6D3BE;padding-bottom:20px}.social-block .newsletter-signup form input{border:none}.social-block .newsletter-signup form input[type=email]{font-family:Brothers,Times,serif;font-size:13px;color:#662914;background:#D6D3BE;padding:12px 10px;width:60%;display:block;float:left;margin-right:10px}.social-block .newsletter-signup form input[type=email]::-webkit-input-placeholder{font-style:italic;color:#a9a38b}.social-block .newsletter-signup form input[type=email]::-moz-placeholder{font-style:italic;color:#a9a38b}.social-block .newsletter-signup form input[type=email]:-moz-placeholder{font-style:italic;color:#a9a38b}.social-block .newsletter-signup form input[type=email]:-ms-input-placeholder{font-style:italic;color:#a9a38b}.social-block .newsletter-signup form input[type=email]:focus{outline:none;background:white}@media screen and (max-width: 900px){.social-block .newsletter-signup form input[type=email]{width:100%;margin-bottom:10px}}@media screen and (max-width: 480px){.social-block .newsletter-signup form input[type=email]{width:100%;margin-bottom:10px}}.social-block .newsletter-signup form input[type=submit]{background:#e5552a;color:white;text-transform:uppercase;padding:10px 31px 11px;font-size:16px;display:block;float:left;cursor:pointer}.social-block .newsletter-signup form input[type=submit]:hover{opacity:.8;filter:alpha(opacity=80)}.social-block .newsletter-signup form input[type=submit]:focus{outline:none}.social-block .newsletter-signup ul{clear:both}.social-block .newsletter-signup ul li{display:block;float:left}.social-block .newsletter-signup ul li a{font-size:12px;font-family:Brothers,Times,serif;color:#662914;text-decoration:none}.social-block .newsletter-signup ul li a:before{content:"•";padding-right:5px;padding-left:5px}.social-block .newsletter-signup ul li:first-child a:before{padding-left:0}@media screen and (max-width: 480px){.social-block .newsletter-signup ul li{padding-left:0;float:none}.social-block .newsletter-signup ul li a:before{padding-left:0}}.social-block .map{background:gray;padding:0}@media screen and (max-width: 767px){.social-block .map{padding:0}}.social-block .map #map_content{line-height:0}.social-block .map #map_content img{width:100%}.social-block .subfooter{color:white;background:#662914;text-align:center;text-transform:uppercase;clear:both;padding:7px 0}.social-block .sub.social-block p{font-size:11px;padding:5px}@media screen and (max-width: 767px){.social-block .sub.social-block p{line-height:20px}}.social-block .sub.social-block a{color:white;text-decoration:none}.social-block .sub.social-block span{padding:0 5px}
*/