/* LESS Document */
/*Color Palete*/
/*backgrounds*/
.yellow-fade {
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #fff2ce 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(100%, #fff2ce));
  background: -webkit-linear-gradient(left, #ffffff 0%, #fff2ce 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #fff2ce 100%);
  background: -ms-linear-gradient(left, #ffffff 0%, #fff2ce 100%);
  background: linear-gradient(to right, #ffffff 0%, #fff2ce 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff2ce', GradientType=1);
}
/*font selections*/
/*------- all fonts here ---------*/
/*-- Cabin --*/
@font-face {
  font-family: 'cabinbold';
  src: url('../fonts/cabin/cabin-bold-webfont.eot');
  src: url('../fonts/cabin/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cabin/cabin-bold-webfont.woff2') format('woff2'), url('../fonts/cabin/cabin-bold-webfont.woff') format('woff'), url('../fonts/cabin/cabin-bold-webfont.ttf') format('truetype'), url('../fonts/cabin/cabin-bold-webfont.svg#cabinbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.cabin-bold {
  font-family: 'cabinbold', Arial, sans-serif;
}
@font-face {
  font-family: 'cabinbold_italic';
  src: url('../fonts/cabin/cabin-bolditalic-webfont.eot');
  src: url('../fonts/cabin/cabin-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cabin/cabin-bolditalic-webfont.woff2') format('woff2'), url('../fonts/cabin/cabin-bolditalic-webfont.woff') format('woff'), url('../fonts/cabin/cabin-bolditalic-webfont.ttf') format('truetype'), url('../fonts/cabin/cabin-bolditalic-webfont.svg#cabinbold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
.cabin-bold-italic {
  font-family: 'cabinbold_italic', Arial, sans-serif;
}
@font-face {
  font-family: 'cabinitalic';
  src: url('../fonts/cabin/cabin-italic-webfont.eot');
  src: url('../fonts/cabin/cabin-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cabin/cabin-italic-webfont.woff2') format('woff2'), url('../fonts/cabin/cabin-italic-webfont.woff') format('woff'), url('../fonts/cabin/cabin-italic-webfont.ttf') format('truetype'), url('../fonts/cabin/cabin-italic-webfont.svg#cabinitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
.cabin-italic {
  font-family: 'cabinitalic', Arial, sans-serif;
}
@font-face {
  font-family: 'cabinmedium';
  src: url('../fonts/cabin/cabin-medium-webfont.eot');
  src: url('../fonts/cabin/cabin-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cabin/cabin-medium-webfont.woff2') format('woff2'), url('../fonts/cabin/cabin-medium-webfont.woff') format('woff'), url('../fonts/cabin/cabin-medium-webfont.ttf') format('truetype'), url('../fonts/cabin/cabin-medium-webfont.svg#cabinmedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
.cabin-medium {
  font-family: 'cabinmedium', Arial, sans-serif;
}
@font-face {
  font-family: 'cabinmedium_italic';
  src: url('../fonts/cabin/cabin-mediumitalic-webfont.eot');
  src: url('../fonts/cabin/cabin-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cabin/cabin-mediumitalic-webfont.woff2') format('woff2'), url('../fonts/cabin/cabin-mediumitalic-webfont.woff') format('woff'), url('../fonts/cabin/cabin-mediumitalic-webfont.ttf') format('truetype'), url('../fonts/cabin/cabin-mediumitalic-webfont.svg#cabinmedium_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
.cabin-medium-italic {
  font-family: 'cabinmedium_italic', Arial, sans-serif;
}
@font-face {
  font-family: 'cabinregular';
  src: url('../fonts/cabin/cabin-regular-webfont.eot');
  src: url('../fonts/cabin/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cabin/cabin-regular-webfont.woff2') format('woff2'), url('../fonts/cabin/cabin-regular-webfont.woff') format('woff'), url('../fonts/cabin/cabin-regular-webfont.ttf') format('truetype'), url('../fonts/cabin/cabin-regular-webfont.svg#cabinregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.cabin-regular {
  font-family: 'cabinregular', Arial, sans-serif;
}
@font-face {
  font-family: 'cabinsemibold';
  src: url('../fonts/cabin/cabin-semibold-webfont.eot');
  src: url('../fonts/cabin/cabin-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cabin/cabin-semibold-webfont.woff2') format('woff2'), url('../fonts/cabin/cabin-semibold-webfont.woff') format('woff'), url('../fonts/cabin/cabin-semibold-webfont.ttf') format('truetype'), url('../fonts/cabin/cabin-semibold-webfont.svg#cabinsemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.cabin-semi-bold {
  font-family: 'cabinsemibold', Arial, sans-serif;
}
@font-face {
  font-family: 'cabinsemibold_italic';
  src: url('../fonts/cabin/cabin-semibolditalic-webfont.eot');
  src: url('../fonts/cabin/cabin-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cabin/cabin-semibolditalic-webfont.woff2') format('woff2'), url('../fonts/cabin/cabin-semibolditalic-webfont.woff') format('woff'), url('../fonts/cabin/cabin-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/cabin/cabin-semibolditalic-webfont.svg#cabinsemibold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
.cabin-semibold-italic {
  font-family: 'cabinsemibold_italic', Arial, sans-serif;
}
/*Chunkfive*/
@font-face {
  font-family: 'chunkfiveroman';
  src: url('../fonts/chunkfive/chunkfive-webfont.eot');
  src: url('../fonts/chunkfive/chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/chunkfive/chunkfive-webfont.woff2') format('woff2'), url('../fonts/chunkfive/chunkfive-webfont.woff') format('woff'), url('../fonts/chunkfive/chunkfive-webfont.ttf') format('truetype'), url('../fonts/chunkfive/chunkfive-webfont.svg#chunkfiveroman') format('svg');
  font-weight: normal;
  font-style: normal;
}
.chunkfive {
  font-family: 'chunkfiveroman', Arial, sans-serif;
}
h1 {
  font-size: 63px;
  font-family: 'cabinbold', Arial, sans-serif;
  text-align: center;
}
h2 {
  font-size: 36px;
  margin: 21px 0 21px;
  line-height: auto;
  font-family: 'cabinregular', Arial, sans-serif;
}
h3 {
  font-size: 28px;
  margin: 21px 0 0;
  line-height: 35px;
  font-family: 'cabinregular', Arial, sans-serif;
}
h4 {
  font-size: 21px;
  margin: 0;
  line-height: 28px;
  font-family: 'cabinregular', Arial, sans-serif;
}
h5 {
  font-size: 16px;
  margin: 0 0 0 0;
  line-height: 28px;
  font-family: 'cabinregular', Arial, sans-serif;
}
a:active {
  outline: none;
}
p {
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 24px 0;
}
.bold {
  font-family: 'cabinbold', Arial, sans-serif;
}
p,
a,
input,
li {
  font-family: 'cabinregular', Arial, sans-serif;
  text-decoration: none !important;
}
hr {
  margin-top: 0;
  margin-bottom: 12px;
}
html {
  font-size: 100% !important;
}
body {
  font-size: 1rem !important;
}
a {
  -webkit-transition: all .35s ease;
  -moz-webkit-transition: all .35s ease;
  transition: all .35s ease;
  color: #29516d;
  outline: 0 !important;
  display: inline-block;
}
a.blu-btn:focus {
  color: #ffffff;
}
ol li a {
  display: block;
}
/*get rid of FF annoying link outlines*/
button:focus {
  outline: none !important;
}
a:focus,
a:focus {
  outline: none !important;
  outline-style: none !important;
}
/*end*/
.as { display:none; }
/*pdf icon*/
a[href*="pdf"]:before {
  content: url("/images/pdf_icon.png");
  display: block;
  margin-right: 10px;
  vertical-align: middle;
  float: left;
}
.blu-btn::before {
  content: "" !important;
  display: none !important;
}
.dropdown > a:hover {
  cursor: default;
  color: #ffffff !important;
}
.blu-btn {
  background: #29516d;
  color: #ffffff;
  display: inline-block;
  padding: 2px 6px;
}
.blu-btn-hover {
  background: #aa5739;
  color: #ffffff;
}
.blu-btn:hover {
  background: #aa5739;
  color: #ffffff;
}
.brown-lnk {
  color: #aa5739;
}
.pdf-link img {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 8px;
}
/*header*/
.search-wrap {
  text-align: right;
}
.search-wrap input {
  font-size: 12px;
  background: #ffdbad;
  color: #aa5739;
  border: none;
  padding: 2px 8px 2px 14px;
  min-width: 200px;
  margin-top: 32px;
  height: 28px;
}
.search-wrap a {
  font-family: 'chunkfiveroman', Arial, sans-serif;
  color: #29516d;
  font-size: 32px;
  text-transform: uppercase;
  margin-top: 4px;
}
.search-wrap a span {
  color: #aa5739;
}
nav {
  position: relative;
  z-index: 10000 !important;
}
.navbar-nav {
  padding-bottom: 12px;
}
.navbar-nav li a {
  background: #29516d;
  color: #ffffff;
  display: inline-block;
  padding: 2px 6px;
  padding: 4px 16px;
  margin: 0 4px;
}
.navbar-nav li a:hover,
.navbar-nav li a:focus {
  background: #aa5739;
  color: #ffffff;
}
.navbar-nav li.active > a {
  background: #aa5739;
}
.dropdown-menu li.active > a {
  background: #6e2003 !important;
}
.dropdown-menu {
  border-radius: 0;
  background: #aa5739;
  padding: 0;
  margin: 0 0 0 4px !important;
  right: 0;
  min-width: 250px;
  left: 0 !important;
}
.dropdown-menu li a {
  display: block;
  margin: 0;
  background: #aa5739;
  color: #ffffff;
}
.dropdown-menu li a:hover {
  background: #6e2003 !important;
  color: #ffffff;
  cursor: hand !important;
}
.navbar-brand {
  float: left;
  font-size: 28px;
  height: auto;
  line-height: 35px;
  padding: 15px 74px;
  position: absolute;
  z-index: 100;
  font-family: 'chunkfiveroman', Arial, sans-serif;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #6e2003 !important;
  color: #fff;
  outline: 0 none;
  text-decoration: none;
}
.navbar-nav li:hover > a {
  background: #aa5739;
  color: #ffffff;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  background-color: #aa5739;
  text-decoration: none;
}
.nav .open > a:focus {
  border-color: none;
  background: #aa5739;
  color: #ffffff;
}
.flag-div {
  background: url("../images/american-flag.png") no-repeat center / contain;
  background-image: url("../images/american-flag.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding-bottom: 131%;
}
.mobile-spacer {
  background: #ffffff;
  padding-bottom: 15%;
}
/*carousel*/
.carousel-wrapper {
  position: relative;
  padding-bottom: 64%;
}
.carousel-wrapper .carousel-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 50px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.carousel-wrapper .carousel-item .arrow {
  position: absolute;
  top: 40%;
  display: block;
  height: 100%;
  color: #ffffff;
  font-size: 48px;
}
.carousel-wrapper .carousel-item .arrow.arrow-prev {
  left: 0;
}
.carousel-wrapper .carousel-item .arrow.arrow-next {
  right: 0;
}
.carousel-wrapper .carousel-item.light {
  color: white;
}
@media (max-width: 480px) {
  .carousel-wrapper .carousel-item .arrow,
  .carousel-wrapper .carousel-item.light .arrow {
    background-size: 10px;
    background-position: 10px 50%;
  }
}
.carousel-wrapper [id^="target-item"] {
  display: none;
}
.carousel-wrapper .item-1 {
  z-index: 2;
  opacity: 1;
}
.carousel-wrapper *:target ~ .item-1 {
  opacity: 0;
}
.carousel-wrapper #target-item-1:target ~ .item-1 {
  opacity: 1;
}
.carousel-wrapper #target-item-2:target ~ .item-2,
.carousel-wrapper #target-item-3:target ~ .item-3 {
  z-index: 3;
  opacity: 1;
}
.item-1 {
  background: url("../images/slide-twelve.png") no-repeat center / contain;
  background-image: url("../images/slide-twelve.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-2 {
  background: url("../images/slide-two.png") no-repeat center / contain;
  background-image: url("../images/slide-two.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-3 {
  background: url("../images/bente-plant-worker.jpg") no-repeat center / contain;
  background-image: url("../images/bente-plant-worker.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-4 {
  background: url("../images/bente-bus-driver.jpg") no-repeat center / contain;
  background-image: url("../images/bente-bus-driver.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-5 {
  background: url("../images/slide-five.png") no-repeat center / contain;
  background-image: url("../images/slide-five.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-6 {
  background: url("../images/central-office-worker.jpg") no-repeat center / contain;
  background-image: url("../images/central-office-worker.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-7 {
  background: url("../images/slide-seven.png") no-repeat center / contain;
  background-image: url("../images/slide-seven.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-8 {
  background: url("../images/slide-eight.png") no-repeat center / contain;
  background-image: url("../images/slide-eight.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-9 {
  background: url("../images/bente-distribution-center.jpg") no-repeat center / contain;
  background-image: url("../images/bente-distribution-center.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-10 {
  background: url("../images/slide-ten.png") no-repeat center / contain;
  background-image: url("../images/slide-ten.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-11 {
  background: url("../images/slide-eleven.png") no-repeat center / contain;
  background-image: url("../images/slide-eleven.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.item-12 {
  background: url("../images/bente-food-driver.jpg") no-repeat center / contain;
  background-image: url("../images/bente-food-driver.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding-bottom: 63%;
}
.slide-content {
  color: #ffffff;
  margin-top: 35%;
  padding: 0 6%;
  position: absolute;
  z-index: 100;
  text-align: center;
}
.slide-content h2 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.slide-content h3 {
  font-size: 32px;
  margin-bottom: 0;
  margin-top: 4px;
  text-transform: uppercase;
}
.slide-content p {
  margin-top: 12px;
  line-height: 21px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-control {
  background-image: none !important;
}
.push-top {
  margin-top: 21px;
}
.push-top .col-sm-8 {
  margin-top: 4%;
}
.yellow-box {
  background: #fff2ce;
  padding: 4px 12px 28px 28px;
}
.latest-news-hmpg h3 {
  font-size: 16px;
  line-height: 1.5rem;
  margin: 21px 0 0;
}
.special-event-hmpg h3 {
  font-size: 16px;
  margin: 21px 0 21px;
}
.hmpg-mid-row {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}
.hmpg-mid-row > div {
  width: calc(33.33333333%);
  margin: 14px;
}
.hmpg-mid-row h2 {
  font-size: 28px;
  margin-bottom: 12px;
  color: #29516d;
}
.hmpg-mid-row h3 {
  color: #aa5739;
  margin: 21px auto 0;
}
.hmpg-mid-row p {
  margin: 0 0 8px 0;
  font-size: 14px;
  line-height: 21px;
}
.hmpg-mid-row a {
  margin-top: -4px;
}
.hmpg-mid-row li a {
  color: #aa5739;
  padding: 9px 0;
  display: inline-block;
}
.special-event-hmpg h2:nth-of-type(2) {
  margin-top: 32px;
}
.daniel-hmpg {
  margin-top: 21px;
}
.daniel-hmpg p {
  line-height: 21px;
}
.bus-driver {
  background: url("../images/bente-distribution.jpg") no-repeat center / contain;
  background-image: url("../images/bente-distribution.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding-bottom: 185%;
}
footer {
  margin-top: 48px;
  padding-top: 24px;
  background: #aa5739;
  color: #ffffff;
}
footer .lvl1 {
  font-family: 'cabinsemibold', Arial, sans-serif;
}
footer li {
  list-style-type: none;
}
footer a {
  color: #ffffff;
}
footer a:hover {
  color: #ffdbad;
}
footer h2 {
  font-size: 52px;
  padding-top: 20px;
  font-family: 'cabinsemibold', Arial, sans-serif;
}
footer hr {
  border-color: #ffffff;
  margin-top: 20px;
}
address p {
  line-height: 21px;
}
/*---------------------- begin static pages ----------------------------*/
.static-banner {
  padding: 40px 0;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #fff2ce 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(100%, #fff2ce));
  background: -webkit-linear-gradient(left, #ffffff 0%, #fff2ce 100%);
  background: -o-linear-gradient(left, #ffffff 0%, #fff2ce 100%);
  background: -ms-linear-gradient(left, #ffffff 0%, #fff2ce 100%);
  background: linear-gradient(to right, #ffffff 0%, #fff2ce 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff2ce', GradientType=1);
}
.static-banner h1 {
  color: #29516d;
  font-family: 'cabinbold', Arial, sans-serif;
  font-size: 44px;
  text-align: left;
}
.static-right h2 {
  font-family: 'chunkfiveroman', Arial, sans-serif;
  color: #6e2003;
  margin-bottom: 0;
}
.static-right h3 {
  font-size: 28px;
  font-family: 'cabinitalic', Arial, sans-serif;
  color: #29516d;
  margin-top: 0px;
  padding-top: 0;
}
.static-right h4 {
  color: #aa5739;
  font-size: 18px;
}
.callout {
  font-family: 'cabinbold', Arial, sans-serif;
  color: #29516d;
}
/*union officers */
.media-object {
  padding: 0 0 0 28px;
}
.media-body > p {
  padding: 0 0 0 28px;
  margin-top: -5px;
  color: #29516d;
  font-size: 14px;
  line-height: 21px;
}
.officer-div ul {
  padding-top: 20px;
}
.officer-div li {
  color: #29516d;
}
.officer-div .staff-heading {
  font-family: 'cabinsemibold', Arial, sans-serif;
  color: #aa5739;
}
/* about us */
h2 .pdf-link {
  font-size: 16px;
  padding-top: 12px;
}
/* faq */
.faq-wrap ol {
  margin-left: 0;
  padding-left: 12px;
}
.faq-wrap ol li {
  margin: 12px 0;
  color: #aa5739;
}
.faq-wrap ol a {
  color: #aa5739;
}
.faq-wrap ol a:hover {
  color: #6e2003;
}
.faq-wrap ol a:visited {
  color: #29516d;
}
.faq-wrap h3 {
  font-size: 21px;
  margin-bottom: 8px;
  line-height: 28px;
  padding-top: 21px;
}
/*special events wrap*/
.special-events-wrap a {
  float: none;
  display: inline-block;
  margin: 4px 0;
}
/*news*/
.news-pg h3:first-child {
  margin-top: 0;
  font-size: 24px;
}
.category-title {
  text-transform: uppercase;
  color: #29516d;
}
.article-title {
  margin: 21px 0 0;
  font-family: 'cabinsemibold', Arial, sans-serif;
  color: #aa5739;
}
.article-preview {
  margin-top: 0;
}
/*newsletter*/
.newsletter-link {
  margin-top: 21px;
  display: inline-block;
}
/*photos*/
.gallery-title {
  font-size: 24px;
  text-align: center;
  color: #29516d;
}
.side-nav-list a {
  display: inline-block;
  margin: 4px 0;
}
.side-nav-list a:hover {
  color: #aa5739 !important;
}
.side-nav-list a:before {
  content: "\2014";
  padding-right: 12px;
}
/* Contact Page
======================================*/
.control-label {
  font-family: 'cabinregular', Arial, sans-serif;
  font-weight: normal;
  color: #29516d;
}
.form-control {
  border-radius: 0;
  background: #ffffff;
}
select {
  font-family: 'cabinregular', Arial, sans-serif;
}
label {
  margin-bottom: 0;
}
.blu-btn[type="submit"] {
  border: none;
  padding: 4px 12px;
}
.mailing-div h2 {
  font-size: 16px;
  padding-bottom: 0;
  margin-bottom: 7px;
  font-family: 'cabinsemibold', Arial, sans-serif;
  color: #aa5739;
}
.mailing-div a {
  color: #29516d;
}
.help-block {
  display: inline-block;
  color: #aa5739;
}
/*404*/
.four-wrap {
  padding: 4rem 0;
}
/* Back To Top Button
======================================*/
#back-top {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 9999;
  right: 12px;
}
#back-top a {
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
#back-top .btn-primary {
  background: #aa5739;
  border-color: #ffdbad;
  padding: 0px;
  font-size: 18px;
  width: 36px;
  height: 36px;
  color: #ffffff;
}
#back-top a:hover {
  background: #6e2003;
  opacity: 1;
}
/*================================= begin media queries =============================*/
/* > 1218 */
@media (max-width: 1218px) {
  .slide-content {
    margin-top: 0;
  }
  .navbar-brand {
    padding: 8px 40px;
  }
}
/* > 990*/
@media (max-width: 990px) {
  header {
    z-index: 1000;
  }
  .navbar-brand {
    float: none;
    width: auto;
    padding: 15px 0;
  }
  .navbar-nav li a {
    padding: 4px 8px;
  }
  .latest-news-hmpg h3 {
    line-height: 20px;
    margin: 0;
  }
  .hmpg-mid-row .col-sm-12:last-child .yellow-box {
    margin-top: 24px;
  }
  .hmpg-mid-row li a {
    padding: 0;
  }
  a[href*="pdf"] {
    display: inline-block;
    margin: 8px auto;
  }
  .latest-news-hmpg a {
    margin: 8px 0 20px;
  }
  #address-group .col-sm-6 {
    margin-top: 14px !important;
    position: relative;
  }
  #email-group .col-sm-12 {
    margin-top: 14px !important;
    position: relative;
  }
  footer .list-inline {
    text-align: center;
  }
  footer .list-inline .pull-right {
    float: none !important;
  }
  footer h2 {
    font-size: 32px;
    font-size: 5vw;
  }
}
/* @media(max-width: 790px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
} */
/* > 780 */
@media (min-width: 780px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  .navbar-nav > a {
    display: inline-block;
  }
}
/* < 780 */
@media (max-width: 780px) {
  .dropdown-menu {
    z-index: 1000 !important;
  }
  .flag-div {
    z-index: -100 !important;
  }
  .static-banner h1 {
    text-align: center;
  }
}
/* < 767 */
@media (max-width: 767px) {
  .flag-div {
    display: none;
  }
  .mobile-spacer + .yellow-box {
    padding-top: 4px;
  }
  .carousel-wrapper {
    display: none;
  }
  .navbar-brand > img {
    display: none;
  }
  .search {
    display: none;
  }
  .navbar-toggle {
    margin-right: 0;
    float: none;
  }
  .navbar-brand span > img {
    padding-right: 12px;
  }
  .navbar-nav li a {
    padding: 8px 14px;
  }
  .blu-btn {
    padding: 6px 8px;
  }
  .dropdown-menu li > a {
    padding: 12px 14px !important;
  }
  .fa-bars {
    font-size: 34px;
  }
  .search-wrap a {
    display: none;
  }
  .navbar-nav > li a {
    display: block;
    margin: 0;
  }
  .navbar-nav li a {
    margin: 0px;
  }
  .dropdown-menu {
    margin: 0 !important;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    border-color: none;
    background: #29516d;
  }
  .bus-driver {
    display: none;
  }
  footer h2 {
    font-size: 7vw;
    margin: 0;
  }
  #gallerylist {
    width: 90%;
    max-width: 280px;
  }
  #name-group {
    padding-top: 21px;
  }
  input[name="firstName"] {
    margin-bottom: 15px;
  }
  .hmpg-mid-row {
    display: block;
  }
  .hmpg-mid-row > div {
    width: auto;
  }
}
/* < 430 */
@media (max-width: 430px) {
  .navbar-brand {
    font-size: 5vw;
    padding-top: 8px;
  }
  .media-body {
    display: block;
    width: auto;
  }
  .media-body p {
    padding: 0 28px;
  }
  .media-object {
    display: inline-block;
    margin-bottom: 21px;
  }
}
