/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.g-3d-slider {
  position: relative;
  text-align: center;
}
.g-3d-slider .g-3d-slider-container {
  position: relative;
}
.g-3d-slider article {
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  perspective: 600px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.g-3d-slider section {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  border-radius: 5px;
  width: 512px;
  position: absolute;
  left: 50%;
  margin-left: -256px;
  opacity: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-3d-slider section {
    max-width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.g-3d-slider section.bespoke-slide {
  -webkit-transition: -webkit-transform 0.7s ease, opacity 0.7s ease, background-color 0.7s ease;
  -moz-transition: -moz-transform 0.7s ease, opacity 0.7s ease, background-color 0.7s ease;
  transition: transform 0.7s ease, opacity 0.7s ease, background-color 0.7s ease;
}
.g-3d-slider section.bespoke-active {
  opacity: 1;
  z-index: 1;
}
.g-3d-slider section.bespoke-inactive .g-3d-slider-item {
  pointer-events: none;
}
.g-3d-slider.carousel {
  line-height: inherit;
  margin-bottom: 0;
}
.g-3d-slider.carousel section.bespoke-before {
  -webkit-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
  -moz-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
  -ms-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
  -o-transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
  transform: translateX(-980px) rotateY(-72deg) translateX(-1290px);
  opacity: 0;
}
.g-3d-slider.carousel section.bespoke-before-2 {
  -webkit-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
  -moz-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
  -ms-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
  -o-transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
  transform: translateX(-590px) rotateY(-52deg) translateX(-780px);
  opacity: 0.3;
}
.g-3d-slider.carousel section.bespoke-before-1 {
  -webkit-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
  -moz-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
  -ms-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
  -o-transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
  transform: translateX(-270px) rotateY(-30deg) translateX(-290px);
  opacity: 0.5;
}
.g-3d-slider.carousel section.bespoke-after {
  -webkit-transform: translateX(980px) rotateY(72deg) translateX(1290px);
  -moz-transform: translateX(980px) rotateY(72deg) translateX(1290px);
  -ms-transform: translateX(980px) rotateY(72deg) translateX(1290px);
  -o-transform: translateX(980px) rotateY(72deg) translateX(1290px);
  transform: translateX(980px) rotateY(72deg) translateX(1290px);
  opacity: 0;
}
.g-3d-slider.carousel section.bespoke-after-1 {
  -webkit-transform: translateX(270px) rotateY(30deg) translateX(290px);
  -moz-transform: translateX(270px) rotateY(30deg) translateX(290px);
  -ms-transform: translateX(270px) rotateY(30deg) translateX(290px);
  -o-transform: translateX(270px) rotateY(30deg) translateX(290px);
  transform: translateX(270px) rotateY(30deg) translateX(290px);
  opacity: 0.5;
}
.g-3d-slider.carousel section.bespoke-after-2 {
  -webkit-transform: translateX(590px) rotateY(52deg) translateX(780px);
  -moz-transform: translateX(590px) rotateY(52deg) translateX(780px);
  -ms-transform: translateX(590px) rotateY(52deg) translateX(780px);
  -o-transform: translateX(590px) rotateY(52deg) translateX(780px);
  transform: translateX(590px) rotateY(52deg) translateX(780px);
  opacity: 0.3;
}
.g-3d-slider.coverflow section.bespoke-before {
  -webkit-transform: translateX(-270px) rotateY(45deg) scale(0.6);
  -moz-transform: translateX(-270px) rotateY(45deg) scale(0.6);
  -ms-transform: translateX(-270px) rotateY(45deg) scale(0.6);
  -o-transform: translateX(-270px) rotateY(45deg) scale(0.6);
  transform: translateX(-270px) rotateY(45deg) scale(0.6);
  z-index: 6;
}
.g-3d-slider.coverflow section.bespoke-before-3 {
  -webkit-transform: translateX(-230px) rotateY(45deg) scale(0.6);
  -moz-transform: translateX(-230px) rotateY(45deg) scale(0.6);
  -ms-transform: translateX(-230px) rotateY(45deg) scale(0.6);
  -o-transform: translateX(-230px) rotateY(45deg) scale(0.6);
  transform: translateX(-230px) rotateY(45deg) scale(0.6);
  opacity: 0.1;
  z-index: 7;
}
.g-3d-slider.coverflow section.bespoke-before-2 {
  -webkit-transform: translateX(-190px) rotateY(45deg) scale(0.6);
  -moz-transform: translateX(-190px) rotateY(45deg) scale(0.6);
  -ms-transform: translateX(-190px) rotateY(45deg) scale(0.6);
  -o-transform: translateX(-190px) rotateY(45deg) scale(0.6);
  transform: translateX(-190px) rotateY(45deg) scale(0.6);
  opacity: 0.2;
  z-index: 8;
}
.g-3d-slider.coverflow section.bespoke-before-1 {
  -webkit-transform: translateX(-150px) rotateY(45deg) scale(0.6);
  -moz-transform: translateX(-150px) rotateY(45deg) scale(0.6);
  -ms-transform: translateX(-150px) rotateY(45deg) scale(0.6);
  -o-transform: translateX(-150px) rotateY(45deg) scale(0.6);
  transform: translateX(-150px) rotateY(45deg) scale(0.6);
  opacity: 0.3;
  z-index: 9;
}
.g-3d-slider.coverflow section.bespoke-active {
  z-index: 10;
}
.g-3d-slider.coverflow section.bespoke-after {
  -webkit-transform: translateX(270px) rotateY(-45deg) scale(0.6);
  -moz-transform: translateX(270px) rotateY(-45deg) scale(0.6);
  -ms-transform: translateX(270px) rotateY(-45deg) scale(0.6);
  -o-transform: translateX(270px) rotateY(-45deg) scale(0.6);
  transform: translateX(270px) rotateY(-45deg) scale(0.6);
  z-index: 6;
}
.g-3d-slider.coverflow section.bespoke-after-1 {
  -webkit-transform: translateX(150px) rotateY(-45deg) scale(0.6);
  -moz-transform: translateX(150px) rotateY(-45deg) scale(0.6);
  -ms-transform: translateX(150px) rotateY(-45deg) scale(0.6);
  -o-transform: translateX(150px) rotateY(-45deg) scale(0.6);
  transform: translateX(150px) rotateY(-45deg) scale(0.6);
  opacity: 0.3;
  z-index: 9;
}
.g-3d-slider.coverflow section.bespoke-after-2 {
  -webkit-transform: translateX(190px) rotateY(-45deg) scale(0.6);
  -moz-transform: translateX(190px) rotateY(-45deg) scale(0.6);
  -ms-transform: translateX(190px) rotateY(-45deg) scale(0.6);
  -o-transform: translateX(190px) rotateY(-45deg) scale(0.6);
  transform: translateX(190px) rotateY(-45deg) scale(0.6);
  opacity: 0.2;
  z-index: 8;
}
.g-3d-slider.coverflow section.bespoke-after-3 {
  -webkit-transform: translateX(230px) rotateY(-45deg) scale(0.6);
  -moz-transform: translateX(230px) rotateY(-45deg) scale(0.6);
  -ms-transform: translateX(230px) rotateY(-45deg) scale(0.6);
  -o-transform: translateX(230px) rotateY(-45deg) scale(0.6);
  transform: translateX(230px) rotateY(-45deg) scale(0.6);
  opacity: 0.1;
  z-index: 7;
}
.g-3d-slider.cube section.bespoke-before {
  -webkit-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
  -moz-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
  -ms-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
  -o-transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
  transform: translateX(-332px) rotateY(-70deg) translateX(-652px) rotateY(-110deg) translateX(-530px);
}
.g-3d-slider.cube section.bespoke-before-1 {
  -webkit-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
  -moz-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
  -ms-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
  -o-transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
  transform: translateX(-332px) rotateY(-70deg) translateX(-512px);
  opacity: 0.5;
}
.g-3d-slider.cube section.bespoke-after {
  -webkit-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
  -moz-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
  -ms-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
  -o-transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
  transform: translateX(332px) rotateY(70deg) translateX(652px) rotateY(110deg) translateX(530px);
}
.g-3d-slider.cube section.bespoke-after-1 {
  -webkit-transform: translateX(332px) rotateY(70deg) translateX(512px);
  -moz-transform: translateX(332px) rotateY(70deg) translateX(512px);
  -ms-transform: translateX(332px) rotateY(70deg) translateX(512px);
  -o-transform: translateX(332px) rotateY(70deg) translateX(512px);
  transform: translateX(332px) rotateY(70deg) translateX(512px);
  opacity: 0.5;
}
.g-3d-slider .g-3d-slider-item {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.g-3d-slider .g-3d-slider-image > a {
  display: block;
}
.g-3d-slider .g-3d-slider-image img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.g-3d-slider .g-info-container {
  padding: 30px;
  background: #ffffff;
}
.g-3d-slider p {
  margin: 0;
}
.g-3d-slider .g-3d-slider-title {
  margin: 0;
}
.g-3d-slider .g-3d-slider-title a {
  color: #4d4d4d;
}
.g-3d-slider .g-3d-slider-title a:hover {
  color: #4db2b3;
}
.g-3d-slider .g-3d-slider-desc {
  margin-top: 10px;
}
.g-3d-slider .g-info-container-style2.uk-overlay-panel {
  padding: 30px;
}
.g-3d-slider .g-info-container-style2.uk-overlay-panel p {
  margin-top: 5px;
}
.g-3d-slider .g-info-container-style2.uk-overlay-panel a {
  color: #ffffff;
}
.g-3d-slider .g-info-container-style2.uk-overlay-panel a:hover {
  color: #4db2b3;
}
.g-3d-slider .g-info-container-style2 .g-3d-slider-special, .g-3d-slider .g-info-container-style2 .g-item-details {
  color: #ffffff !important;
}
.g-3d-slider .g-3d-slider-special {
  font-style: italic;
  float: left;
}
@media only all and (max-width: 30rem) {
  .g-3d-slider .g-3d-slider-special {
    float: none;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-3d-slider .g-3d-slider-special {
    float: none;
  }
}
.g-3d-slider .g-3d-slider-special i {
  margin-right: 5px;
}
.g-3d-slider .g-3d-slider-link {
  float: right;
  font-style: italic;
}
.g-3d-slider .g-3d-slider-link i {
  margin-left: 10px;
}
@media only all and (max-width: 30rem) {
  .g-3d-slider .g-3d-slider-link {
    float: none;
    margin-top: 5px;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-3d-slider .g-3d-slider-link {
    float: none;
    margin-top: 5px;
  }
}
.g-3d-slider .no-special .g-3d-slider-link {
  float: none;
}
.g-3d-slider .no-link .g-3d-slider-special {
  float: none;
}
.g-3d-slider .g-bottom-info {
  margin-top: 15px;
}
.g-3d-slider .g-item-details {
  margin-top: 10px;
  font-size: 90%;
}
.g-3d-slider .g-item-details .date i {
  margin-right: 5px;
}
.g-3d-slider .g-item-details.date-top {
  margin-top: 0;
  font-size: 100%;
  background: #4db2b3;
  color: #ffffff;
  position: absolute;
  z-index: 20;
  padding: 10px 20px;
  top: 20px;
  margin-left: -25px;
}
@media only all and (max-width: 30rem) {
  .g-3d-slider .g-item-details.date-top {
    padding: 5px 10px;
    font-size: 90%;
    margin-left: 0;
    top: 0;
  }
}
.g-3d-slider .g-item-details.date-top:after {
  content: "";
  border-left: 25px solid transparent;
  border-top: 10px solid #367d7e;
  bottom: -10px;
  left: 0;
  position: absolute;
  z-index: 1;
}
@media only all and (max-width: 47.99rem) {
  .g-3d-slider .g-item-details.date-top:after {
    display: none;
  }
}
.g-3d-slider .g-item-details.date-top .date i {
  margin-right: 7px;
}
.g-3d-slider.style3 .g-info-container-style2 {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.15) 20%, rgba(0, 0, 0, 0.8) 100%);
  padding: 30px;
}
.g-3d-slider.style3 .g-info-container-style2 a {
  color: #ffffff;
}
.g-3d-slider.style3 .g-info-container-style2 a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.g-3d-slider.style3 .g-3d-slider-image .uk-overlay img {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.g-3d-slider.style3 .g-3d-slider-image:hover .uk-overlay img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
.g-3d-slider .g-particle-navigation .uk-slidenav {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.g-3d-slider .g-particle-navigation.arrows .uk-slidenav {
  position: absolute;
  top: 50%;
  margin-top: -20px;
}
.g-3d-slider .g-particle-navigation.arrows .uk-slidenav-previous {
  left: -20px;
}
@media only all and (min-width: 75rem) {
  .g-3d-slider .g-particle-navigation.arrows .uk-slidenav-previous {
    left: -70px;
  }
}
.g-3d-slider .g-particle-navigation.arrows .uk-slidenav-next {
  right: -20px;
}
@media only all and (min-width: 75rem) {
  .g-3d-slider .g-particle-navigation.arrows .uk-slidenav-next {
    right: -70px;
  }
}
.g-3d-slider .g-particle-navigation.arrows-bottom {
  text-align: center;
  margin-top: 40px;
}
.g-3d-slider .g-particle-navigation.arrows-bottom .uk-slidenav-previous {
  margin-right: 5px;
}
.g-3d-slider .g-particle-navigation.arrows-bottom .uk-slidenav-next {
  margin-left: 5px;
}
.g-3d-slider.coverflow .g-particle-navigation.arrows .uk-slidenav-previous, .g-3d-slider.cube .g-particle-navigation.arrows .uk-slidenav-previous {
  left: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-3d-slider.coverflow .g-particle-navigation.arrows .uk-slidenav-previous, .g-3d-slider.cube .g-particle-navigation.arrows .uk-slidenav-previous {
    left: -20px;
  }
}
.g-3d-slider.coverflow .g-particle-navigation.arrows .uk-slidenav-next, .g-3d-slider.cube .g-particle-navigation.arrows .uk-slidenav-next {
  right: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-3d-slider.coverflow .g-particle-navigation.arrows .uk-slidenav-next, .g-3d-slider.cube .g-particle-navigation.arrows .uk-slidenav-next {
    right: -20px;
  }
}
/**** Scss files ****/
@font-face {
  font-family: "Allerta";
  src: url('../fonts/Allerta-Regular.woff2') format("woff2"), url('../fonts/Allerta-Regular.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Allerta Stencil";
  src: url('../fonts/AllertaStencil-Regular.eot');
  src: url('../fonts/AllertaStencil-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/AllertaStencil-Regular.woff2') format("woff2"), url('../fonts/AllertaStencil-Regular.woff') format("woff"), url('../fonts/AllertaStencil-Regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Merriweather";
  src: url('../fonts/Merriweather-Light.woff2') format("woff2"), url('../fonts/Merriweather-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Merriweather";
  src: url('../fonts/Merriweather-Regular.woff2') format("woff2"), url('../fonts/Merriweather-Regular.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MerriweatherBold";
  src: url('../fonts/Merriweather-Bold.woff2') format("woff2"), url('../fonts/Merriweather-Bold.woff') format("woff");
  font-weight: bold;
  font-style: normal;
}
/**** General Naviation ****/
.bb-logo img {
  width: 220px;
}
.g-main-nav .g-sublevel > li {
  margin: 0 0.9375rem;
  padding: 0 0 0 0;
}
#g-navigation .g-main-nav .g-dropdown {
  background: #fff;
  border: 0px solid rgba(33, 44, 89, 0.2);
  border-radius: 0.25rem;
  width: 250px;
  margin-top: -5px;
  margin-left: 0;
}
#g-navigation.white .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid;
}
nav > ul > li > a > img {
  display: none;
}
nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
  border-bottom: 4px solid #212c59;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 0.94vw;
  line-height: 2vw;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
}
#g-navigation .g-main-nav .g-toplevel > li {
  margin: 0 1.3vw;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator {
  vertical-align: top;
  display: none;
}
.login > div > nav > ul > li {
  margin-right: 0 !important;
}
#g-navigation .g-main-nav .g-toplevel {
  display: flex;
  align-items: stretch;
  justify-content: space-evenly;
  width: 100%;
  margin: 0;
  padding: 0;
}
/***** Navigation White ****/
#g-navigation.white {
  background: #fff;
  color: #212c59;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid #212c59;
}
#g-navigation.white .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  box-shadow: 0 0;
}
#g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #212c59;
  font-size: 0.94vw;
  border-bottom: 0;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  font-weight: normal;
}
#g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container {
  border-bottom: 0px solid rgba(33, 44, 89, 0.2);
  font-size: 0.94vw;
  text-transform: uppercase;
  color: #9e9ea2;
  font-family: "Allerta Stencil";
  font-weight: normal;
}
#g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  font-size: 0.94vw;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  font-weight: normal;
  color: #212c59;
}
.blue #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .sand #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .red #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .dark-gray #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .orange #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .green #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .light-gray #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .purple #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .teal #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: white !important;
  padding: 0.2345rem 0;
  font-size: 0.94vw;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
}
.blue nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .blue nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .blue #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .sand nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .sand nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .sand #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .red nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .red nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .red #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .dark-gray nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .dark-gray nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .dark-gray #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .orange nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .orange nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .orange #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .green nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .green nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .green #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .light-gray nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .light-gray nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .light-gray #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .purple nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .purple nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .purple #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .teal nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .teal nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .teal #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
  border-bottom: 4px solid white;
}
/***** Navigation Blue ****/
.blue #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #212c59;
}
.blue #g-navigation {
  background: #212c59;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.blue #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .blue #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #212c59;
}
.blue #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #212c59;
}
.blue .headline-border {
  background-image: url('../images/backgrounds/headline-blue.jpg');
  height: 60px;
  width: 78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
  margin-left: 11%;
}
/**** Navigation Sand ****/
.sand #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #a57e3b;
}
.sand #g-navigation {
  background: #a57e3b;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.sand #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .sand #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #a57e3b;
}
.sand #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #a57e3b;
}
.sand .headline-border {
  background-image: url('../images/backgrounds/headline-sand.jpg');
  height: 60px;
  width: 78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
}
/**** Navigation Red ****/
.red #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #a41624;
}
.red #g-navigation {
  background: #a41624;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.red #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .red #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #a41624;
}
.red #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #a41624;
}
.red .headline-border {
  background-image: url('../images/backgrounds/headline-red.jpg');
  height: 60px;
  width: 78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
}
.dark-gray #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #383637;
}
.dark-gray #g-navigation {
  background: #383637;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.dark-gray #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .dark-gray #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #383637;
}
.dark-gray #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #383637;
}
.dark-gray .headline-border {
  background-image: url('../images/backgrounds/headline-dark-gray.jpg');
  height: 60px;
  width: 78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
}
.purple #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #482f68;
}
.purple #g-navigation {
  background: #482f68;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.purple #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .purple #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #482f68;
}
.purple #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #482f68;
}
.purple .headline-border {
  background-image: url('../images/backgrounds/headline-purple.jpg');
  height: 60px;
  width: 78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
}
.light-gray #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #7f8891;
}
.light-gray #g-navigation {
  background: #7f8891;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.light-gray #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .light-gray #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #7f8891;
}
.light-gray #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #7f8891;
}
.light-gray .headline-border {
  background-image: url('../images/backgrounds/headline-light-gray.jpg');
  height: 60px;
  width: 78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
}
.orange #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #e6742d;
}
.orange #g-navigation {
  background: #e6742d;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.orange #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .orange #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #e6742d;
}
.orange #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #e6742d;
}
.orange .headline-border {
  background-image: url('../images/backgrounds/headline-orange.jpg');
  height: 60px;
  width: 78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
}
.green #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #003a21;
}
.green #g-navigation {
  background: #003a21;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.green #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .green #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #003a21;
}
.green #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #003a21;
}
.green .headline-border {
  background-image: url('../images/backgrounds/headline-green.jpg');
  height: 60px;
  width: 78%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
}
/**** Teal Navigation ****/
.teal #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
  border: 2px solid #35a7b1;
}
.teal #g-navigation {
  background: #35a7b1;
  color: white;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border-bottom: 4px solid transparent;
}
.teal #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .teal #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
  color: #35a7b1;
}
.teal #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
  color: #35a7b1;
}
.teal .headline-border {
  background-image: url('../images/backgrounds/headline-teal.png');
  height: 60px;
  width: 88%;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: right;
  margin: 0 auto;
  position: relative;
  display: inline-block;
  left: 0;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .blue #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .sand #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .red #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .dark-gray #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .orange #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .green #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .light-gray #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .purple #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: white !important;
    padding: 0.2345rem 0;
    font-size: 1.5vw;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  .blue #g-navigation .cart-logo, .sand #g-navigation .cart-logo, .red #g-navigation .cart-logo, .dark-gray #g-navigation .cart-logo, .purple #g-navigation .cart-logo, .light-gray #g-navigation .cart-logo, .orange #g-navigation .cart-logo, .green #g-navigation .cart-logo {
    background-image: url('../images/icons/cart-white.png');
    height: 24px;
    width: 30px;
    position: relative;
    display: block;
    float: right;
    background-repeat: no-repeat;
    background-position: bottom;
    right: 14px;
    top: 0px;
  }
  .blue #g-navigation .cart-item-count, .sand #g-navigation .cart-item-count, .red #g-navigation .cart-item-count, .dark-gray #g-navigation .cart-item-count, .purple #g-navigation .cart-item-count, .light-gray #g-navigation .cart-item-count, .orange #g-navigation .cart-item-count, .green #g-navigation .cart-item-count {
    background: transparent none repeat scroll 0 0;
    border-radius: 20px;
    color: white;
    display: inline-block;
    font-size: 16px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    width: 20px;
    font-family: "Allerta Stencil";
    left: 35px;
    position: relative;
    top: 0px;
  }
  #g-navigation .size-23 {
    flex: 0 33%;
    width: 33%;
  }
  #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #212c59;
    font-size: 1.5vw;
    border-bottom: 0;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: normal;
  }
  #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container {
    border-bottom: 0px solid rgba(33, 44, 89, 0.2);
    font-size: 1.5vw;
    text-transform: uppercase;
    color: #9e9ea2;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    font-size: 1.5vw;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: normal;
    color: #212c59;
  }
  #g-navigation.white, #g-navigation.red {
    padding: 1.2rem 10px 15px 10px !important;
  }
  #g-navigation.white .size-25, #g-navigation.red .size-25 {
    flex: 0 19%;
    width: 19%;
  }
  #g-navigation.white .size-46, #g-navigation.red .size-46 {
    flex: 0 42%;
    width: 46%;
  }
  #g-navigation.white .size-16, #g-navigation.red .size-16 {
    flex: 0 32%;
    width: 32%;
  }
  #g-navigation.white .size-8, #g-navigation.red .size-8 {
    flex: 0 7%;
    width: 7%;
  }
  #g-navigation.white .cart-logo, #g-navigation.red .cart-logo {
    height: 26px;
    width: 28px;
    position: relative;
    display: block;
    float: right;
    background-repeat: no-repeat;
    background-position: bottom;
    right: 16px;
    top: 9px;
    background-size: contain;
  }
  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  #g-navigation .g-main-nav .g-toplevel > li {
    margin: 0px 1%;
  }
  .blue .headline-border {
    background-image: url('../images/backgrounds/headline-blue.jpg');
    height: 60px;
    width: 76%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    margin-left: 9%;
    margin-right: 10px;
  }
  .sand .headline-border {
    background-image: url('../images/backgrounds/headline-sand.jpg');
    height: 60px;
    width: 76%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
  }
  .red .headline-border {
    background-image: url('../images/backgrounds/headline-red.jpg');
    height: 60px;
    width: 76%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
  }
  .green .headline-border {
    background-image: url('../images/backgrounds/headline-green.jpg');
    height: 60px;
    width: 76%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
  }
  .dark-gray .headline-border {
    background-image: url('../images/backgrounds/headline-dark-gray.jpg');
    height: 60px;
    width: 76%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
  }
  .teal .headline-border {
    background-image: url('../images/backgrounds/headline-teal.png');
    height: 60px;
    width: 76%;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
  }
  .purple .headline-border {
    background-image: url('../images/backgrounds/headline-purple.jpg');
    height: 60px;
    width: 76%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
  }
  .light-gray .headline-border {
    background-image: url('../images/backgrounds/headline-light-gray.jpg');
    height: 60px;
    width: 76%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  #g-navigation .size-23 {
    flex: 0 35%;
    width: 35%;
  }
  #g-navigation .size-18 {
    flex: 0 14%;
    width: 14%;
  }
  #g-navigation .size-46 {
    flex: 0 43%;
    width: 43%;
  }
  #g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 1vw;
  }
  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 1.4vw;
    line-height: 2vw;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  .blue #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .sand #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .red #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .dark-gray #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .orange #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .green #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .light-gray #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .purple #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: white !important;
    padding: 0.2345rem 0;
    font-size: 1.3vw;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #212c59;
    font-size: 1.3vw;
    border-bottom: 0;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: normal;
  }
  #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container {
    border-bottom: 0px solid rgba(33, 44, 89, 0.2);
    font-size: 1.3vw;
    text-transform: uppercase;
    color: #9e9ea2;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    font-size: 1.3vw;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: normal;
    color: #212c59;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  /**** Navigation Sand ****/
  /**** Navigation Red ****/
  #g-navigation {
    height: 66px;
  }
  #g-navigation .g-main-nav .g-toplevel {
    bottom: 33px;
    position: relative;
  }
  #g-navigation.white {
    background: #fff;
    color: #212c59;
    position: relative;
    z-index: 11;
    padding: 6px 25px 0px 25px !important;
    border-bottom: 4px solid;
  }
  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  .blue #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .sand #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .red #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .dark-gray #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .orange #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .green #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .light-gray #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .purple #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .teal #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    color: white !important;
    padding: 0.2345rem 0;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  .blue nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .blue nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .blue #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .sand nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .sand nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .sand #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .red nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .red nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .red #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .dark-gray nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .dark-gray nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .dark-gray #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .orange nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .orange nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .orange #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .green nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .green nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .green #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .light-gray nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .light-gray nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .light-gray #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .purple nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .purple nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .purple #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .teal nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .teal nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .teal #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
    border-bottom: 4px solid white;
  }
  .blue .tabber, .sand .tabber, .red .tabber, .dark-gray .tabber, .orange .tabber, .green .tabber, .light-gray .tabber, .purple .tabber, .teal .tabber {
    background-image: url('../images/tablet/tabber-white.png');
    height: 35px;
    width: 31px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .blue #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #212c59;
  }
  .blue #g-navigation {
    background: #212c59;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .blue #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .blue #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #212c59;
  }
  .blue #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #212c59;
  }
  .blue .headline-border {
    background-image: url('../images/backgrounds/headline-blue.jpg');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 16px;
  }
  .blue .next-btn {
    top: -130px !important;
  }
  .sand #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #a57e3b;
  }
  .sand #g-navigation {
    background: #a57e3b;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .sand #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .sand #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #a57e3b;
  }
  .sand #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #a57e3b;
  }
  .sand .headline-border {
    background-image: url('../images/backgrounds/headline-sand.jpg');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 50px;
  }
  .red #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #a41624;
  }
  .red #g-navigation {
    background: #a41624;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .red #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .red #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #a41624;
  }
  .red #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #a41624;
  }
  .red .headline-border {
    background-image: url('../images/backgrounds/headline-red.jpg');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 50px;
  }
  .dark-gray #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #383637;
  }
  .dark-gray #g-navigation {
    background: #383637;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .dark-gray #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .dark-gray #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #383637;
  }
  .dark-gray #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #383637;
  }
  .dark-gray .headline-border {
    background-image: url('../images/backgrounds/headline-dark-gray.jpg');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 50px;
  }
  .teal #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #35a7b1;
  }
  .teal #g-navigation {
    background: #35a7b1;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .teal #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .teal #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #35a7b1;
  }
  .teal #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #35a7b1;
  }
  .teal .headline-border {
    background-image: url('../images/backgrounds/headline-teal.png');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 50px;
  }
  .purple #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #482f68;
  }
  .purple #g-navigation {
    background: #482f68;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .purple #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .purple #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #482f68;
  }
  .purple #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #482f68;
  }
  .purple .headline-border {
    background-image: url('../images/backgrounds/headline-purple.jpg');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 50px;
  }
  .light-gray #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #7f8891;
  }
  .light-gray #g-navigation {
    background: #7f8891;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .light-gray #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .light-gray #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #7f8891;
  }
  .light-gray #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #7f8891;
  }
  .light-gray .headline-border {
    background-image: url('../images/backgrounds/headline-light-gray.jpg');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 50px;
  }
  .orange #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #e6742d;
  }
  .orange #g-navigation {
    background: #e6742d;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .orange #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .orange #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #e6742d;
  }
  .orange #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #e6742d;
  }
  .orange .headline-border {
    background-image: url('../images/backgrounds/headline-orange.jpg');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 50px;
  }
  .green #g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
    position: relative;
    border: 2px solid #003a21;
  }
  .green #g-navigation {
    background: #003a21;
    color: white;
    position: relative;
    z-index: 11;
    padding: 15px 25px 0px 25px !important;
    border-bottom: 4px solid transparent;
  }
  .green #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container, .green #g-navigation.white .g-main-nav .g-sublevel > li.active > .g-menu-item-container :hover {
    color: #003a21;
  }
  .green #g-navigation.white .g-main-nav .g-sublevel > li > .g-menu-item-container:hover {
    color: #003a21;
  }
  .green .headline-border {
    background-image: url('../images/backgrounds/headline-green.jpg');
    height: 30px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    left: 0;
    bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .sidebar-menu {
    position: fixed;
    background-color: rgba(33, 44, 89, 0);
    width: 100vw;
    height: 104%;
    top: -15px;
    z-index: 99999;
    display: none;
    margin-left: 0;
    padding-left: 0;
    left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: background-color 0.4s ease-in;
  }
  .nav.menu {
    text-align: center;
    position: relative;
    width: auto;
    margin: 0 auto !important;
    display: block !important;
  }
  .close-btn {
    top: 100px;
    width: 33px;
    height: 36px;
    opacity: 0.8;
    position: absolute;
    right: 50px;
  }
  .close-btn:before, .close-btn:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: #fff;
  }
  .close-btn:before {
    transform: rotate(45deg);
  }
  .close-btn:after {
    transform: rotate(-45deg);
  }
  .moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled {
    margin: 0;
    display: inline-block;
    border: 0px solid #e0e0e5;
    padding: 0.938rem 1.876rem;
  }
  .moduletable .nav.menu li, .moduletable .mostread li, .moduletable .latestnews li, .moduletable .archive-module li, .moduletable .relateditems li, .moduletable .categories-module li, .moduletable .category-module li, .moduletable .latestusers li, .moduletable .unstyled li {
    list-style-type: none;
    margin-left: 0;
    padding-bottom: 0.938rem;
    margin-bottom: -0.375rem;
    border-bottom: 0px solid #e0e0e5;
  }
  .sidebar-menu ul.menu li a {
    font-size: 4vh;
    line-height: 4.5vh;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    color: white !important;
    text-align: center;
  }
  .sidebar-menu ul.menu ul li a {
    font-size: 2.5vh;
    color: #7f8891 !important;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    line-height: 10px;
    text-align: center;
    bottom: 10px;
    position: relative;
  }
  .zoomInUp {
    top: 10vh;
    position: relative;
  }
}
@media (max-width: 767px) {
  .teal .headline-border {
    display: none;
  }
  .bb-logo img {
    width: 100px;
  }
  .sidebar-menu {
    position: fixed;
    background-color: rgba(33, 44, 89, 0);
    width: 100vw;
    height: 104%;
    top: -15px;
    z-index: 99999;
    display: none;
    margin-left: 0;
    padding-left: 0;
    left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: background-color 0.4s ease-in;
  }
  .nav.menu {
    text-align: center;
    position: relative;
    width: auto;
    margin: 0 auto !important;
    display: block !important;
  }
  .close-btn {
    top: 22px;
    width: 33px;
    height: 36px;
    opacity: 0.8;
    position: absolute;
    right: 20px;
  }
  .close-btn:before, .close-btn:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 33px;
    width: 2px;
    background-color: #fff;
  }
  .close-btn:before {
    transform: rotate(45deg);
  }
  .close-btn:after {
    transform: rotate(-45deg);
  }
  .moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled {
    margin: 0;
    display: inline-block;
    border: 0px solid #e0e0e5;
    padding: 0.938rem 1.876rem;
  }
  .moduletable .nav.menu li, .moduletable .mostread li, .moduletable .latestnews li, .moduletable .archive-module li, .moduletable .relateditems li, .moduletable .categories-module li, .moduletable .category-module li, .moduletable .latestusers li, .moduletable .unstyled li {
    list-style-type: none;
    margin-left: 0;
    padding-bottom: 0.938rem;
    margin-bottom: -0.375rem;
    border-bottom: 0px solid #e0e0e5;
    line-height: 18px;
  }
  .moduletable .nav .nav-child {
    margin-top: 0.625rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .sidebar-menu ul.menu li a {
    font-size: 4vh;
    line-height: 4vh;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    color: white !important;
    text-align: center;
  }
  .sidebar-menu ul.menu ul li a {
    font-size: 2.5vh;
    color: #7f8891 !important;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    line-height: 10px;
    text-align: center;
    bottom: 15px;
    position: relative;
  }
  .zoomInUp {
    top: 7vh;
    position: relative;
  }
}
@media (max-width: 767px) {
  /**** Blue ****/
  /**** Sand ****/
  /**** Red ****/
  /**** Green ****/
  /**** Dark Grey ****/
  /**** Purple ****/
  /**** light Grey ****/
  /**** Orange ****/
  .tabber {
    background-image: url('../images/mobile/tabber-blue.png');
    height: 22px;
    width: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  #g-navigation.white {
    background: #fff;
    color: #212c59;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid #212c59;
    height: 50px;
  }
  .g-block.size-5.hidden-desktop {
    display: inline-block;
    width: 46%;
    flex: 0 46%;
  }
  #g-navigation.size-18, body #g-navigation [class*="size-18"] {
    flex: 0 40% !important;
    width: 40% !important;
  }
  .g-block.size-23.align-right.login {
    flex: 0 10%;
  }
  #g-navigation.size-8, body #g-navigation [class*="size-8"] {
    flex: 0 3% !important;
    width: 3% !important;
  }
  .g-offcanvas-toggle {
    font-size: 2rem;
    color: #4db2b3;
    width: 32px;
    height: 32px;
    top: 5px;
    z-index: 100001;
    display: block;
    right: 45%;
    left: auto;
  }
  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    display: none;
  }
  .g-block.size-11.align-right.login:before {
    display: none;
  }
  #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    bottom: 9px;
  }
  #g-navigation.white .cart-item-count {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    color: #212c59;
    display: inline-block;
    font-size: 14px !important;
    height: 27px;
    line-height: 25px;
    text-align: center;
    width: 20px;
    font-family: "Allerta Stencil";
    left: 119% !important;
    position: relative;
    top: -20px !important;
  }
  #g-navigation.white .cart-logo {
    background-image: url('../images/icons/cart-blue.png');
    height: 24px !important;
    width: 24px !important;
    position: relative;
    display: block;
    float: right;
    background-repeat: no-repeat;
    background-position: bottom;
    right: 0 !important;
    top: 5px !important;
    background-size: contain;
  }
  nav > ul > li > a > img {
    left: -10px;
    position: relative;
    object-fit: cover;
    top: 10px;
    display: block;
  }
  .blue .tabber, .sand .tabber, .red .tabber, .dark-gray .tabber, .orange .tabber, .green .tabber, .light-gray .tabber, .purple .tabber {
    background-image: url('../images/mobile/tabber-white.png');
    height: 22px;
    width: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .blue nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .sand nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .red nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .dark-gray nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .orange nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .green nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .light-gray nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .purple nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, .blue nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .sand nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .red nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .dark-gray nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .orange nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .green nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .light-gray nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .purple nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, .blue #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .sand #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .red #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .dark-gray #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .orange #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .green #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .light-gray #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .purple #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
    border-bottom: 0px solid white;
  }
  .blue .g-block.size-11.align-right.login:before, .sand .g-block.size-11.align-right.login:before, .red .g-block.size-11.align-right.login:before, .dark-gray .g-block.size-11.align-right.login:before, .orange .g-block.size-11.align-right.login:before, .green .g-block.size-11.align-right.login:before, .light-gray .g-block.size-11.align-right.login:before, .purple .g-block.size-11.align-right.login:before {
    display: none;
  }
  .blue #g-navigation {
    background: #212c59;
    color: white;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid transparent;
  }
  .blue .headline-border {
    display: none;
  }
  .sand #g-navigation {
    background: #a57e3b;
    color: white;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid transparent;
  }
  .sand .headline-border {
    display: none;
  }
  .red #g-navigation {
    background: #a41624;
    color: white;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid transparent;
  }
  .red .headline-border {
    display: none;
  }
  .green #g-navigation {
    background: #003a21;
    color: white;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid transparent;
  }
  .green .headline-border {
    display: none;
  }
  .dark-gray #g-navigation {
    background: #383637;
    color: white;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid transparent;
  }
  .dark-gray .headline-border {
    display: none;
  }
  .purple #g-navigation {
    background: #482f68;
    color: white;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid transparent;
  }
  .purple .headline-border {
    display: none;
  }
  .light-gray #g-navigation {
    background: #7f8891;
    color: white;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid transparent;
  }
  .light-gray .headline-border {
    display: none;
  }
  .orange #g-navigation {
    background: #e6742d;
    color: white;
    position: relative;
    z-index: 11;
    padding: 6.5px 15px 0 15px !important;
    border-bottom: 4px solid transparent;
  }
  .orange .headline-border {
    display: none;
  }
  .blue nav > ul > li > a > img, .sand nav > ul > li > a > img, .red nav > ul > li > a > img, .dark-gray nav > ul > li > a > img, .orange nav > ul > li > a > img, .green nav > ul > li > a > img, .light-gray nav > ul > li > a > img, .purple nav > ul > li > a > img {
    background-image: url('../images/mobile/account-white.png') !important;
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 21px;
    object-position: -99999px 99999px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 2px;
  }
  .blue #g-navigation .cart-logo, .sand #g-navigation .cart-logo, .red #g-navigation .cart-logo, .dark-gray #g-navigation .cart-logo, .purple #g-navigation .cart-logo, .light-gray #g-navigation .cart-logo, .orange #g-navigation .cart-logo, .green #g-navigation .cart-logo {
    background-image: url('../images/mobile/cart-white.png');
    height: 30px;
    width: 34px;
    position: relative;
    display: block;
    float: right;
    background-repeat: no-repeat;
    background-position: bottom;
    right: 30px;
    top: 6px;
  }
  nav > ul > li.g-menu-item.g-menu-item-type-component.g-parent.active.g-standard.g-menu-item-link-parent > a, nav > ul > li.active.g-menu-item.g-menu-item-type-component.g-standard > a, #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
    border-bottom: 0px solid #212c59;
  }
}
/**** 404 ****/
.itemid-101.outline-_error .bunny {
  content: "";
  background-image: url('../images/icons/social-bunny.png');
  position: relative;
  display: inline-block;
  height: 310px;
  width: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  top: 0;
}
.itemid-101.outline-_error h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 40px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 40px;
  text-align: center;
}
#g-footer {
  color: #fff;
  padding: 2rem 0;
  height: 380px;
  background-image: url('../images/backgrounds/footer-bg.jpg');
}
footer#g-footer p {
  color: white;
}
footer#g-footer p a {
  color: white;
}
footer#g-footer p a:hover {
  color: #a57e3b;
}
#g-footer nav > ul > li.g-menu-item.g-menu-item---particle-Xvj6A.g-menu-item-type-particle.g-standard > div > div > p {
  font-size: 12px;
  color: white;
  font-family: "Merriweather";
  margin-right: 30px;
  font-weight: normal;
  position: relative;
  margin-top: 0;
}
#g-footer nav > ul > li.g-menu-item.g-menu-item---particle-KvzC1.g-menu-item-type-particle.g-standard > div > div > p, #g-footer nav > ul > li.g-menu-item.g-menu-item---particle-KvzC1.g-menu-item-type-particle.g-standard > div > div > p > a {
  font-size: 12px;
  color: white;
  font-family: "Merriweather";
  font-weight: normal;
  position: relative;
  margin-bottom: 0;
  margin-top: 6px;
}
#g-footer nav > ul > li.g-menu-item.g-menu-item---particle-KvzC1.g-menu-item-type-particle.g-standard > div > div > p > a:hover {
  color: #a57e3b;
}
.footer-menu .g-main-nav .g-toplevel > li > .g-menu-item-container {
  font-size: 12px;
  color: white;
  font-family: "Merriweather";
  margin-right: 30px;
  font-weight: normal;
}
.footer-menu .g-main-nav .g-toplevel > li > a:after {
  content: "";
  position: relative;
  border-right: 1px solid white;
  left: 14px;
  top: 3px;
}
.footer-address p, .footer-address a {
  font-size: 15px;
  color: white;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  margin-right: 8px;
  margin-left: 8px;
  display: inline-block;
  font-weight: 400;
}
.footer-address a:hover, .footer-menu .g-main-nav .g-toplevel > li > a:hover {
  color: #a57e3b;
}
.g-social {
  display: inline-block;
}
.g-social a {
  font-size: 22px;
  line-height: 22px;
  margin-right: 0px;
  margin-left: 0px;
}
.social-block {
  top: 25px;
  position: relative;
}
.ul-instaholic {
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  grid-gap: 0px;
}
.ul-instaholic > li > a:hover {
  opacity: 0.5;
  background-color: black;
}
.il-photo__img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
#g-footer > div > div:nth-child(1) > div {
  margin-bottom: 24px;
}
.social-block .bunny {
  content: "";
  background-image: url('../images/icons/social-bunny.png');
  position: relative;
  display: inline-block;
  height: 310px;
  width: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.social-block .bunny:hover {
  content: "";
  background-image: url('../images/icons/social-bunny-flop.png');
  position: relative;
  display: inline-block;
  height: 310px;
  width: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.twitter {
  height: 80px;
  width: 80px;
  margin-right: 25px;
  position: relative;
  display: inline-block;
  bottom: 135px;
  left: -25px;
  border-radius: 50%;
}
.twitter:hover {
  height: 80px;
  width: 80px;
  background-image: url('../images/backgrounds/wave-alone.png');
  background-repeat: repeat-x;
  animation: animate 6s linear 1;
  background-size: 150px;
}
.facebook {
  height: 80px;
  width: 80px;
  margin-right: 25px;
  position: relative;
  display: inline-block;
  bottom: 135px;
  left: -25px;
  border-radius: 50%;
}
.facebook:hover {
  height: 80px;
  width: 80px;
  background-image: url('../images/backgrounds/wave-alone.png');
  background-repeat: repeat-x;
  animation: animate 6s linear 1;
  background-size: 150px;
}
.instagram {
  height: 80px;
  width: 80px;
  margin-right: 25px;
  position: relative;
  display: inline-block;
  bottom: 135px;
  left: -25px;
  border-radius: 50%;
}
.instagram:hover {
  height: 80px;
  width: 80px;
  background-image: url('../images/backgrounds/wave-alone.png');
  background-repeat: repeat-x;
  animation: animate 6s linear 1;
  background-size: 150px;
}
@keyframes animate {
  0% {
    background-position: left 0px top 80px;
  }
  40% {
    background-position: left 800px top -50px;
  }
  80% {
    background-position: left 800px top -50px;
  }
  100% {
    background-position: left 800px top -50px;
  }
}
#g-content-area-4 > div > div > div > div {
  margin-bottom: -42px;
  padding-bottom: 0;
  position: relative;
}
@media (min-width: 960px) and (max-width: 1199px) {
  #g-footer > div > div:nth-child(1) > div {
    margin-bottom: -19px;
  }
  .footer-address p, .footer-address a {
    font-size: 13px;
    color: white;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #g-footer {
    color: #fff;
    padding: 1rem 0;
    height: 380px;
    background-image: url('../images/backgrounds/footer-bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .g-social {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .footer-address {
    width: 65%;
    text-align: center;
    margin: 0 auto;
    line-height: 15px;
  }
  .footer-address p, .footer-address a {
    font-size: 13px !important;
    color: white !important;
    font-family: "Allerta Stencil" !important;
    text-transform: uppercase;
    margin-right: 8px;
    margin-left: 8px;
    display: inline-block;
    font-weight: 400;
    line-height: 18px !important;
  }
  #g-footer > div > div:nth-child(1) > div {
    margin-bottom: 0;
  }
  #g-footer img {
    width: 125px;
  }
  .itemid-101 .instagram {
    height: 65px;
    width: 65px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    bottom: 115px;
    left: -22px;
    border-radius: 50%;
  }
  .itemid-101 .instagram:hover {
    height: 65px;
    width: 65px;
    background-image: url('../images/backgrounds/wave-alone.png');
    background-repeat: repeat-x;
    animation: animate 6s linear 1;
    background-size: 150px;
  }
  .itemid-101 .facebook {
    height: 65px;
    width: 65px;
    margin-right: 25px;
    position: relative;
    display: inline-block;
    bottom: 115px;
    left: -22px;
    border-radius: 50%;
  }
  .itemid-101 .facebook:hover {
    height: 65px;
    width: 65px;
  }
  .itemid-101 .twitter {
    height: 65px;
    width: 65px;
    margin-right: 25px;
    position: relative;
    display: inline-block;
    bottom: 115px;
    left: -22px;
    border-radius: 50%;
  }
  .itemid-101 .twitter:hover {
    height: 65px;
    width: 65px;
  }
  nav > ul > li.g-menu-item.g-menu-item-123.g-menu-item-type-component.g-standard > a:after {
    border-right: 0 solid;
  }
  .social-block .bunny {
    content: "";
    background-image: url('../images/icons/social-bunny.png');
    position: relative;
    display: inline-block;
    height: 310px;
    width: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    right: 50px;
  }
  .instagram {
    height: 65px;
    width: 65px;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    bottom: 145px;
    left: -93px;
    border-radius: 50%;
  }
  .instagram:hover {
    height: 65px;
    width: 65px;
  }
  .facebook {
    height: 65px;
    width: 65px;
    margin-right: 25px;
    position: relative;
    display: inline-block;
    bottom: 145px;
    left: -90px;
    border-radius: 50%;
  }
  .facebook:hover {
    height: 65px;
    width: 65px;
  }
  .twitter {
    height: 65px;
    width: 65px;
    margin-right: 25px;
    position: relative;
    display: inline-block;
    bottom: 145px;
    left: -96px;
    border-radius: 50%;
  }
  .twitter:hover {
    height: 65px;
    width: 65px;
  }
}
@media (max-width: 767px) {
  .social-block {
    top: 0;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
  }
  .itemid-101 .social-block .bunny:hover {
    content: "";
    background-image: url('../images/icons/social-bunny-flop.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    position: relative;
    top: 57px;
    display: block;
    width: 128px;
    z-index: 2;
    margin: 0 auto;
  }
  .itemid-101 .social-block .instagram {
    height: 55px;
    width: 55px;
    margin-right: 20px;
    position: relative;
    display: inline-block;
    bottom: 200px;
    left: 0;
    border-radius: 50%;
  }
  .itemid-101 .social-block .facebook {
    height: 55px;
    width: 55px;
    margin-right: 25px;
    position: relative;
    display: inline-block;
    bottom: 200px;
    left: 0;
    border-radius: 50%;
  }
  .itemid-101 .social-block .twitter {
    height: 55px;
    width: 55px;
    margin-right: 0;
    position: relative;
    display: inline-block;
    bottom: 200px;
    left: 0;
    border-radius: 50%;
  }
  #g-content-area-4 > div > div:nth-child(2) > div > div > div > div > div > div > ul > li:nth-child(4), #g-content-area-4 > div > div:nth-child(2) > div > div > div > div > div > div > ul > li:nth-child(5), #g-content-area-4 > div > div:nth-child(2) > div > div > div > div > div > div > ul > li:nth-child(6) {
    display: none;
  }
  #g-footer {
    color: #fff;
    padding: 0rem 0;
    height: 380px;
  }
  #g-footer img {
    height: 90px;
  }
  #g-footer > div > div:nth-child(1) > div {
    margin-bottom: 0;
  }
  .footer-address {
    color: transparent;
    font-size: 5px;
  }
  .footer-address p, .footer-address a {
    font-size: 14px;
    color: white;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    margin-right: 8px;
    margin-left: 8px;
    display: inline-block;
    font-weight: 400;
    line-height: 16px;
  }
  .footer-menu .g-main-nav .g-toplevel > li > .g-menu-item-container {
    font-size: 12px;
    color: white;
    font-family: "Merriweather";
    margin-right: 10px;
    font-weight: normal;
    margin-bottom: 0;
  }
  .footer-menu .g-main-nav .g-toplevel > li > a:after {
    content: "";
    position: relative;
    border-right: 0px solid white;
    left: 14px;
    top: 3px;
  }
  .social-block .bunny {
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    position: relative;
    top: 31px;
    display: block;
    width: 128px;
    z-index: 2;
    margin: 0 auto;
  }
  .social-block .bunny:hover {
    content: "";
    background-image: url('../images/icons/social-bunny-flop.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    position: relative;
    top: 31px;
    display: block;
    width: 128px;
    z-index: 2;
    margin: 0 auto;
  }
  .social-block .instagram {
    height: 55px;
    width: 55px;
    margin-right: 20px;
    position: relative;
    display: inline-block;
    bottom: 230px;
    left: 0;
    border-radius: 50%;
  }
  .social-block .facebook {
    height: 55px;
    width: 55px;
    margin-right: 25px;
    position: relative;
    display: inline-block;
    bottom: 230px;
    left: 0;
    border-radius: 50%;
  }
  .social-block .twitter {
    height: 55px;
    width: 55px;
    margin-right: 0;
    position: relative;
    display: inline-block;
    bottom: 230px;
    left: 0;
    border-radius: 50%;
  }
  .itemid-101.outline-_error .bunny {
    content: "";
    background-image: url('../images/icons/social-bunny.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    position: relative;
    top: 30px;
    display: block;
    width: 128px;
    z-index: 2;
    margin: 0 auto;
  }
  .itemid-101.outline-_error .social-block .bunny:hover {
    content: "";
    background-image: url('../images/icons/social-bunny-flop.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    position: relative;
    top: 30px;
    display: block;
    width: 128px;
    z-index: 2;
    margin: 0 auto;
  }
  .itemid-101.outline-_error h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 40px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 40px;
    text-align: center;
  }
}
/**** Radio buttons ****/
input[type="radio"] {
  margin-left: 20px;
  margin-bottom: 5px;
}
/**** Buttons ****/
div.title-box {
  position: relative;
  overflow: hidden;
}
.overlay-text {
  text-align: center;
  position: relative;
  display: block;
  color: white;
  font-size: 4vh;
  font-family: "Allerta Stencil";
  font-weight: 400;
  text-transform: uppercase;
  padding: 6px;
  left: 0;
}
.discover-btn {
  background-image: url('../images/buttons/discover-btn.png');
  height: 60px;
  width: 233px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 20px;
  text-align: center;
  margin-top: 50px;
  padding: 19px;
  color: white;
  display: block;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  line-height: 25px;
}
.discover-btn:hover {
  background-image: url('../images/buttons/discover-btn-hover.png');
  color: white;
}
.button:disabled:hover {
  background: none;
}
#Send {
  background-image: url('../images/buttons/button-blue.png');
  height: 68px;
  width: 260px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  padding: 0;
}
#Send:hover {
  background-image: url('../images/buttons/button-blue-hover.png');
  background-color: white;
  color: #212c59;
}
.j2store-cart-button.btn.btn-primary {
  background-image: url('../images/buttons/checkout.jpg');
  height: 68px;
  width: 218px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  padding: 0;
  margin-left: 10px;
}
.j2store-cart-button.btn.btn-primary:hover {
  background-image: url('../images/buttons/checkout-hover.jpg');
  color: #212c59;
}
.view-myprofile .btn.btn-primary, .view-myprofile #address-tab > div > div.myprofile-address-addnew > a, .view-myprofile #j2store-address-tr-1 > ul > li.myprofile-address-control-edit > a, .view-myprofile #j2store-address-tr-1 > ul > li.myprofile-address-control-delete > a {
  background-image: url('../images/buttons/checkout.jpg');
  background-repeat: no-repeat;
  height: 10px;
  width: 130px;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  font-size: 16px;
  margin: 0 auto;
  padding: 20px 12px;
  color: white;
  text-align: center;
  line-height: 0px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-bottom: 30px;
  display: inline-block;
}
.view-myprofile .btn.btn-primary:hover, .view-myprofile #address-tab > div > div.myprofile-address-addnew > a:hover, .view-myprofile #j2store-address-tr-1 > ul > li.myprofile-address-control-edit > a:hover, .view-myprofile #j2store-address-tr-1 > ul > li.myprofile-address-control-delete > a:hover {
  background-image: url('../images/buttons/checkout-hover.jpg');
  color: #212c59;
  font-weight: bold;
}
.view-myprofile .btn.btn-warning {
  background-image: url('../images/buttons/sand-checkout.jpg');
  height: 62px;
  width: 205px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 17px;
  margin: 0 auto;
  padding: 18px 15px;
  color: white;
  text-align: center;
  line-height: 10px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-left: 0px;
  margin-bottom: 0;
  display: block;
}
.view-myprofile .fa.fa-chevron-left {
  display: inline-block;
  font: normal normal normal 20px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  color: white;
}
.view-myprofile .btn.btn-warning:hover .fa.fa-chevron-left {
  color: #a57e3b;
}
.view-myprofile #j2storeaddressForm h3 {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 45px;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-bottom: 50px;
  margin-top: 35px;
  font-weight: 400;
}
.view-myprofile .icon-apply:before, .view-myprofile .icon-edit:before, .view-myprofile .icon-pencil:before {
  content: "+";
  right: 10px;
  position: relative;
  display: block;
}
.view-myprofile .icon-publish:before, .view-myprofile .icon-save:before, .view-myprofile .icon-ok:before, .view-myprofile .icon-checkmark:before {
  right: 10px;
  position: relative;
  display: block;
}
.view-myprofile .button.btn {
  background-image: url('../images/buttons/gray-checkout.jpg');
  height: 62px;
  width: 205px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 17px;
  margin: 0 auto;
  padding: 18px 15px;
  color: white;
  text-align: center;
  line-height: 25px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-left: 0px;
  margin-bottom: 0;
  display: inline-block;
}
.view-myprofile .btn:hover {
  background-image: url('../images/buttons/gray-checkout-hover.jpg');
  color: #7f8891;
  font-weight: bold;
}
.view-myprofile .btn-success {
  background-image: url('../images/buttons/green-checkout.jpg') !important;
  height: 62px;
  width: 205px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-size: 17px;
  margin: 0 auto;
  padding: 18px 15px;
  color: white;
  text-align: center;
  line-height: 25px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-left: 0px;
  margin-bottom: 0;
  display: inline-block;
}
.view-myprofile .btn-success:hover {
  background-image: url('../images/buttons/green-checkout-hover.jpg') !important;
  color: #003a21;
  font-weight: bold;
}
.btn.btn-primary {
  background-image: url('../images/buttons/checkout.jpg');
  background-repeat: no-repeat !important;
  height: 20px;
  width: 205px;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  font-size: 16px;
  margin: 0 auto;
  padding: 25px 10px;
  color: white;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  box-shadow: inset 0px 0px 0px 5px #212c59;
}
.btn.btn-primary:hover {
  background-image: none;
  color: #212c59;
  font-weight: bold;
}
.btn.btn-large.btn-success {
  background-image: url('../images/buttons/green-checkout.jpg');
  height: 74px;
  width: 239px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 16px;
  margin: 0 auto;
  padding: 25px 10px;
  color: white;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
}
.btn.btn-large.btn-success:hover {
  background-image: url('../images/buttons/green-checkout-hover.jpg');
  color: #003a21;
  font-weight: bold;
}
.btn.btn-warning {
  background-image: url('../images/buttons/sand-checkout.jpg');
  height: 22px;
  width: 235px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 16px;
  margin: 0 auto;
  padding: 25px 10px;
  color: white;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-left: 20px;
  margin-bottom: 30px;
}
.btn.btn-warning:hover {
  background-image: url('../images/buttons/sand-checkout-hover.jpg');
  color: #a57e3b;
  font-weight: bold;
}
/**** Blue****/
.hasTooltip {
  background-image: url('../images/buttons/button-blue.png') !important;
  height: 66px !important;
  width: 250px !important;
  position: relative !important;
  display: block !important;
  color: white !important;
  text-align: center !important;
  line-height: 20px !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  font-family: "Allerta" !important;
  padding: 22px !important;
  margin-top: 30px !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  border: 0px solid transparent !important;
}
.hasTooltip:hover {
  background-image: url('../images/buttons/button-blue-hover.png') !important;
  color: #212c59 !important;
}
.button-blue {
  background-image: url('../images/buttons/button-blue.png');
  height: 66px;
  width: 250px;
  position: relative;
  display: inline-block;
  color: white;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
  padding: 22px;
  margin-top: 30px;
  margin-right: 20px;
}
a.button-blue:hover {
  background-image: url('../images/buttons/button-blue-hover.png');
  color: #212c59;
}
.buy-btn {
  background-image: url('../images/buttons/buy-btn.png');
  height: 66px;
  width: 205px;
  position: relative;
  display: block;
  color: white;
  text-align: left;
  line-height: 20px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
  padding: 22px 28px;
  margin-top: 30px;
  background-repeat: no-repeat;
  margin: 0 auto;
  opacity: 0;
}
a.buy-btn:hover {
  background-image: url('../images/buttons/buy-btn-hover.png');
  color: #212c59;
}
div.title-box.blue .overlay-left {
  content: "";
  background-image: url('../images/buttons/say-hello-blue-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.blue .overlay-top {
  background-image: url('../images/buttons/say-hello-blue-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.blue .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.blue .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
/**** sand ****/
div.title-box.sand .overlay-left {
  content: "";
  background-image: url('../images/buttons/say-hello-sand-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.sand .overlay-top {
  background-image: url('../images/buttons/say-hello-sand-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.sand .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.sand .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
/**** red ****/
div.title-box.red .overlay-left {
  content: "";
  background-image: url('../images/buttons/say-hello-red-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.red .overlay-top {
  background-image: url('../images/buttons/say-hello-red-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.red .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.red .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
/**** green ****/
div.title-box.green .overlay-left {
  content: "";
  background-image: url('../images/buttons/say-hello-green-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.green .overlay-top {
  background-image: url('../images/buttons/say-hello-green-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.green .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.green .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
/**** dgray ****/
div.title-box.dgray .overlay-left {
  content: "";
  background-image: url('../images/buttons/say-hello-dgray-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.dgray .overlay-top {
  background-image: url('../images/buttons/say-hello-dgray-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.dgray .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.dgray .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
/**** purple ****/
div.title-box.purple .overlay-left {
  content: "";
  background-image: url('../images/buttons/say-hello-purple-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.purple .overlay-top {
  background-image: url('../images/buttons/say-hello-purple-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.purple .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.purple .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
/**** lgray ****/
div.title-box.lgray .overlay-left {
  content: "";
  background-image: url('../images/buttons/say-hello-lgray-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.lgray .overlay-top {
  background-image: url('../images/buttons/say-hello-lgray-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.lgray .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.lgray .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
/**** orange ****/
div.title-box.orange .overlay-left {
  content: "";
  background-image: url('../images/buttons/say-hello-orange-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.orange .overlay-top {
  background-image: url('../images/buttons/say-hello-orange-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.orange .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.orange .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
/**** Teal ****/
div.title-box.teal .overlay-left {
  content: "";
  background-image: url('../../../../images/say-hello-teal-1.png');
  height: 80px;
  position: absolute;
  background-repeat: no-repeat;
  display: block;
  bottom: 0px;
  left: -416px;
  right: 0;
  overflow: hidden;
  width: 88%;
  height: 110px;
  transition: 0.4s ease;
  background-size: cover;
  top: -4px;
  background-position: center;
}
div.title-box.teal .overlay-top {
  background-image: url('../../../../images/say-hello-teal-2.png');
  position: absolute;
  bottom: 0px;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 110px;
  transition: 0.4s ease;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
  top: -126px;
}
/**** updated ****/
.span3:hover div.title-box.teal .overlay-top {
  bottom: 0;
  height: 107px;
  display: block;
  top: 0;
  right: 0px;
}
.span3:hover div.title-box.teal .overlay-left {
  width: 100%;
  display: block;
  left: 0px;
  z-index: 1;
  top: 0;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .cart-continue-shopping-button .btn.btn-primary {
    background-image: url('../images/buttons/checkout.jpg');
    background-repeat: no-repeat;
    height: 30px;
    width: 225px;
    background-color: transparent;
    background-position: center;
    background-size: contain;
    font-size: 16px;
    margin: 0 auto;
    padding: 25px 10px;
    color: white;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    margin-bottom: 30px;
    margin-left: 40px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  /**** Hovers for the beers ****/
  .button-blue {
    background-image: url('../images/buttons/button-blue.png');
    height: 60px;
    width: 230px;
    position: relative;
    display: inline-block;
    color: white;
    text-align: center;
    line-height: 20px;
    font-size: 17px;
    text-transform: uppercase;
    font-family: "Allerta";
    padding: 20px;
    margin-top: 30px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    font-weight: normal;
  }
  .discover-btn {
    background-image: url('../images/buttons/discover-btn.png');
    height: 60px;
    width: 216px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 17px;
    text-align: center;
    margin-top: 25px;
    padding: 19px;
    color: white;
    display: block;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    line-height: 22px;
    margin-left: 0;
  }
  .overlay-text {
    text-align: center;
    position: relative;
    display: block;
    color: white;
    font-size: 3vh;
    font-family: "Allerta Stencil";
    font-weight: 400;
    text-transform: uppercase;
    padding: 1px;
    left: 0;
    line-height: 6vh;
    display: none;
  }
  .buy-btn {
    background-image: url('../images/buttons/buy-btn.png');
    height: 49px;
    width: 160px;
    position: relative;
    display: block;
    color: white;
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta";
    padding: 16px 24px;
    margin-top: 30px;
    background-repeat: no-repeat;
    margin: 0 auto;
    opacity: 0;
    background-size: contain;
  }
  .j2store-cart-button.btn.btn-primary {
    background-image: url('../images/buttons/checkout.jpg');
    height: 60px;
    width: 205px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;
    margin-left: 10px;
    box-shadow: inset 0px 0px 0px 0px #212c59;
  }
  .hasTooltip {
    background-image: url('../images/buttons/button-blue.png') !important;
    height: 57px !important;
    width: 216px !important;
    position: relative !important;
    display: block !important;
    color: white !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-family: "Allerta" !important;
    padding: 19px !important;
    margin-top: 30px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    border: 0px solid transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
  }
  #Send {
    height: 62px;
    width: 235px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;
  }
  div.title-box .overlay-left {
    content: "";
    height: 80px;
    position: absolute;
    background-repeat: no-repeat;
    display: none;
    bottom: 0px;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 88%;
    height: 110px;
    transition: 0.4s ease;
    background-size: cover;
    top: -4px;
    background-position: center;
  }
  div.title-box .overlay-top {
    position: absolute;
    bottom: 0px;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 110px;
    transition: 0.4s ease;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    top: 0;
    display: none;
  }
}
@media (max-width: 767px) {
  .button-blue {
    background-image: url('../images/buttons/button-blue.png');
    height: 60px;
    width: 210px;
    position: relative;
    display: block;
    color: white;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: "Allerta";
    padding: 17px;
    margin-right: 0;
    margin: 0 auto;
    margin-top: 5px;
    font-weight: normal;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .discover-btn {
    background-image: url('../images/buttons/discover-btn.png');
    height: 50px;
    width: 194px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 18px;
    text-align: center;
    padding: 13px;
    color: white;
    display: block;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    line-height: 25px;
    background-size: contain;
    margin: 0 auto;
    margin-top: 30px;
  }
  .overlay-text {
    text-align: center;
    position: relative;
    display: block;
    color: white;
    font-size: 4vh;
    font-family: "Allerta Stencil";
    font-weight: 400;
    text-transform: uppercase;
    padding: 4px;
    left: 0;
  }
  .buy-btn {
    background-image: url('../images/buttons/buy-btn.png');
    height: 42px;
    width: 135px;
    position: relative;
    display: block;
    color: white;
    text-align: left;
    line-height: 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Allerta";
    padding: 12px 28px;
    margin-top: 30px;
    background-repeat: no-repeat;
    margin: 0 auto;
    opacity: 0;
    background-size: contain;
    font-weight: normal;
  }
  .j2store-cart-button.btn.btn-primary {
    background-image: url('../images/buttons/checkout.jpg');
    height: 60px;
    width: 194px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    margin-top: 6px;
    padding: 0;
    margin-left: 8px;
  }
  .btn.btn-primary {
    background-image: url('../images/buttons/checkout.jpg');
    background-repeat: no-repeat;
    height: 28px;
    width: 130px;
    background-color: transparent;
    background-position: center;
    background-size: contain;
    font-size: 10px;
    margin: 0 auto;
    padding: 10px 10px;
    color: white;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    margin-bottom: 30px;
    box-shadow: inset 0px 0px 0px 3px #212c59;
  }
  .btn.btn-warning {
    background-image: url('../images/buttons/sand-checkout.jpg');
    height: 28px;
    width: 141px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 12px;
    margin: 0 auto;
    padding: 10px 10px;
    color: white;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    margin-left: 0px;
    margin-bottom: 30px;
    display: inline-block;
  }
  .j2store-cart-buttons .buttons-left {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }
  .btn.btn-large.btn-success {
    background-image: url('../images/buttons/green-checkout.jpg');
    height: 50px;
    width: 162px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 10px;
    margin: 0 auto;
    padding: 15px 10px;
    color: white;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
  }
  .view-myprofile .btn.btn-primary, .view-myprofile #j2store-address-tr-1 > ul > li.myprofile-address-control-edit > a, .view-myprofile #j2store-address-tr-1 > ul > li.myprofile-address-control-delete > a {
    background-image: url('../images/buttons/checkout.jpg');
    background-repeat: no-repeat;
    height: 10px;
    width: 100px;
    background-color: transparent;
    background-position: center;
    background-size: contain;
    font-size: 12px;
    margin: 0 auto;
    padding: 20px 12px;
    color: white;
    text-align: center;
    line-height: 0px;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
  }
  .view-myprofile #address-tab > div > div.myprofile-address-addnew > a {
    margin-bottom: 0;
    display: inline-block;
  }
  .view-myprofile .button.btn {
    background-image: url('../images/buttons/gray-checkout.jpg');
    height: 62px;
    width: 205px;
    height: 56px;
    width: 132px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 10px;
    margin: 0 auto;
    padding: 18px 6px;
    color: white;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    margin-left: 0px;
    margin-bottom: 0;
    display: inline-block;
  }
  .view-myprofile .icon-publish:before, .view-myprofile .icon-save:before, .view-myprofile .icon-ok:before, .view-myprofile .icon-checkmark:before {
    right: 2px;
    position: relative;
    display: block;
  }
  .view-myprofile #j2storeaddressForm h3 {
    font-size: 25px;
    text-transform: uppercase;
    line-height: 25px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 20px;
    margin-top: 15px;
    font-weight: 400;
  }
  .view-myprofile .btn.btn-warning {
    background-image: url('../images/buttons/sand-checkout.jpg');
    height: 42px;
    width: 138px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 10px;
    margin: 0 auto;
    padding: 15px 15px;
    color: white;
    text-align: center;
    line-height: 10px;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    margin-left: 0px;
    margin-bottom: 0;
    display: inline-block;
  }
  .view-myprofile .fa.fa-chevron-left {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: white;
  }
  .overlay-text {
    display: none;
  }
  .hasTooltip {
    background-image: url('../images/buttons/button-blue.png') !important;
    height: 40px !important;
    width: 153px !important;
    position: relative !important;
    display: block !important;
    color: white !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-family: "Allerta" !important;
    padding: 11px !important;
    margin-top: 30px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    border: 0px solid transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    text-align: center !important;
  }
}
.details {
  position: relative;
  height: 680px;
  margin: 0px;
  border-bottom: 4px solid #212c59;
}
body.sand .details {
  border-bottom: 4px solid #a57e3b;
}
body.orange .details {
  border-bottom: 4px solid #e6742d;
}
body.red .details {
  border-bottom: 4px solid #a41624;
}
body.green .details {
  border-bottom: 4px solid #003a21;
}
body.blue .details {
  border-bottom: 4px solid #212c59;
}
body.dark-gray .details {
  border-bottom: 4px solid #383637;
}
body.light-gray .details {
  border-bottom: 4px solid #7f8891;
}
body.purple .details {
  border-bottom: 4px solid #482f68;
}
body.teal .details {
  border-bottom: 4px solid #35a7b1;
}
.beer-detail {
  position: absolute;
  opacity: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s ease-in-out;
  list-style-type: none;
  overflow: hidden;
}
.beer-detail.initial {
  opacity: 1;
}
.beer-detail.sandpiper > img {
  position: absolute;
  bottom: -40px;
  left: 60%;
}
.beer-detail.sandpiper > img:nth-child(2) {
  left: 10%;
  transform: scaleX(-1) scale(1.5);
  opacity: 0.2;
  bottom: -25%;
}
.beer-detail.rhodeisland > img {
  position: absolute;
  top: 30px;
  left: 8%;
}
.beer-detail.rhodeisland > img:nth-child(2) {
  left: 60%;
  transform: scaleX(-1) scale(1.7);
  opacity: 0.2;
  top: 40%;
}
.beer-detail.scarecrow > img {
  position: absolute;
  top: 60px;
  left: 66%;
}
.beer-detail.scarecrow > img:nth-child(2) {
  left: 10%;
  transform: scaleX(-1) scale(1.5);
  opacity: 0.2;
  top: 33%;
}
.beer-detail.trappershat > img {
  position: absolute;
  top: 18%;
  left: 4%;
}
.beer-detail.trappershat > img:nth-child(2) {
  left: 55%;
  transform: scaleX(-1) scale(1.5);
  opacity: 0.2;
  top: 14%;
}
.beer-detail.oyster > img {
  position: absolute;
  top: 50%;
  left: 4%;
}
.beer-detail.oyster > img:nth-child(2) {
  left: 55%;
  transform: scaleX(-1) scale(1.5);
  opacity: 0.2;
  top: 25%;
}
.beer-detail.woolyback > img {
  position: absolute;
  top: 0px;
  left: 60%;
}
.beer-detail.woolyback > img:nth-child(2) {
  left: 10%;
  transform: scaleX(-1) scale(1.5);
  opacity: 0.2;
  top: 15%;
}
.beer-detail.ipa > img {
  position: absolute;
  bottom: -60px;
  left: 15%;
}
.beer-detail.ipa > img:nth-child(2) {
  left: 65%;
  transform: scaleX(-1) scale(2.5);
  opacity: 0.2;
  bottom: 15%;
}
.beer-detail.elder > img {
  position: absolute;
  top: 0px;
  left: 60%;
}
.beer-detail.elder > img:nth-child(2) {
  left: 15%;
  transform: scaleX(-1) scale(1.7);
  opacity: 0.2;
  top: 38%;
}
.beer-detail.shedDay > img {
  position: absolute;
  top: 18%;
  left: 71%;
}
.beer-detail.shedDay > img:nth-child(2) {
  left: 15%;
  transform: scaleX(1) scale(1.7);
  opacity: 0.2;
  top: 18%;
}
.beer-detail > div {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 60px;
}
.beer-detail > div span:nth-child(2) {
  margin-top: 40px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.sandpiper.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.sandpiper.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.sandpiper.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #a57e3b;
  bottom: 40px;
  position: relative;
}
.rhodeisland.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.rhodeisland.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.rhodeisland.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #a41624;
  bottom: 40px;
  position: relative;
}
.scarecrow.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.scarecrow.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.scarecrow.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #003a21;
  bottom: 40px;
  position: relative;
}
.trappershat.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.trappershat.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.trappershat.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #212c59;
  bottom: 40px;
  position: relative;
}
.oyster.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.oyster.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.oyster.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #383637;
  bottom: 40px;
  position: relative;
}
.woolyback.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.woolyback.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.woolyback.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #482f68;
  bottom: 40px;
  position: relative;
}
.ipa.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.ipa.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.ipa.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #7f8891;
  bottom: 40px;
  position: relative;
}
.elder.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.elder.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.elder.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #e6742d;
  bottom: 40px;
  position: relative;
}
.shedDay.beer-detail > div span:nth-child(2) {
  margin-top: 25px;
  display: block;
  font-size: 25px;
  font-family: "Allerta";
  color: #212c59;
}
.shedDay.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 110px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
  margin-top: 0;
  bottom: 25px;
  position: relative;
}
.shedDay.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #35a7b1;
  bottom: 40px;
  position: relative;
}
.beer-detail > div h2 {
  color: #212c59;
  padding: 0.2345rem 0;
  font-size: 140px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 145px;
  margin-bottom: 0;
}
.beer-detail > div span:last-child {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  color: #212c59;
}
.beer-detail.initial {
  background: url('../../../../images/headers/lightblue.png');
}
.beer-detail.sandpiper {
  background: url('../../../../images/headers/gold.png');
}
.beer-detail.rhodeisland {
  background: url('../../../../images/headers/red.png');
}
.beer-detail.scarecrow {
  background: url('../../../../images/headers/green.png');
}
.beer-detail.trappershat {
  background: url('../../../../images/headers/blue.png');
}
.beer-detail.oyster {
  background: url('../../../../images/headers/darkgrey.png');
}
.beer-detail.woolyback {
  background: url('../../../../images/headers/purple.png');
}
.beer-detail.ipa {
  background: url('../../../../images/headers/lightgrey.png');
}
.beer-detail.elder {
  background: url('../../../../images/headers/orange.png');
}
.beer-detail.shedDay {
  background: url('../../../../images/headers/teal.jpg');
}
ul.list {
  position: relative;
  display: block;
  text-align: center;
  bottom: 240px;
}
.list li {
  display: inline-block;
  width: 10%;
  list-style-type: none;
  vertical-align: text-top;
}
.beer-link > img:nth-child(1) {
  display: none;
}
.beer-link > h3, .purple .beer-link > h3 {
  vertical-align: top;
  display: block;
  color: grey;
  padding: 0.2345rem 0;
  font-size: 15px !important;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 17px;
  position: absolute;
  bottom: 0;
  width: 53%;
  top: 270px;
}
.beer-link {
  position: relative;
  width: 170px;
  height: 320px;
  display: inline-block;
  margin: 0;
}
.beer-link.sandpiper .char {
  position: absolute;
  width: 150px;
  height: 180px;
  background: url('../../../../images/headers/sandpiper.png');
  background-repeat: no-repeat;
  bottom: 160px;
}
.beer-link.sandpiper .bottle {
  position: absolute;
  width: 270px;
  height: 230px;
  background: url('../../../../images/products/sandpiper.png');
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
}
.beer-link.rhodeisland .char {
  position: absolute;
  width: 150px;
  height: 180px;
  background: url('../../../../images/headers/rhodeisland.png');
  background-repeat: no-repeat;
  bottom: 160px;
}
.beer-link.rhodeisland .bottle {
  position: absolute;
  width: 270px;
  height: 230px;
  background: url('../../../../images/products/rhodeisland.png');
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
}
.beer-link.scarecrow .char {
  position: absolute;
  width: 150px;
  height: 180px;
  background: url('../../../../images/headers/scarecrow.png');
  background-repeat: no-repeat;
  bottom: 160px;
}
.beer-link.scarecrow .bottle {
  position: absolute;
  width: 270px;
  height: 230px;
  background: url('../../../../images/products/scarecrow.png');
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
}
.beer-link.trappershat .char {
  position: absolute;
  width: 180px;
  height: 180px;
  background: url('../../../../images/headers/trappershat.png');
  background-repeat: no-repeat;
  bottom: 160px;
  left: -50px;
}
.beer-link.trappershat .bottle {
  position: absolute;
  width: 270px;
  height: 230px;
  background: url('../../../../images/products/trappershat.png');
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
}
.beer-link.oyster .char {
  position: absolute;
  width: 150px;
  height: 180px;
  background: url('../../../../images/headers/oyster.png');
  background-repeat: no-repeat;
  bottom: 150px;
}
.beer-link.oyster .bottle {
  position: absolute;
  width: 270px;
  height: 230px;
  background: url('../../../../images/products/oystercatcher.png');
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
}
.beer-link.woolyback .char {
  position: absolute;
  width: 150px;
  height: 180px;
  background: url('../../../../images/headers/woolyback.png');
  background-repeat: no-repeat;
  bottom: 160px;
  left: -10px;
}
.beer-link.woolyback .bottle {
  position: absolute;
  width: 208px;
  height: 229px;
  background: url('../../../../images/products/brimstage-lager-small.png');
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 45px;
}
.beer-link.ipa .char {
  position: absolute;
  width: 150px;
  height: 180px;
  background: url('../../../../images/headers/ipa.png');
  background-repeat: no-repeat;
  bottom: 160px;
}
.beer-link.ipa .bottle {
  position: absolute;
  width: 270px;
  height: 230px;
  background: url('../../../../images/products/ipa.png');
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
}
.beer-link.elder .char {
  position: absolute;
  width: 150px;
  height: 180px;
  background: url('../../../../images/headers/elder.png');
  background-repeat: no-repeat;
  bottom: 160px;
}
.beer-link.elder .bottle {
  position: absolute;
  width: 270px;
  height: 230px;
  background: url('../../../../images/products/elder-pale.png');
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 50px;
}
.beer-link.shedDay .char {
  position: absolute;
  width: 129px;
  height: 180px;
  background: url('../../../../images/shedday1.png');
  background-repeat: no-repeat;
  bottom: 160px;
  background-size: contain;
  background-position: 0px;
}
.beer-link.shedDay .bottle {
  position: absolute;
  width: 360px;
  height: 228px;
  background: url('../../../../images/bb-shedipa-can-pint-web.png');
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 50px;
}
.beer-link .char, .beer-link .bottle {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media (min-width: 960px) and (max-width: 1199px) {
  .beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 110px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 115px;
    margin-bottom: 0;
  }
  .list li {
    display: inline-block;
    width: 10%;
    list-style-type: none;
    vertical-align: text-top;
  }
  .sandpiper.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .rhodeisland.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .scarecrow.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .trappershat.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .oyster.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .woolyback.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .ipa.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .elder.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .shedDay.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 90px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 110px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 25px;
    position: relative;
  }
  .beer-detail.rhodeisland > img {
    position: absolute;
    top: 30px;
    left: -30%;
  }
  .beer-detail.scarecrow > img {
    position: absolute;
    top: 60px;
    left: 72%;
  }
  .beer-detail.trappershat > img {
    position: absolute;
    top: 18%;
    left: -33%;
  }
  .beer-detail.oyster > img {
    position: absolute;
    top: 50%;
    left: -26%;
  }
  .beer-detail.ipa > img {
    position: absolute;
    bottom: -60px;
    left: -20%;
  }
  .beer-detail.shedDay > img {
    position: absolute;
    bottom: 0;
    left: 57%;
    top: 15%;
  }
  .beer-detail.shedDay > img:nth-child(2) {
    left: 6%;
    transform: scaleX(1) scale(1.4);
    opacity: 0.2;
    top: 18%;
  }
  .beer-link > h3, .purple .beer-link > h3 {
    vertical-align: top;
    display: block;
    color: grey;
    padding: 0.2345rem 0;
    font-size: 15px !important;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 17px;
    position: absolute;
    bottom: -12px;
    width: 52%;
  }
}
@media (min-width: 1200px) and (max-width: 1580px) {
  .beer-link > h3, .purple .beer-link > h3 {
    vertical-align: top;
    display: block;
    color: grey;
    padding: 0.2345rem 0;
    font-size: 15px !important;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 17px;
    position: absolute;
    bottom: -12px;
    width: 52%;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  /**** Homepage banner ****/
  /**** Bottles ****/
  /**** Sandpiper ****/
  /**** Rhode Red ****/
  /**** Scarecrow ****/
  /**** Trapper's Hat ****/
  /**** Oyster ****/
  /**** Woolyback ****/
  /**** IPA ****/
  /**** Elder ****/
  /**** Shed Day ****/
  .beer-detail > div > img {
    width: 12%;
  }
  .beer-detail > div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 20px;
  }
  .details {
    position: relative;
    height: 400px;
    margin: 0px;
    border-bottom: 4px solid #212c59;
  }
  .beer-detail.initial {
    background: url('../../../../images/headers/lightblue.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail > div h2 {
    color: #212c59;
    padding: 0 0;
    font-size: 70px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 70px;
    margin-bottom: 0;
  }
  .beer-detail > div span:last-child {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #212c59;
  }
  .beer-link.sandpiper .bottle {
    position: absolute;
    width: 165px;
    height: 140px;
    background: url('../../../../images/products/sandpiper.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 38px;
  }
  .beer-link.sandpiper .char {
    position: absolute;
    width: 74px;
    height: 80px;
    background: url('../../../../images/headers/sandpiper.png');
    background-repeat: no-repeat;
    bottom: 130px;
    background-size: cover;
  }
  .beer-link.rhodeisland .bottle {
    position: absolute;
    width: 165px;
    height: 140px;
    background: url('../../../../images/products/rhodeisland.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 38px;
  }
  .beer-link.rhodeisland .char {
    position: absolute;
    width: 74px;
    height: 90px;
    background: url('../../../../images/headers/rhodeisland.png');
    background-repeat: no-repeat;
    bottom: 120px;
    background-size: cover;
  }
  .beer-link.scarecrow .bottle {
    position: absolute;
    width: 165px;
    height: 140px;
    background: url('../../../../images/products/scarecrow.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 38px;
  }
  .beer-link.scarecrow .char {
    position: absolute;
    width: 62px;
    height: 80px;
    background: url('../../../../images/headers/scarecrow.png');
    background-repeat: no-repeat;
    bottom: 124px;
    background-size: cover;
  }
  .beer-link.trappershat .bottle {
    position: absolute;
    width: 165px;
    height: 140px;
    background: url('../../../../images/products/trappershat.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 38px;
  }
  .beer-link.trappershat .char {
    position: absolute;
    width: 98px;
    height: 82px;
    background: url('../../../../images/headers/trappershat.png');
    background-repeat: no-repeat;
    bottom: 123px;
    left: -25px;
    background-size: cover;
  }
  .beer-link.oyster .bottle {
    position: absolute;
    width: 165px;
    height: 140px;
    background: url('../../../../images/products/oystercatcher.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 38px;
  }
  .beer-link.oyster .char {
    position: absolute;
    width: 81px;
    height: 84px;
    background: url('../../../../images/headers/oyster.png');
    background-repeat: no-repeat;
    bottom: 112px;
    background-size: cover;
  }
  .beer-link.woolyback .bottle {
    position: absolute;
    width: 165px;
    height: 125px;
    background: url('../../../../images/products/woolyback.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 39px;
  }
  .beer-link.woolyback .char {
    position: absolute;
    width: 67px;
    height: 80px;
    background: url('../../../../images/headers/woolyback.png');
    background-repeat: no-repeat;
    bottom: 128px;
    left: 0;
    background-size: cover;
  }
  .beer-link.ipa .bottle {
    position: absolute;
    width: 165px;
    height: 140px;
    background: url('../../../../images/products/ipa.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 38px;
  }
  .beer-link.ipa .char {
    position: absolute;
    width: 75px;
    height: 80px;
    background: url('../../../../images/headers/ipa.png');
    background-repeat: no-repeat;
    bottom: 131px;
    background-size: cover;
  }
  .beer-link.elder .bottle {
    position: absolute;
    width: 165px;
    height: 140px;
    background: url('../../../../images/products/elder-pale.png');
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 38px;
  }
  .beer-link.elder .char {
    position: absolute;
    width: 58px;
    height: 80px;
    background: url('../../../../images/headers/elder.png');
    background-repeat: no-repeat;
    bottom: 132px;
    background-size: cover;
  }
  .beer-link.shedDay .bottle {
    position: absolute;
    width: 255px;
    height: 134px;
    background: url('../../../../images/bb-shedipa-can-pint-web.png');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 38px;
  }
  .beer-link.shedDay .char {
    position: absolute;
    width: 86px;
    height: 180px;
    background: url('../../../../images/shedday1.png');
    background-repeat: no-repeat;
    bottom: 83px;
    background-size: contain;
    background-position: 0px;
  }
  ul.list {
    position: relative;
    display: block;
    text-align: center;
    bottom: 285px;
  }
  .list li {
    display: inline-block;
    width: 9.9%;
    list-style-type: none;
    vertical-align: text-top;
  }
  .beer-link > h3, .purple .beer-link > h3 {
    vertical-align: top;
    display: block;
    color: #7f8891;
    padding: 0.2345rem 0;
    font-size: 11px !important;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 17px;
    position: absolute;
    bottom: 0;
    width: 38%;
    top: 270px;
    left: -5px;
  }
  .beer-detail.sandpiper {
    background: url('../../../../images/headers/gold.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail.sandpiper > img {
    position: absolute;
    bottom: 8px;
    left: 72%;
    height: 295px;
  }
  .beer-detail.sandpiper > img:nth-child(2) {
    left: 3%;
    transform: scaleX(-1) scale(1.5);
    opacity: 0.2;
    bottom: -16%;
  }
  .sandpiper.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 8px;
    position: relative;
  }
  .sandpiper.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #a57e3b;
    bottom: 20px;
    position: relative;
  }
  .sandpiper.beer-detail > div span:nth-child(2) {
    margin-top: 12px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
    line-height: 30px;
  }
  .beer-detail.rhodeisland {
    background: url('../../../../images/headers/red.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .rhodeisland.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #a41624;
    bottom: 30px;
    position: relative;
  }
  .beer-detail.rhodeisland > img {
    position: absolute;
    top: 82px;
    left: 3%;
    height: 295px;
  }
  .rhodeisland.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 73px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 85px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 17px;
    position: relative;
  }
  .rhodeisland.beer-detail > div span:nth-child(2) {
    margin-top: 7px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
  }
  .beer-detail.scarecrow {
    background: url('../../../../images/headers/green.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail.scarecrow > img {
    position: absolute;
    top: 86px;
    left: 73%;
    height: 314px;
  }
  .scarecrow.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #003a21;
    bottom: 23px;
    position: relative;
  }
  .scarecrow.beer-detail > div span:nth-child(2) {
    margin-top: 7px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
  }
  .scarecrow.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 13px;
    position: relative;
  }
  .beer-detail.trappershat {
    background: url('../../../../images/headers/blue.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail.trappershat > img {
    position: absolute;
    top: 21%;
    left: 2%;
    height: 310px;
  }
  .trappershat.beer-detail > div span:nth-child(2) {
    margin-top: 7px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
  }
  .trappershat.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 13px;
    position: relative;
  }
  .trappershat.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #212c59;
    bottom: 23px;
    position: relative;
  }
  .beer-detail.oyster {
    background: url('../../../../images/headers/darkgrey.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail.oyster > img {
    position: absolute;
    top: 51%;
    left: 1%;
    height: 217px;
  }
  .beer-detail.oyster > img:nth-child(2) {
    left: 64%;
    transform: scaleX(-1) scale(1.5);
    opacity: 0.2;
    top: 39%;
  }
  .oyster.beer-detail > div span:nth-child(2) {
    margin-top: 7px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
  }
  .oyster.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 13px;
    position: relative;
  }
  .oyster.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #383637;
    bottom: 23px;
    position: relative;
  }
  .beer-detail.woolyback {
    background: url('../../../../images/headers/purple.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail.woolyback > img {
    position: absolute;
    top: 100px;
    left: 76%;
    height: 295px;
  }
  .beer-detail.woolyback > img:nth-child(2) {
    left: 10%;
    transform: scaleX(-1) scale(1.5);
    opacity: 0.2;
    top: 24%;
  }
  .woolyback.beer-detail > div span:nth-child(2) {
    margin-top: 7px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
  }
  .woolyback.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 13px;
    position: relative;
  }
  .woolyback.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #482f68;
    bottom: 23px;
    position: relative;
  }
  .beer-detail.ipa {
    background: url('../../../../images/headers/lightgrey.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail.ipa > img {
    position: absolute;
    bottom: 4px;
    left: 2%;
    height: 295px;
  }
  .ipa.beer-detail > div span:nth-child(2) {
    margin-top: 7px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
  }
  .ipa.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 13px;
    position: relative;
  }
  .ipa.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #7f8891;
    bottom: 23px;
    position: relative;
  }
  .beer-detail.elder {
    background: url('../../../../images/headers/orange.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail.elder > img {
    position: absolute;
    top: 90px;
    left: 74%;
    height: 295px;
  }
  .beer-detail.elder > img:nth-child(2) {
    left: 11%;
    transform: scaleX(-1) scale(1.7);
    opacity: 0.2;
    top: 37%;
  }
  .elder.beer-detail > div span:nth-child(2) {
    margin-top: 7px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
  }
  .elder.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 13px;
    position: relative;
  }
  .elder.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #e6742d;
    bottom: 23px;
    position: relative;
  }
  .beer-detail.shedDay {
    background: url('../../../../images/headers/teal.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .beer-detail.shedDay > img {
    position: absolute;
    top: 52px;
    left: 60%;
    height: 295px;
  }
  .beer-detail.shedDay > img:nth-child(2) {
    left: 11%;
    transform: scaleX(-1) scale(1.7);
    opacity: 0.2;
    top: 37%;
  }
  .shedDay.beer-detail > div span:nth-child(2) {
    margin-top: 7px;
    display: block;
    font-size: 20px;
    font-family: "Allerta";
    color: #212c59;
  }
  .shedDay.beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 75px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 80px;
    margin-bottom: 0;
    margin-top: 0;
    bottom: 13px;
    position: relative;
  }
  .shedDay.beer-detail > div span:last-child {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #35a7b1;
    bottom: 23px;
    position: relative;
  }
}
@media (max-width: 767px) {
  li.beer-detail.initial > div > img {
    height: 60px;
  }
  .beer-detail.initial {
    background: url('../../../../images/headers/lightblue.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  ul.list {
    display: none;
  }
  .details {
    position: relative;
    height: 330px;
    margin: 0px;
    border-bottom: 4px solid #212c59;
  }
  .details:before {
    content: "";
    background-image: url('../images/mobile/homepage-characters.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 165px;
    width: 100%;
    position: absolute;
    bottom: -20px;
    z-index: 1;
  }
  .beer-detail > div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 25px;
  }
  .beer-detail > div h2 {
    color: #212c59;
    padding: 0.2345rem 0;
    font-size: 48px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 50px;
    margin-bottom: 0;
  }
  .beer-detail > div span:last-child {
    font-size: 12px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    color: #212c59;
    line-height: 15px;
    bottom: 8px;
    position: relative;
  }
}
.carousel {
  margin: 0 auto;
  width: 900px;
  height: 470px;
  position: relative;
}
.carousel img {
  visibility: hidden;
  /* hide images until carousel prepares them */
  cursor: pointer;
  /* not needed if you wrap carousel items in links */
}
#g-content-area-3 > div > div:nth-child(3) > div.g-block.size-66.center > div > div > div > div > h2 {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 959px) {
  .carousel {
    margin: 0 auto;
    width: 730px;
    height: 470px;
    position: relative;
  }
}
.itemid-106 .blog .items-row, .itemid-106 .item-page .items-row {
  margin-bottom: 0;
  padding-bottom: 0;
}
span.bold {
  color: #ffdd34;
  font-weight: bold;
  text-shadow: 2px 2px black;
}
.j2store-img-responsive {
  max-width: 100%;
  height: auto;
  max-height: 306px;
}
/**** Campaign ****/
#rstbox_4 a.ebox-ys-btn {
  background-image: url('../images/buttons/button-blue.png');
  height: auto;
  background-size: contain;
  width: 178px;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  color: white;
  text-align: center;
  line-height: 20px;
  font-size: 18px;
  text-transform: uppercase;
  font-family: "Allerta";
  padding: 14px 8px;
  margin-top: 0;
  margin-right: 18px;
  background-color: transparent !important;
}
.itemid-179 .icon-scroll, .itemid-179 .icon-scroll:before {
  position: absolute;
  left: 49%;
}
.itemid-179 .icon-scroll {
  width: 26px;
  height: 44px;
  margin-left: 0;
  bottom: -52px;
  margin-top: -35px;
  box-shadow: inset 0 0 0 1px black;
  border-radius: 25px;
  color: black;
}
.itemid-179 .icon-scroll:before {
  content: "";
  width: 4px;
  height: 4px;
  background: black;
  margin-left: -2px;
  top: 2px;
  border-radius: 4px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}
.itemid-179 span.scroll {
  color: black;
  z-index: 50;
  position: absolute;
  bottom: -80px;
  text-align: center;
  width: 100%;
  font-size: 15px;
  line-height: 18px;
  left: 0;
  font-weight: bold;
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(46px);
  }
}
.itemid-179 .ebCartAbandonment .eb-dialog {
  border-top: solid 0px #20284a !important;
}
.itemid-179 .eb-container.rstbox-container {
  border: 10px solid #20284a;
  padding: 14px;
}
.itemid-179 .eb {
  font-size: 22px;
  line-height: 25px;
}
.itemid-179 .ebCartAbandonment a {
  opacity: 1;
  background-image: url('../images/buttons/button-blue.png');
  height: 66px;
  width: 232px;
  position: relative;
  display: inline-block;
  color: white;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
  padding: 22px;
  margin: 0 auto;
  text-align: center;
  display: block;
}
.itemid-179 .ebCartAbandonment a:hover {
  background-image: url('../images/buttons/button-blue-hover.png');
  color: #212c59;
}
.itemid-179 .eb-close {
  right: 20px;
  top: 20px;
}
.itemid-179 #g-navigation.white {
  background: transparent !important;
  color: #212c59;
  position: relative;
  z-index: 11;
  padding: 1.2rem 40px 15px 40px !important;
  border: 0px solid transparent;
}
.itemid-179 .publish-info {
  display: none;
}
.itemid-179 h2 {
  font-size: 40px;
  line-height: 50px;
  position: relative;
  display: block;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 25px;
}
.itemid-179 .g-fixed-container {
  height: 0 !important;
}
.itemid-179 #g-banner {
  background-color: #212c59;
  height: 100%;
  top: 0 !important;
  margin-bottom: 4%;
}
.itemid-179 #g-banner video#myVideo {
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  height: 90vh;
  object-fit: cover;
  width: 100vw;
}
.itemid-179 #g-banner video#myVideo::cue {
  background-color: #212c59;
  font-size: 24px;
  line-height: 28px;
  position: relative;
  display: block;
  bottom: 0;
}
.itemid-179 #g-banner button#Play {
  bottom: 2%;
  z-index: 40;
  left: 62%;
}
.itemid-179 #g-banner button#Unmute {
  bottom: 2%;
  z-index: 40;
  right: 12%;
}
.itemid-179 #g-banner button#fullScreen {
  bottom: 2%;
  z-index: 40;
  right: 0%;
}
.itemid-179 #g-banner button#Play, .itemid-179 #g-banner button#Unmute, .itemid-179 #g-banner button#fullScreen {
  background-color: transparent;
  height: 50px;
  width: 50px;
  font-size: 28px;
  position: absolute;
}
.itemid-179 #g-banner button#Replay {
  display: none;
  background-color: black;
  height: 100%;
  width: 100%;
  font-size: 28px;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  font-family: "Allerta Stencil";
}
.itemid-179 #g-banner button:focus {
  border: none;
  background: none;
  outline: none;
}
.itemid-179 #g-banner .bar {
  height: 45px;
  background-color: rgba(225, 225, 225, 0.6);
  width: 20%;
  position: absolute;
  bottom: 2%;
  right: 0;
  z-index: 50;
}
.itemid-179 #g-banner select {
  margin-top: 8px;
  margin-left: 8px;
}
.itemid-179 #g-content-area-1 {
  margin-bottom: 4%;
}
.itemid-179 #g-content-area-2 {
  background-image: url('../../../../images/bottles-on-beach-3.jpg');
  height: auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 0;
}
.itemid-179 #g-content-area-2 .moduletable {
  width: 60%;
  background-color: white;
  padding: 2%;
  right: 0;
  float: right;
}
.itemid-179 #g-content-area-2 h3.g-title {
  font-size: 35px;
  line-height: 50px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  display: block;
  color: #212c59;
}
.itemid-179 #g-content-area-3 {
  margin-bottom: 4%;
  margin-top: 4%;
}
.itemid-179 #g-content-area-3 img {
  right: 0;
  float: right;
}
.itemid-179 #g-content-area-3 .size-50 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .outline-13 .field-value {
    font-size: 25px;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    line-height: 25px;
  }
  .outline-13 .trait {
    width: 30%;
  }
  .outline-13 .type {
    width: 20%;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .itemid-179 #g-banner video#myVideo {
    height: 84vh;
    object-fit: cover;
  }
  .itemid-179 #g-banner .bar {
    height: 45px;
    background-color: rgba(225, 225, 225, 0.6);
    width: 49%;
    position: absolute;
    bottom: 9%;
    right: 0;
    z-index: 50;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  #rstbox_4 a.ebox-ys-btn {
    width: 162px;
    line-height: 15px;
    font-size: 14px;
  }
  .eb-dialog {
    width: 700px !important;
    max-width: 100% !important;
    padding: 15px 10px !important;
  }
  .eb-container.rstbox-container {
    border: 10px solid #20284a;
    padding: 5px;
  }
  .itemid-179 #g-banner {
    margin-bottom: 8%;
  }
  .itemid-179 #g-banner video#myVideo {
    height: 64vh;
  }
  .itemid-179 #g-banner select {
    margin-top: 3px;
    margin-left: 6px;
  }
  .itemid-179 #g-banner .icon-scroll {
    display: none;
  }
  .itemid-179 #g-banner span.scroll {
    display: none;
  }
  .itemid-179 #g-banner .bar {
    height: 44px;
    background-color: rgba(225, 225, 225, 0.6);
    width: 100%;
    position: absolute;
    bottom: -43px;
  }
  .itemid-179 #g-banner button#Play {
    bottom: 2%;
    z-index: 40;
    left: auto;
    right: 68px;
  }
  .itemid-179 #g-banner button#Unmute {
    bottom: 2%;
    z-index: 40;
    right: 32px;
  }
  .itemid-179 #g-content-area-2 .moduletable {
    width: 75%;
  }
}
@media (max-width: 767px) {
  #rstbox_4 a.ebox-ys-btn {
    width: 162px;
    line-height: 15px;
    font-size: 14px;
  }
  .eb-dialog {
    width: 500px !important;
    max-width: 100% !important;
    padding: 15px 10px !important;
  }
  .eb-container.rstbox-container {
    border: 10px solid #20284a;
    padding: 5px;
  }
  .itemid-179 .icon-scroll {
    display: none;
  }
  .itemid-179 span.scroll {
    display: none;
  }
  .itemid-179 #g-navigation.white {
    background: transparent !important;
    color: #212c59;
    position: relative;
    z-index: 11;
    padding: 0.5rem 25px 11px 16px !important;
    border: 0px solid transparent;
  }
  .itemid-179 h2 {
    font-size: 25px;
    line-height: 35px;
  }
  .itemid-179 #g-banner {
    margin-bottom: 4%;
  }
  .itemid-179 #g-banner video#myVideo {
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    height: 80vw;
    object-fit: cover;
    width: 100vw;
  }
  .itemid-179 #g-banner video#myVideo::cue {
    background-color: #212c59;
    font-size: 22px;
    line-height: 28px;
    position: relative;
    display: block;
    bottom: 0;
  }
  .itemid-179 #g-banner button#Play {
    bottom: 3px;
    z-index: 40;
    left: auto;
    right: 60px;
  }
  .itemid-179 #g-banner button#Unmute {
    bottom: 3px;
    z-index: 40;
    right: 30px;
  }
  .itemid-179 #g-banner button#fullScreen {
    bottom: 4px;
    z-index: 40;
    right: 0%;
    font-size: 27px !important;
  }
  .itemid-179 #g-banner button#Play, .itemid-179 #g-banner button#Unmute, .itemid-179 #g-banner button#fullScreen {
    background-color: transparent;
    height: 35px;
    width: 36px;
    font-size: 22px;
    position: absolute;
  }
  .itemid-179 #g-banner select {
    margin-top: 3px;
    margin-left: 6px;
  }
  .itemid-179 #g-banner .bar {
    height: 38px;
    background-color: rgba(225, 225, 225, 0.6);
    width: 100%;
    position: absolute;
    bottom: -38px;
  }
  .itemid-179 #g-content-area-1 img {
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
  }
  .itemid-179 #g-content-area-2 {
    padding: 1rem 0 26rem 0;
    background: url('../../../../images/landingpage_extended.jpg'), #608ec9;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .itemid-179 #g-content-area-2 .moduletable {
    width: 100%;
    background-color: white;
    padding: 20px;
  }
  .itemid-179 #g-content-area-2 .moduletable p:nth-child(4) {
    margin: 0 auto;
    text-align: center;
  }
  .itemid-179 #g-content-area-2 .moduletable p:nth-child(2), .itemid-179 #g-content-area-2 .moduletable p:nth-child(5) {
    display: none;
  }
  .itemid-179 #g-content-area-2 .moduletable h3.g-title {
    font-size: 25px;
    line-height: 30px;
    margin-top: 28px;
  }
  .itemid-179 #g-content-area-2 .moduletable .siba-gold {
    margin-right: 6%;
    width: 40%;
  }
  .itemid-179 #g-content-area-2 .moduletable .siba-silver {
    width: 40%;
  }
  .itemid-179 #g-content-area-2 .moduletable .cob-2009 {
    margin-right: 4%;
    margin-top: 6%;
  }
  .itemid-179 #g-content-area-2 .moduletable .cob-2010 {
    width: 30% !important;
    margin-right: 4%;
    margin-top: 6%;
  }
  .itemid-179 #g-content-area-2 .moduletable .cob-2019 {
    margin-right: 4%;
    margin-top: 6%;
  }
  .itemid-179 #g-content-area-2 .moduletable img {
    width: 35%;
    margin: 15px auto 0 auto;
    text-align: center;
    position: relative;
    display: inline-block;
  }
}
@media (min-width: 475px) and (max-width: 767px) {
  .itemid-179 #g-content-area-2 {
    padding: 1rem 0 28rem 0;
    background: url('../../../../images/landingpage_extended.jpg'), #608ec9;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
/**** Thank you pages ****/
nav > ul > li.g-menu-item.g-menu-item-type-alias.g-menu-item-178.g-standard {
  display: none;
}
.itemid-172 h2, .itemid-173 h2, .itemid-174 h2 {
  margin-top: 20px;
  position: relative;
  text-transform: uppercase;
  padding: 40px 0 10px 0;
  font-family: "Allerta Stencil";
  color: #212c59;
  font-size: 40px;
  line-height: 60px;
}
/**** Shop Banner ****/
.shop-banner {
  background-image: url('../../../../images/Trappers-Hut-Brimstage-Brewery-Membership-Scheme.jpg');
  height: 345px;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}
.shop-banner a.main {
  color: #ffdd34;
  font-weight: bold;
  text-shadow: 2px 2px black;
}
.shop-banner h2 {
  font-size: 76px;
  line-height: 86px;
  text-align: center;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  color: white;
  margin-top: 30px;
  text-shadow: 2px 2px black;
  margin-bottom: 20px !important;
}
.shop-banner p {
  text-align: center;
  color: white;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
  text-shadow: 2px 1px black;
  margin-bottom: 20px !important;
}
.shop-banner .discover-btn {
  margin: 26px auto;
  font-family: "Allerta Stencil";
}
/**** Members Area ****/
.itemid-159 .banner img {
  margin-top: 20px;
}
.itemid-159 h1 {
  font-size: 65px;
  line-height: 70px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.itemid-159 h2 {
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  font-size: 36px;
  line-height: 45px;
  text-align: center;
}
.itemid-159 #g-content-area-1 .support {
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  margin-bottom: 24px;
  margin: 5%;
}
.itemid-159 #g-content-area-1 > div > div:nth-child(2) > div > div > div > div > p {
  display: none !important;
}
.itemid-159 h3.g-title {
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  font-size: 44px;
  line-height: 40px;
  margin-bottom: 40px;
  text-align: center;
}
.itemid-159 h3.title {
  font-size: 30px;
  line-height: 42px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  min-height: 30px;
  margin-bottom: 0;
  letter-spacing: 0px;
}
.itemid-159 #g-content-area-1 .button-blue {
  background-image: url('../images/buttons/button-blue.png');
  height: 50px;
  width: 193px;
  position: relative;
  display: inline-block;
  color: white;
  text-align: center;
  line-height: 19px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: "Allerta";
  padding: 16px;
  margin-top: 10px;
  margin-right: 20px;
  background-size: cover;
}
.itemid-159 #g-content-area-1 p {
  color: #212c59;
  font-size: 16px;
  line-height: 20px;
  font-family: "Merriweather";
  font-weight: bold;
  margin-bottom: 0;
}
.itemid-159 #g-content-area-1 p.promoCode {
  font-family: "Allerta Stencil";
  font-size: 26px;
  line-height: 32px;
  font-weight: normal;
  margin-top: 0;
}
.itemid-159 p.promoCode {
  font-family: "Allerta Stencil";
  font-size: 26px;
  line-height: 32px;
  font-weight: normal;
  margin-top: 0;
}
.itemid-159 .offers {
  margin-right: 4%;
  padding-bottom: 50px;
  border-bottom: 2px dashed gray;
  margin-bottom: 40px;
}
/**** Pop up banner ****/
.eboxYesNo1 .ebox-ys-subtext {
  opacity: 0.7;
  font-size: 12px;
}
a.ebox-ys-btn {
  background-image: url('../images/buttons/button-blue.png');
  height: auto;
  background-size: contain;
  width: 230px;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  color: white;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
  padding: 14px 8px;
  margin-top: 0;
  margin-right: 18px;
  background-color: transparent !important;
}
.j2store_plugin_input {
  padding: 5px;
  display: block;
  font-weight: bold;
}
.itemid-136 .banner {
  display: none;
}
.itemid-136 .breadcrumb {
  display: none;
}
/**** Members Signup ****/
.itemid-162 .rsform {
  min-height: 1086px !important;
}
.itemid-162 .rsform p.login-intro, .itemid-163 .rsform p.login-intro {
  font-size: 24px;
  font-family: "Allerta Stencil";
  color: #212c59;
  margin-bottom: 20px;
  display: block;
  line-height: 28px;
}
.itemid-162 .rsform p.login-intro a, .itemid-163 .rsform p.login-intro a {
  color: #bd4747;
}
.itemid-162 .control-group.rsform-block.rsform-block-birthday, .itemid-163 .control-group.rsform-block.rsform-block-birthday {
  background-color: white;
  border-top: 5px solid #212c59 !important;
  border-left: 5px solid #212c59 !important;
  border-right: 5px solid #212c59 !important;
  border-bottom: 5px solid #212c59 !important;
}
.itemid-162 .control-group.rsform-block.rsform-block-birthday label, .itemid-163 .control-group.rsform-block.rsform-block-birthday label {
  font-size: 20px !important;
  color: Gray;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  width: 32%;
  display: inline-block;
  height: 61px;
  padding: 4% 1%;
  font-weight: normal;
  margin-top: 0;
}
.itemid-162 .control-group.rsform-block.rsform-block-birthday .controls, .itemid-163 .control-group.rsform-block.rsform-block-birthday .controls {
  width: 65%;
  display: inline-block;
}
.itemid-162 label, .itemid-163 label {
  margin-bottom: 5px;
  display: block;
  position: relative;
  text-align: left;
  font-size: 20px;
  /* font-weight: bold; */
  line-height: 20px;
  margin-top: 20px;
}
.itemid-162 #g-banner > div > div:nth-child(3), .itemid-163 #g-banner > div > div:nth-child(3) {
  display: none;
}
.itemid-162 .rsform, .itemid-163 .rsform {
  width: 45%;
  margin: 20px auto !important;
  position: relative;
  display: block;
  background-color: white;
  min-height: 1416px;
}
.itemid-162 .rsformgrid6, .itemid-163 .rsformgrid6 {
  width: 50%;
  display: inline-block;
  position: relative;
  margin-top: 22px;
}
.itemid-162 .rsform:after, .itemid-163 .rsform:after {
  content: "";
  background-image: url('../images/backgrounds/signup-form.jpg');
  position: absolute;
  position: absolute;
  height: 760px;
  width: 1340px;
  display: block;
  bottom: 50px;
  left: -386px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.itemid-162 .form-horizontal .controls, .itemid-163 .form-horizontal .controls {
  display: block;
  margin-left: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.itemid-162 #userForm, .itemid-163 #userForm {
  z-index: 3;
  position: relative;
}
.itemid-162 .form-horizontal .control-group, .itemid-163 .form-horizontal .control-group {
  margin-bottom: 0;
  padding-bottom: 0;
}
.itemid-162 .form-horizontal input + .help-block, .itemid-162 .form-horizontal select + .help-block, .itemid-162 .form-horizontal textarea + .help-block, .itemid-162 .form-horizontal .uneditable-input + .help-block, .itemid-162 .form-horizontal .input-prepend + .help-block, .itemid-162 .form-horizontal .input-append + .help-block, .itemid-163 .form-horizontal input + .help-block, .itemid-163 .form-horizontal select + .help-block, .itemid-163 .form-horizontal textarea + .help-block, .itemid-163 .form-horizontal .uneditable-input + .help-block, .itemid-163 .form-horizontal .input-prepend + .help-block, .itemid-163 .form-horizontal .input-append + .help-block {
  margin-top: 0;
}
.itemid-162 #FNAME, .itemid-163 #FNAME {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  font-size: 20px !important;
}
.itemid-162 #LNAME, .itemid-163 #LNAME {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  font-size: 20px !important;
}
.itemid-162 #EMAIL, .itemid-163 #EMAIL {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  font-size: 20px !important;
}
.itemid-162 #GENDER, .itemid-163 #GENDER {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  font-size: 20px !important;
  width: 86%;
  padding: 2% 6%;
  height: 61px;
  border-radius: 0;
  color: #dedfe5;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  color: Gray;
  -webkit-appearance: none;
  text-align: left;
  text-align-last: left;
}
.itemid-162 #AGE, .itemid-163 #AGE {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 5px solid #212c59;
  font-size: 20px !important;
}
.itemid-162 #BIRTHDAY, .itemid-162 #Reason, .itemid-163 #BIRTHDAY, .itemid-163 #Reason {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 5px solid #212c59;
  font-size: 20px !important;
}
.itemid-162 #AddressLine, .itemid-162 #StreetAddress, .itemid-162 #city, .itemid-162 #Postcode, .itemid-162 #Password, .itemid-162 #Username, .itemid-163 #AddressLine, .itemid-163 #StreetAddress, .itemid-163 #city, .itemid-163 #Postcode, .itemid-163 #Password, .itemid-163 #Username {
  border-top: 5px solid #212c59 !important;
  border-left: 5px solid #212c59 !important;
  border-right: 5px solid #212c59 !important;
  border-bottom: 5px solid #212c59 !important;
  font-size: 20px !important;
}
.itemid-162 #g-content-area-2 > div > div > div > div, .itemid-163 #g-content-area-2 > div > div > div > div {
  margin-bottom: 0;
  padding-bottom: 0;
}
.itemid-162 #rsform_5_page_0 > div > div > div.control-group.rsform-block.rsform-block-send > div, .itemid-163 #rsform_5_page_0 > div > div > div.control-group.rsform-block.rsform-block-send > div {
  text-align: center;
}
.itemid-162 textarea, .itemid-163 textarea {
  padding-top: 30px !important;
  height: 150px;
  width: 100%;
}
.itemid-162 input[type="text"], .itemid-162 input[type="password"], .itemid-162 input[type="datetime"], .itemid-162 input[type="datetime-local"], .itemid-162 input[type="date"], .itemid-162 input[type="month"], .itemid-162 input[type="time"], .itemid-162 input[type="week"], .itemid-162 input[type="number"], .itemid-162 input[type="email"], .itemid-162 input[type="url"], .itemid-162 input[type="search"], .itemid-162 input[type="tel"], .itemid-162 input[type="color"], .itemid-162 .uneditable-input, .itemid-162 textarea, .itemid-163 input[type="text"], .itemid-163 input[type="password"], .itemid-163 input[type="datetime"], .itemid-163 input[type="datetime-local"], .itemid-163 input[type="date"], .itemid-163 input[type="month"], .itemid-163 input[type="time"], .itemid-163 input[type="week"], .itemid-163 input[type="number"], .itemid-163 input[type="email"], .itemid-163 input[type="url"], .itemid-163 input[type="search"], .itemid-163 input[type="tel"], .itemid-163 input[type="color"], .itemid-163 .uneditable-input, .itemid-163 textarea {
  line-height: 40px !important;
  padding: 40px 30px 40px 30px !important;
  text-align: left;
  border-radius: 0 !important;
  background-color: white !important;
  margin-bottom: 0 !important;
  font-family: "Merriweather";
}
.itemid-162 .fa-fw, .itemid-163 .fa-fw {
  width: 20px;
  text-align: center;
}
.itemid-162 .form-title, .itemid-163 .form-title {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  background-color: white;
}
.itemid-162 .rsform h2, .itemid-163 .rsform h2 {
  font-size: 40px;
  text-align: center;
  margin-top: 20px;
  color: #212c59;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 50px;
}
.itemid-162 .rsform p, .itemid-163 .rsform p {
  margin-top: 0;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Allerta Stencil";
  color: #212c59;
  margin-bottom: 20px;
  display: block;
}
.itemid-162 input::placeholder, .itemid-162 textarea::placeholder, .itemid-163 input::placeholder, .itemid-163 textarea::placeholder {
  color: gray;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
.itemid-162 input::-webkit-input-placeholder, .itemid-162 textarea::-webkit-input-placeholder, .itemid-163 input::-webkit-input-placeholder, .itemid-163 textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: gray;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
.itemid-162 input::-moz-placeholder, .itemid-162 textarea::-moz-placeholder, .itemid-163 input::-moz-placeholder, .itemid-163 textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: gray;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
.itemid-162 input:-ms-input-placeholder, .itemid-162 textarea:-ms-input-placeholder, .itemid-163 input:-ms-input-placeholder, .itemid-163 textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: gray;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
.itemid-162 input:-moz-placeholder, .itemid-162 textarea:-ms-input-placeholder, .itemid-163 input:-moz-placeholder, .itemid-163 textarea:-ms-input-placeholder {
  /* Firefox 18- */
  color: gray;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
.itemid-162 #g-recaptcha-44 > div, .itemid-163 #g-recaptcha-44 > div {
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
.itemid-162 .alert-success h4, .itemid-162 .text-success, .itemid-163 .alert-success h4, .itemid-163 .text-success {
  color: white;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  background-color: #212c59;
  padding: 4% 5%;
  font-size: 20px;
  line-height: 30px;
  -webkit-animation: bounce 1.2s ease-out;
  -moz-animation: bounce 800ms ease-out;
  -o-animation: bounce 800ms ease-out;
  animation: bounce 1.2s ease-out;
}
.itemid-162 .alert-success h4 a, .itemid-162 .text-success a, .itemid-163 .alert-success h4 a, .itemid-163 .text-success a {
  color: white;
}
.itemid-162 .alert-success h4 a:hover, .itemid-162 .text-success a:hover, .itemid-163 .alert-success h4 a:hover, .itemid-163 .text-success a:hover {
  color: white;
  text-decoration: underline !important;
}
.itemid-144 .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 0;
  background-color: white;
  border: 0px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.05);
  margin: 0 0 0;
}
.itemid-144 .nav-tabs.nav-stacked {
  margin: 0;
}
.itemid-144 .login {
  width: 440px;
}
.itemid-144 label {
  display: block;
  position: relative;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
}
.itemid-144 input#remember {
  top: 5px;
  position: relative;
}
.itemid-144 input[type="text"], .itemid-144 input[type="password"], .itemid-144 input[type="datetime"], .itemid-144 input[type="datetime-local"], .itemid-144 input[type="date"], .itemid-144 input[type="month"], .itemid-144 input[type="time"], .itemid-144 input[type="week"], .itemid-144 input[type="number"], .itemid-144 input[type="email"], .itemid-144 input[type="url"], .itemid-144 input[type="search"], .itemid-144 input[type="tel"], .itemid-144 input[type="color"], .itemid-144 .uneditable-input, .itemid-144 textarea {
  text-align: left;
  border-radius: 0;
  background-color: white;
  height: 68px;
  background-color: #fff;
  border: 2px solid #212c59;
  box-sizing: border-box !important;
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  font-size: 17px;
  padding-left: 30px;
  border-radius: 0;
  border-radius: 0;
  margin-bottom: 5px;
  padding: 15px 10px 15px 30px;
  text-align: left;
  font-family: "Merriweather";
}
.itemid-144 #g-content-area-1 > div > div > div > div > div > div > div:nth-child(2) > ul > li:nth-child(2) > a {
  display: none;
}
.itemid-144 .btn-primary {
  background-image: url('../images/buttons/checkout.jpg');
  background-repeat: no-repeat;
  height: 10px;
  width: 130px;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  font-size: 16px;
  margin: 0 auto;
  padding: 20px 12px;
  color: white;
  text-align: center;
  line-height: 0px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 0;
}
.itemid-144 .btn.btn-primary:hover {
  background-image: none;
  color: #212c59;
  font-weight: bold;
  background-color: white;
}
/**** Stripe ****/
#stripe-payment-form .group {
  background: white;
  border-radius: 4px;
  margin-bottom: 20px;
  box-shadow: 0 7px 14px 0 rgba(49, 49, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
  height: 40px;
}
.finalist {
  text-align: center;
  position: relative;
  display: block;
  margin: 0 auto;
  height: 300px;
}
#button-account, #button-login {
  height: 65px;
  width: 205px;
  background-color: transparent;
  background-position: center;
  background-size: cover;
}
/**** General ****/
.product-price-container .strike {
  text-decoration: line-through;
  font-family: "Allerta Stencil";
  color: #ff0000;
  font-weight: normal !important;
  font-size: 17px !important;
  margin-top: 0;
  text-align: center;
}
p {
  color: #212c59;
  font-size: 15px;
  line-height: 20px;
  font-family: "Merriweather";
}
a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #212c59;
  font-weight: bold;
}
a:hover {
  color: #a57e3b;
}
.ul-instaholic {
  grid-template-columns: repeat(auto-fit, minmax(103px, 1fr)) !important;
  grid-gap: 8px;
}
.itemid-114 #akeeba-renderjoomla > div > div > div > div.j2store-products-row.row-0.row-fluid > div:nth-child(2) > div > div.product-price-container {
  margin-top: 40px;
}
#g-navigation .size-51 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 56%;
  -moz-flex: 0 56%;
  -ms-flex: 0 56%;
  flex: 0 56%;
  width: 56%;
}
/**** 404 ****/
.g-error #g-header .g-content h2.g-title {
  font-size: 3rem;
  line-height: 2rem;
}
.outline-_error #g-content-area-2 {
  background-image: url('../images/backgrounds/404.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 940px;
}
.outline-_error h1 {
  padding-top: 30%;
  font-size: 80px;
  text-transform: uppercase;
  line-height: 88px;
  color: #002763 !important;
  font-family: "Allerta Stencil";
  font-weight: 400;
}
.task-confirmPayment .item-page, .itemid-197 .item-page {
  margin-top: 40px;
}
.task-confirmPayment h3, .itemid-197 h3 {
  color: #212c59;
  font-size: 30px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 35px;
}
.task-confirmPayment h4, .itemid-197 h4 {
  font-size: 25px;
  line-height: 30px;
  color: #212c59;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
}
.task-confirmPayment .pager, .itemid-197 .pager {
  display: none;
}
.itemid-101 #g-banner .custom {
  height: 830px;
}
.itemid-101 .btn-group {
  text-align: center;
  position: relative;
  display: block;
  padding-bottom: 60px;
}
.itemid-101 h1 {
  font-size: 80px;
  text-transform: uppercase;
  line-height: 88px;
  color: white;
  font-family: "Allerta Stencil";
  font-weight: 400;
}
.itemid-101 #g-content-area-1 {
  background-image: url('../../../../images/born-brewed.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  background-position: center;
}
.itemid-101 #g-content-area-1 p {
  color: white;
}
.itemid-101 [itemprop="articleBody"] {
  width: 44%;
  padding-top: 9%;
  padding-bottom: 10%;
}
.itemid-101 .spacer-line {
  background-image: url('../../../../images/split-line.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  height: 41px;
}
.itemid-101 .quicklink-1 {
  background-image: url('../../../../images/meet-the-beers.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.itemid-101 .quicklink-1 .custom {
  padding: 105px 100px;
}
.itemid-101 .quicklink-1 h2 {
  font-size: 8.5vh;
  text-transform: uppercase;
  line-height: 8.5vh;
  color: white;
  position: relative;
  display: block;
  font-family: "Allerta Stencil";
  text-shadow: 1px 2px black;
}
.itemid-101 .quicklink-1 p {
  color: white;
  text-shadow: 1px 0px black;
  font-weight: normal;
}
.itemid-101 .quicklink-2 {
  background-image: url('../../../../images/get-the-beers-in.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.itemid-101 .quicklink-2 .custom {
  padding: 105px 100px;
}
.itemid-101 .quicklink-2 h2 {
  font-size: 8.5vh;
  text-transform: uppercase;
  line-height: 8.5vh;
  color: white;
  position: relative;
  display: block;
  font-family: "Allerta Stencil";
  text-shadow: 1px 2px black;
}
.itemid-101 .quicklink-2 p {
  color: white;
  text-shadow: 1px 0px black;
  font-weight: normal;
}
.itemid-101 .quicklink-3 {
  background-image: url('../../../../images/trappers-hut.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
.itemid-101 .quicklink-3 .custom {
  padding: 105px 100px;
}
.itemid-101 .quicklink-3 h2 {
  font-size: 8.5vh;
  text-transform: uppercase;
  line-height: 8.5vh;
  color: white;
  position: relative;
  display: block;
  font-family: "Allerta Stencil";
  text-shadow: 1px 2px black;
}
.itemid-101 .quicklink-3 p {
  color: white;
  text-shadow: 1px 0px black;
  font-weight: normal;
}
.itemid-101 #g-content-area-3 {
  padding-top: 30px !important;
  position: relative;
  display: block;
}
.itemid-101 #g-content-area-3 h2 {
  font-size: 80px;
  text-align: center;
  text-transform: uppercase;
  line-height: 85px;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-bottom: 0;
}
.itemid-101 #g-content-area-3 h3 {
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  line-height: 35px;
  color: #212c59;
  font-family: "Allerta Stencil";
}
.itemid-101 .bunny {
  background-image: url('../../../../images/large-rabbit.png');
  background-repeat: no-repeat;
  background-size: contain;
  height: 722px;
  position: absolute;
  top: 48px;
  display: block;
  width: 463px;
  z-index: 2;
}
.itemid-101 .ul-instaholic {
  z-index: 1;
  position: relative;
  margin-bottom: 0;
}
.itemid-101 .instaholic {
  float: left;
  width: 100%;
  height: auto;
}
.itemid-101 .announcement-background {
  height: 590px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.itemid-101 .announcement-background .g-container {
  width: 75rem;
}
.itemid-101 .announcement-background .g-block.size-60, .itemid-101 .announcement-background .g-block.size-39 {
  display: inline-block;
  height: 585px;
  vertical-align: middle;
}
.itemid-101 .announcement-background .g-block.size-60 {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.itemid-101 .announcement-background .g-block.size-39 {
  bottom: 0;
  position: relative;
  top: 45px;
}
.itemid-101 .announcement-background .g-block.size-39 img {
  height: 380px;
  right: 0;
  float: right;
  top: 0;
  position: relative;
  display: block;
  left: 2px;
}
.itemid-101 .announcement-background h3 {
  font-size: 64px !important;
  text-transform: uppercase;
  line-height: 63px;
  font-family: "Allerta Stencil";
  color: white;
  margin-bottom: 0;
  padding-top: 0;
  margin-bottom: 14px;
  text-align: right;
}
.itemid-101 .announcement-background p {
  font-family: "Allerta Stencil";
  color: white;
  font-size: 25px;
  margin-top: 12px;
  text-transform: uppercase;
  text-align: right;
  line-height: 26px;
}
.itemid-101 .announcement-background p:nth-child(5) {
  font-size: 14px;
  margin-top: 12px;
}
.itemid-101 .announcement-background h2 {
  font-size: 35px;
  text-transform: uppercase;
  line-height: 40px;
  font-family: "Allerta Stencil";
  color: white;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: right;
}
.itemid-101 .announcement-background .button-blue {
  float: right;
  right: 0;
  display: block;
  position: relative;
  margin: 4px 0 0 auto;
  height: 72px;
  width: 239px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: 25px 10px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
}
.itemid-101 .announcement-background .button-blue:hover {
  color: #212c59;
  font-weight: bold;
}
.itemid-101 .award-background {
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 6px;
}
.itemid-101 .award-background .g-container {
  width: 75rem;
}
.itemid-101 .award-background .g-block.size-60, .itemid-101 .award-background .g-block.size-39 {
  display: inline-block;
  height: 380px;
  vertical-align: middle;
}
.itemid-101 .award-background .g-block.size-60 {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.itemid-101 .award-background .g-block.size-39 {
  bottom: 0;
  position: relative;
  top: 45px;
}
.itemid-101 .award-background .g-block.size-39 img {
  height: 320px;
  right: 0;
  float: right;
  top: 0;
  position: relative;
  display: block;
  left: 2px;
}
.itemid-101 .award-background h3 {
  font-size: 45px !important;
  text-transform: uppercase;
  line-height: 40px;
  font-family: "Allerta Stencil";
  color: white;
  margin-bottom: 0;
  padding-top: 0;
  margin-bottom: 5px;
  text-align: right;
}
.itemid-101 .award-background p {
  font-family: "Allerta Stencil";
  color: white;
  font-size: 15px;
  margin-top: 20px;
  text-transform: uppercase;
  text-align: right;
  line-height: 20px;
}
.itemid-101 .award-background p:nth-child(5) {
  font-size: 18px;
  margin-top: 12px;
}
.itemid-101 .award-background h2 {
  font-size: 29px;
  text-transform: uppercase;
  line-height: 36px;
  font-family: "Allerta Stencil";
  color: white;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: right;
}
.itemid-101 .award-background .button-blue {
  float: right;
  right: 0;
  display: block;
  position: relative;
  margin: 4px 0 0 auto;
}
.g-social .fa {
  display: inline-block;
  font: normal normal normal 20px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  color: white;
}
.g-social .fa:hover {
  display: inline-block;
  font: normal normal normal 20px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  color: #a57e3b;
}
/**** Cart ****/
#g-navigation.white .cart-logo {
  background-image: url('../images/icons/cart-blue.png');
  height: 30px;
  width: 34px;
  position: relative;
  display: block;
  float: right;
  background-repeat: no-repeat;
  background-position: bottom;
  right: 30px;
  top: 6px;
  background-size: contain;
}
#g-navigation.white .cart-item-count {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 20px;
  color: #212c59;
  display: inline-block;
  font-size: 20px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  width: 20px;
  font-family: "Allerta Stencil";
  left: 35px;
  position: relative;
  top: 10px;
}
.blue #g-navigation .cart-logo, .sand #g-navigation .cart-logo, .red #g-navigation .cart-logo, .dark-gray #g-navigation .cart-logo, .purple #g-navigation .cart-logo, .light-gray #g-navigation .cart-logo, .orange #g-navigation .cart-logo, .green #g-navigation .cart-logo, .teal #g-navigation .cart-logo {
  background-image: url('../images/icons/cart-white.png');
  height: 30px;
  width: 34px;
  position: relative;
  display: block;
  float: right;
  background-repeat: no-repeat;
  background-position: bottom;
  right: 30px;
  top: 6px;
}
.blue #g-navigation .cart-item-count, .sand #g-navigation .cart-item-count, .red #g-navigation .cart-item-count, .dark-gray #g-navigation .cart-item-count, .purple #g-navigation .cart-item-count, .light-gray #g-navigation .cart-item-count, .orange #g-navigation .cart-item-count, .green #g-navigation .cart-item-count, .teal #g-navigation .cart-item-count {
  background: transparent none repeat scroll 0 0;
  border-radius: 20px;
  color: white;
  display: inline-block;
  font-size: 20px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  width: 20px;
  font-family: "Allerta Stencil";
  left: 35px;
  position: relative;
  top: 10px;
}
/**** Breadcrumbs ****/
.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
  background-color: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#g-banner {
  top: 30px;
  position: relative;
  display: block;
}
#g-banner > div > div:nth-child(1) > div > div > div > div > ul > li:nth-child(3), #g-content-area-1 > div > div:nth-child(1) > div > div > div > div > ul > li:nth-child(3) {
  margin-left: 0;
}
#g-banner > div > div:nth-child(1) > div > div > div > div > ul > li:nth-child(2) > span, #g-content-area-1 > div > div:nth-child(1) > div > div > div > div > ul > li:nth-child(2) > span {
  width: 0;
}
.moduletable .breadcrumb span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  color: #212c59;
  font-family: "Allerta Stencil";
}
.moduletable .breadcrumb li {
  text-shadow: none;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 22px;
}
.moduletable .breadcrumb span.divider {
  position: relative;
  vertical-align: top;
  width: 21px;
  height: 21px;
  line-height: 1.5;
}
.moduletable .breadcrumb span.divider:before {
  content: none;
}
#g-banner > div > div:nth-child(1) > div > div > div > div > ul > li:nth-child(1) > a > span:before, #g-content-area-1 > div > div:nth-child(1) > div > div > div > div > ul > li:nth-child(1) > a > span:before {
  content: "";
  background-image: url('../images/icons/house.png');
  height: 30px;
  width: 40px;
  position: relative;
  display: block;
  background-repeat: no-repeat;
  margin-right: 20px;
}
.mixed-case .j2store-add-to-cart {
  margin-left: 5px;
  display: inline-block;
  margin-top: 30px;
}
/**** Beers List ****/
.itemid-107 #g-content-area-1 > div > div > div > div > div > div > div > dl > br {
  display: none;
}
.itemid-107 h4.more-characters:before {
  content: "";
  background-image: url('../../../../images/icons/triple-finalist.jpg?5d9eef8c');
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: relative;
  margin: 0 auto;
  height: 323px;
  width: 217px;
  text-align: center;
  margin-bottom: 8px;
}
.itemid-107 .more-characters {
  margin-top: 12px !important;
}
.itemid-119 #j2storeOrderLoginForm > ul > li:nth-child(2) {
  display: none;
}
.itemid-106 #g-banner {
  background-image: url('../images/backgrounds/beers-header.jpg');
  height: 205px;
  background-size: cover;
  padding: 25px !important;
  position: relative;
  display: block;
}
.itemid-106 .banner h1 {
  font-size: 80px;
  color: white;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 90px;
  margin-bottom: 0;
}
.itemid-106 .banner h2 {
  font-size: 16px;
  color: white;
  line-height: 16px;
  font-family: "Merriweather";
  font-weight: normal;
}
.itemid-106 .pull-none.item-image {
  height: auto;
  border-bottom: 5px solid #212c59;
}
.itemid-106 .pull-none.item-image img {
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: block;
}
.itemid-106 .row-fluid .span3 {
  padding-left: 0px;
  width: 25%;
  margin-left: 0;
  border-right: 5px solid #212c59;
  border-bottom: 5px solid #212c59;
}
.itemid-106 .blog .items-row:nth-child(1) {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
  border-top: 5px solid #212c59;
}
.itemid-106 .page-header, .itemid-106 .page-header a {
  text-align: center;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  font-size: 2vw;
  line-height: 2vw;
  margin-top: -21px;
}
.itemid-106 .fields-container {
  margin-top: 0;
  line-height: 20px;
  margin-bottom: 12px;
}
.itemid-106 div.page-header > h2 {
  margin-bottom: 0;
}
.itemid-106 .field-entry {
  text-align: center;
  text-transform: uppercase;
  color: #212c59;
  font-size: 18px;
  font-family: "Allerta Stencil";
  font-weight: normal;
}
.dark-gray .beer-symbol {
  height: 330px !important;
  width: 340px !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 35px;
  margin-top: 90px;
}
.itemid-122 #g-content-area-1, .itemid-120 #g-content-area-1, .itemid-123 #g-content-area-1, .itemid-121 #g-content-area-1 {
  margin-top: 40px;
}
.itemid-122 h1, .itemid-120 h1, .itemid-123 h1, .itemid-121 h1 {
  font-size: 40px;
  line-height: 45px;
  position: relative;
  display: block;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 50px;
  text-align: center;
}
.purple .split {
  overflow: visible !important;
  width: 100%;
  margin-top: 80px;
  background-repeat: no-repeat;
  height: 893px;
  padding: 0 20%;
  background-position: center 44px !important;
  background-size: contain;
}
.purple .beer-symbol {
  height: 462px !important;
  width: 405px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 35px;
  bottom: 25px;
  position: relative;
}
.purple h3 {
  font-size: 53px !important;
  line-height: 50px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
}
#onCheckoutShipping_wrapper label {
  display: inline-block;
  float: none;
}
.payment-plugin-image-label.payment_cash {
  margin: 0px;
  float: none !important;
}
.outline-13 {
  /* a.image-swap:after {
opacity: 0.6;
content: 'uioi ';
height: 10px;
width: 100px;
color: red;
background-color: white;

display: block;
filter: blur(10px);
border-radius: 10px;
position: absolute;
opacity: 0;
transition: 1s;
text-align: center;
margin: 0 auto;
margin-top: 200px;
}
a.image-swap:hover:after {
opacity: 0.6;
content: 'uioi ';
height: 10px;
width: 100px;
color: red;
background-color: black;

display: block;
filter: blur(10px);
border-radius: 10px;
position: absolute;
opacity: 1;
text-align: center;
margin: 0 auto;
margin-top: 200px;
}*/
}
.outline-13 .fields-container {
  padding: 0 19%;
}
.outline-13 #g-banner h2 {
  font-size: 18px;
  position: relative;
  display: block;
  color: #212c59;
  font-family: "Merriweather";
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 0;
}
.outline-13 #g-banner h1 {
  font-size: 90px;
  line-height: 90px;
  position: relative;
  display: block;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
}
.outline-13 #g-banner > div > div:nth-child(2) > div > div {
  margin-bottom: 0;
}
.outline-13 #g-banner > div > div:nth-child(1) > div > div {
  margin-bottom: 0;
  padding-bottom: 0;
}
.outline-13 .field-entry {
  text-align: left;
  display: inline-block;
  margin-left: 0;
  width: 38%;
  vertical-align: top;
}
.outline-13 .beer-label {
  text-align: left;
  display: block;
  font-size: 18px;
  color: #212c59;
  font-family: "Merryweather";
  line-height: 18px;
}
.outline-13 .field-value {
  font-size: 30px;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
  line-height: 30px;
}
.outline-13 .trait {
  width: 25%;
}
.outline-13 .type {
  width: 25%;
}
.outline-13 .alc {
  width: 10%;
}
.outline-13 .split {
  overflow: visible;
  width: 100%;
  margin-top: 80px;
  background-repeat: no-repeat;
  height: 893px;
  padding: 0 20%;
  background-position: center;
  background-size: contain;
}
.outline-13 .split > div:nth-child(1) {
  height: 855px;
  position: relative;
  display: inline-block;
  width: 60%;
  margin-right: 0;
  padding-right: 0;
  float: left;
}
.outline-13 .split > div:nth-child(2) {
  height: 855px;
  position: relative;
  display: inline-block;
  width: 40%;
}
.outline-13 .navigation-bar {
  padding: 0 10%;
}
.outline-13 .beer-symbol {
  height: 440px;
  width: 405px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 35px;
}
.outline-13 h3 {
  font-size: 41px;
  line-height: 50px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
}
.outline-13 [itemprop="articleBody"] {
  line-height: 18px;
  color: #212c59;
  font-family: Merriweather;
  margin: 0.625rem;
  padding: 0.938rem;
}
.outline-13 .character-badges {
  height: 200px;
  width: 200px;
  display: inline-block;
  position: relative;
  margin-right: 5.3%;
  text-align: center;
  background-repeat: no-repeat;
}
.outline-13 .character-badges:nth-child(4) {
  margin-right: 0;
}
.outline-13 .character-badges-parent {
  text-align: center;
  margin: 0 auto;
  position: relative;
  margin-bottom: 55px;
}
.outline-13 .more-characters {
  font-size: 44px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 55px;
  color: #212c59;
  font-weight: normal;
  font-family: "Allerta Stencil";
}
.outline-13 .image-swap-container {
  display: inline-block;
  position: relative;
  height: 205px;
  width: 200px;
  margin: 0 auto;
  margin-right: 3.3%;
  text-align: center;
}
.outline-13 .image-swap-container:nth-child(4) {
  margin-right: 0;
}
.outline-13 .image-swap {
  background-repeat: no-repeat;
  border-radius: 50%;
  height: 200px;
  width: 205px;
  transform: none;
  transition: transform 1s, background-image 1s;
}
.outline-13 .image-swap:hover {
  cursor: pointer;
}
.outline-13 .image-swap-container:hover .image-swap.purple {
  background: url('../images/icons/bottlecap-purple.png') !important;
  transform: rotateY(180deg) rotatez(70deg);
  background-repeat: no-repeat;
  background-size: cover;
}
.outline-13 .image-swap-container:hover .image-swap.blue {
  background: url('../images/icons/bottlecap-blue.png') !important;
  transform: rotateY(180deg) rotatez(70deg);
  background-repeat: no-repeat;
  background-size: cover;
}
.outline-13 .image-swap-container:hover .image-swap.orange {
  background: url('../images/icons/bottlecap-orange.png') !important;
  transform: rotateY(180deg) rotatez(70deg);
  background-repeat: no-repeat;
  background-size: cover;
}
.outline-13 .image-swap-container:hover .image-swap.red {
  background: url('../images/icons/bottlecap-red.png') !important;
  transform: rotateY(180deg) rotatez(70deg);
  background-repeat: no-repeat;
  background-size: cover;
}
.outline-13 .image-swap-container:hover .image-swap.sand {
  background: url('../images/icons/bottlecap-sand.png') !important;
  transform: rotateY(180deg) rotatez(70deg);
  background-repeat: no-repeat;
  background-size: cover;
}
.outline-13 .image-swap-container:hover .image-swap.green {
  background: url('../images/icons/bottlecap-green.png') !important;
  transform: rotateY(180deg) rotatez(70deg);
  background-repeat: no-repeat;
  background-size: cover;
}
.outline-13 .image-swap-container:hover .image-swap.dark-gray {
  background: url('../images/icons/bottlecap-dark-gray.png') !important;
  transform: rotateY(180deg) rotatez(70deg);
  background-repeat: no-repeat;
  background-size: cover;
}
.outline-13 .image-swap-container:hover .image-swap.light-gray {
  background: url('../images/icons/bottlecap-light-gray.png') !important;
  transform: rotateY(180deg) rotatez(70deg);
  background-repeat: no-repeat;
  background-size: cover;
}
.outline-13 #g-content-area-1 > div > div > div > div > div > div > div > ul > li.previous > a {
  background: url('../images/icons/left-arrow.png');
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
  width: 50px;
}
.outline-13 .prev-btn {
  height: 30px;
  width: 10%;
  position: relative;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: -6px;
  background-position: bottom;
}
.outline-13 .prev-btn:hover {
  background-image: url('../images/icons/left-arrow-hover.png') !important;
}
.outline-13 .next-btn {
  width: 11%;
  height: 30px;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  top: 15px;
  background-position: right;
}
.outline-13 .next-btn:hover {
  background-image: url('../images/icons/right-arrow-hover.png') !important;
}
/**** Contact Page ****/
.logo-small-blue {
  margin-top: 40px;
}
.social-block-contact .instagram {
  height: 60px;
  width: 60px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  bottom: 0;
  left: 0;
  top: 25px;
}
.social-block-contact .facebook {
  height: 60px;
  width: 60px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  top: 25px;
}
.social-block-contact .twitter {
  height: 60px;
  width: 60px;
  margin-right: 10px;
  position: relative;
  display: inline-block;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  top: 25px;
}
.social-block-contact .instagram:hover, .social-block-contact .facebook:hover, .social-block-contact .twitter:hover {
  height: 60px;
  width: 60px;
  background-image: url('../images/backgrounds/wave-alone.png');
  background-repeat: repeat-x;
  animation: animate 6s linear 1;
}
.contact-address {
  color: #212c59;
  font-size: 15px;
  line-height: 19px;
  font-family: "Merriweather";
}
.contact-phone {
  font-size: 40px;
  line-height: 32px;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-bottom: 15px;
  position: relative;
  display: block;
}
.contact-phone:hover {
  color: #a57e3b;
}
.contact-phone-p {
  margin-bottom: 10px;
  margin-top: 50px;
}
.contact-email {
  font-size: 29px;
  line-height: 42px;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-bottom: 50px;
  position: relative;
  display: block;
}
.contact-email:hover {
  color: #a57e3b;
}
.contact-email-p {
  margin-bottom: 0;
  margin-top: 40px;
}
.map {
  background-image: url('../../../../images/contact-map-overlay.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  height: 788px;
  width: 100%;
}
.rsform {
  width: 45%;
  margin: 0 auto;
  position: relative;
  display: block;
  background-color: white;
}
.rsform:after {
  content: "";
  background-image: url('../images/backgrounds/form-background.png');
  position: absolute;
  height: 660px;
  width: 940px;
  display: block;
  bottom: 265px;
  left: -196px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.form-horizontal .controls {
  display: block;
  margin-left: 0;
  width: 100%;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea {
  padding: 50px 30px 45px 30px;
  text-align: left;
  border-radius: 0;
  background-color: white;
  font-family: "Merriweather";
}
textarea {
  padding-top: 30px;
  height: 400px;
}
#userForm {
  z-index: 3;
  position: relative;
}
.form-horizontal .control-group {
  margin-bottom: 0;
  padding-bottom: 0;
}
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {
  margin-top: 0;
}
#Name {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  font-size: 20px !important;
}
#Email {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  font-size: 20px !important;
}
#Email {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  font-size: 20px !important;
}
#Message {
  border-top: 5px solid #212c59 !important;
  border-left: 5px solid #212c59 !important;
  border-right: 5px solid #212c59 !important;
  border-bottom: 5px solid #212c59 !important;
  font-size: 20px !important;
}
.itemid-118 #g-content-area-2 > div > div > div > div {
  margin-bottom: 0;
  padding-bottom: 0;
}
#rsform_3_page_0 > div > div > div.control-group.rsform-block.rsform-block-send > div {
  text-align: center;
}
.fa-fw {
  width: 20px;
  text-align: center;
}
.form-title {
  border-top: 5px solid #212c59;
  border-left: 5px solid #212c59;
  border-right: 5px solid #212c59;
  border-bottom: 1px solid #212c59;
  background-color: white;
}
.rsform h2 {
  font-size: 40px;
  text-align: center;
  margin-top: 20px;
  color: #212c59;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  margin-bottom: 5px;
}
.rsform p {
  margin-top: 0;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  font-family: "Allerta Stencil";
  color: #212c59;
  margin-bottom: 20px;
  display: block;
}
input::placeholder, textarea::placeholder {
  color: #dedfe5;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #dedfe5;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #dedfe5;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #dedfe5;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
input:-moz-placeholder, textarea:-ms-input-placeholder {
  /* Firefox 18- */
  color: #dedfe5;
  font-size: 20px !important;
  line-height: 35px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  text-align: left;
}
#g-recaptcha-28 > div {
  text-align: center;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
.alert-success h4, .text-success {
  color: white;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  background-color: #212c59;
  padding: 4% 5%;
  font-size: 20px;
  line-height: 30px;
  -webkit-animation: bounce 1.2s ease-out;
  -moz-animation: bounce 800ms ease-out;
  -o-animation: bounce 800ms ease-out;
  animation: bounce 1.2s ease-out;
}
.alert-success h4 a, .text-success a {
  color: white;
}
.alert-success h4 a:hover, .text-success a:hover {
  color: white;
  text-decoration: underline !important;
}
.itemid-115 {
  /**** Discover ****/
}
.itemid-115 #g-banner {
  background-image: url('../images/backgrounds/discover-banner.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 800px;
}
.itemid-115 h1 {
  font-size: 80px;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  color: white;
  font-weight: normal;
  width: 50%;
  line-height: 85px;
  padding-top: 30%;
  margin-bottom: 30px;
}
.itemid-115 h2 {
  font-size: 50px;
  text-transform: uppercase;
  line-height: 55px;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-bottom: 50px;
  margin-top: 35px;
  margin-left: -2px;
}
.itemid-115 [itemprop="articleBody"] p {
  color: white;
}
.itemid-115 .g-grid.itemslayout > div > .item_large, .itemid-115 .g-grid.itemslayout > div > .item_medium {
  height: calc(100% - 6px);
}
.itemid-115 .g-grid.itemslayout > div > div {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  display: inline-block;
  width: calc(100% - 2px);
  background-position: top center !important;
}
.itemid-115 .g-grid.itemslayout > div > .item_small {
  height: calc(50% - 4px);
  margin-bottom: -9px;
}
.itemid-115 .g-grid.itemslayout {
  height: 75vh;
  min-height: 550px;
  margin-top: 2px;
}
.itemid-115 img.award-logos {
  margin-top: 30px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  height: 150px;
}
.itemid-115 .img-group {
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.itemid-115 #g-content-area-2 {
  padding-top: 70px;
  padding-bottom: 60px;
}
.itemid-115 #g-content-area-4 {
  padding-top: 60px;
}
.itemid-115 #g-content-area-2 > div {
  background-image: url('../images/backgrounds/discover-three-beers2.png');
  height: 600px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 105px;
}
.itemid-115 #g-content-area-3 > div > div:nth-child(2) > div.g-block.size-55 {
  background-image: url('../images/backgrounds/our-quest-beer.png');
  height: 637px;
  background-repeat: no-repeat;
  background-position: 114px 78px;
}
.itemid-115 #g-content-area-3 > div > div:nth-child(2) {
  padding-top: 70px;
}
/**** 3D carousel ****/
.swiper-container {
  height: 500px;
}
.swiper-slide {
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
}
.swiper-slide.swiper-slide-active {
  height: 395px;
  background-size: contain;
  width: 356px !important;
}
.swiper-slide-prev {
  width: 314px;
  transform: translate3d(110px, 57px, -298px) rotateX(0deg) rotateY(0deg) !important;
  z-index: 0;
  transition-duration: 0ms;
}
.swiper-slide-next {
  transform: translate3d(-62px, 71px, -212px) rotateX(0deg) rotateY(0deg) !important;
  z-index: 0;
  transition-duration: 0ms;
}
/**** News ****/
.itemid-117 #g-banner h1, .itemid-180 #g-banner h1 {
  font-size: 90px;
  line-height: 90px;
  position: relative;
  display: block;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 50px;
  text-align: center;
}
.itemid-117 #g-banner h2, .itemid-180 #g-banner h2 {
  font-size: 18px;
  position: relative;
  display: block;
  color: #212c59;
  font-family: "Merriweather";
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 0;
  text-align: center;
  margin-top: 50px;
}
.itemid-117 .row-fluid [class*="span"], .itemid-180 .row-fluid [class*="span"] {
  margin-left: 10px;
  padding-right: 18px;
}
.itemid-117 div.page-header > h2 > a, .itemid-180 div.page-header > h2 > a {
  font-size: 22px;
  line-height: 20px;
  letter-spacing: 8px;
  width: 98%;
  text-transform: uppercase;
  color: black;
  font-family: "Allerta Stencil";
}
.itemid-117 div.page-header > h2 > a:hover, .itemid-180 div.page-header > h2 > a:hover {
  color: #a57e3b;
}
.itemid-117 div.page-header > h2, .itemid-180 div.page-header > h2 {
  font-size: 22px;
  line-height: 25px;
  text-align: left;
  margin-bottom: 22px;
}
.itemid-117 div.page-header > h2 > a:hover, .itemid-180 div.page-header > h2 > a:hover {
  color: #a57e3b;
}
.itemid-117 .publish-info, .itemid-180 .publish-info {
  font-size: 13px !important;
  margin-top: -15px;
  color: #383637 !important;
  font-weight: bold;
}
.itemid-117 .arrow, .itemid-180 .arrow {
  font-size: 28px;
  line-height: 28px;
  top: 3px;
  position: relative;
}
.itemid-117 .readmore-news, .itemid-180 .readmore-news {
  background-image: url('../images/buttons/button-blue.png') !important;
  height: 66px !important;
  width: 250px !important;
  position: relative !important;
  display: block !important;
  color: white !important;
  text-align: center !important;
  line-height: 20px !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
  font-family: "Allerta" !important;
  padding: 22px !important;
  margin-top: 30px !important;
  border-radius: 0 !important;
}
.itemid-117 .readmore-news:hover, .itemid-180 .readmore-news:hover {
  background-image: url('../images/buttons/button-blue-hover.png') !important;
  background-color: white;
  color: #212c59 !important;
}
.itemid-117 .items-row, .itemid-180 .items-row {
  margin-bottom: 60px;
}
.itemid-117 .item p, .itemid-180 .item p {
  font-size: 15px;
  line-height: 17px;
  font-family: "Merriweather";
  color: black;
}
.itemid-117 .item-image, .itemid-180 .item-image {
  background: transparent;
  margin: 0 0 0 0;
  border-radius: 5%;
  text-align: center;
  min-height: 235px;
  width: 100%;
  height: 320px;
}
.itemid-117 .item-image:hover img, .itemid-180 .item-image:hover img {
  opacity: 0.5;
}
.itemid-117 .item-image img, .itemid-180 .item-image img {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 1;
  border-radius: 5%;
  max-height: 296px;
  object-fit: cover;
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: block;
  width: 100%;
  height: 296px;
}
.itemid-117 #g-content-area-1, .itemid-180 #g-content-area-1 {
  padding-top: 0;
  padding-left: 3% !important;
}
body.view-article.itemid-117 #g-intro, body.view-article.itemid-180 #g-intro {
  display: none;
}
body.view-article.itemid-117 #g-banner, body.view-article.itemid-180 #g-banner {
  display: none;
}
body.view-article.itemid-117 .row-fluid [class*="span"], body.view-article.itemid-180 .row-fluid [class*="span"] {
  margin-left: 0px;
  padding-right: 0;
}
body.view-article.itemid-117 .news-image-banner, body.view-article.itemid-180 .news-image-banner {
  height: auto;
  position: relative;
  background-size: cover;
  background-color: #231f20;
}
body.view-article.itemid-117 #g-content-area-1, body.view-article.itemid-180 #g-content-area-1 {
  margin-top: 0;
  padding-left: 0% !important;
  padding-right: 2%;
  padding-top: 0;
  padding-top: 1%;
}
body.view-article.itemid-117 .news-banner-text, body.view-article.itemid-180 .news-banner-text {
  position: relative;
  padding-top: 3%;
  width: 39%;
  margin: 0 auto;
}
body.view-article.itemid-117 .news-banner-title, body.view-article.itemid-180 .news-banner-title {
  color: white;
  font-size: 41px;
  line-height: 48px;
  position: relative;
  font-family: "Allerta Stencil";
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 5px;
  text-align: center;
  margin-top: 0px;
  text-shadow: 0px 0px 8px black;
}
body.view-article.itemid-117 .publish-info, body.view-article.itemid-180 .publish-info {
  font-size: 13px !important;
  margin-top: 10px;
  color: #a57e3b !important;
}
body.view-article.itemid-117 div.page-header > h2, body.view-article.itemid-180 div.page-header > h2 {
  font-size: 30px;
  line-height: 35px;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  margin-top: 40px;
}
body.view-article.itemid-117 [itemprop="articleBody"], body.view-article.itemid-180 [itemprop="articleBody"] {
  font-family: Merriweather;
  font-size: 14px;
  line-height: 1.3em;
}
body.view-article.itemid-117 .sidebar, body.view-article.itemid-180 .sidebar {
  width: 18%;
  position: relative;
  display: inline-block;
  height: 100%;
  vertical-align: top;
  padding-top: 10px;
}
body.view-article.itemid-117 .item-page, body.view-article.itemid-180 .item-page {
  width: 60%;
  position: relative;
  display: inline-block;
  padding-top: 10px;
}
body.view-article.itemid-117 .return, body.view-article.itemid-180 .return {
  font-size: 15px;
  color: #212c59;
  left: 20px;
  position: relative;
  display: block;
}
body.view-article.itemid-117 .return:hover, body.view-article.itemid-180 .return:hover {
  color: #a57e3b;
}
body.view-article.itemid-117 .arrow, body.view-article.itemid-180 .arrow {
  font-size: 26px;
  line-height: 28px;
  top: 3px;
  position: relative;
}
body.view-article.itemid-117 .icon-chevron-left, body.view-article.itemid-117 .icon-chevron-right, body.view-article.itemid-180 .icon-chevron-left, body.view-article.itemid-180 .icon-chevron-right {
  display: none;
}
.itemid-134 .shop-banner {
  top: 31px;
  margin-top: 20px;
}
.shop-banner .button-blue {
  margin: 30px auto !important;
  display: block !important;
}
.itemid-114 #akeeba-renderjoomla > div > div > h1, .itemid-134 #akeeba-renderjoomla > div > div > h1 {
  font-size: 48px;
  color: #212c59;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  text-align: center;
}
.itemid-114 #g-content-area-1 > div > div:nth-child(2) > div > div, .itemid-134 #g-content-area-1 > div > div:nth-child(2) > div > div {
  margin: 0;
  padding: 0;
  margin-top: 0;
}
.itemid-114 #g-content-area-1 > div > div:nth-child(1) > div > div, .itemid-134 #g-content-area-1 > div > div:nth-child(1) > div > div {
  margin-bottom: 0;
  padding-bottom: 0;
}
.itemid-114 #g-banner, .itemid-134 #g-banner {
  background-image: url('../images/backgrounds/shop-banner.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 200px;
}
.itemid-114 #g-banner h1, .itemid-134 #g-banner h1 {
  font-size: 80px;
  color: white;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: normal;
  line-height: 90px;
  margin-bottom: 0;
  text-align: center;
  margin-top: 35px;
}
.itemid-114 #g-banner h2, .itemid-134 #g-banner h2 {
  font-size: 16px;
  color: white;
  line-height: 16px;
  font-family: "Merriweather";
  font-weight: normal;
  text-align: center;
}
.itemid-114 .sub-title, .itemid-134 .sub-title {
  margin-top: 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-size: 14px;
}
.itemid-114 .sub-title-bottles, .itemid-134 .sub-title-bottles {
  margin-top: 0;
  text-align: center;
  font-family: "Allerta Stencil";
  font-size: 12px;
  margin-bottom: 0;
}
.itemid-114 .span3, .itemid-134 .span3 {
  margin-bottom: 45px;
}
.itemid-114 .col-sm-6, .itemid-134 .col-sm-6 {
  width: 50%;
}
.itemid-114 .coupon input[type="text"], .itemid-134 .coupon input[type="text"] {
  padding: 20px 15px 20px 15px;
  text-align: left;
  border-radius: 0;
  background-color: white;
  border: 2px solid #212c59;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
}
.itemid-114 .voucher input[type="text"], .itemid-134 .voucher input[type="text"] {
  padding: 20px 15px 20px 15px;
  text-align: left;
  border-radius: 0;
  background-color: white;
  border: 2px solid #212c59;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Allerta";
}
#payment_form_div {
  padding-top: 30px !important;
  position: relative;
}
#akeeba-renderjoomla > div > div.payment > form {
  margin: 30px 0 20px;
}
input.j2store-cart-button.btn.btn-primary {
  display: inline-block;
}
.j2store-addtocart-form .btn {
  display: none;
}
.view-product-6 .j2store-product-main-image, .view-product-1 .j2store-product-main-image, .view-product-2 .j2store-product-main-image, .view-product-3 .j2store-product-main-image, .view-product-4 .j2store-product-main-image, .view-product-5 .j2store-product-main-image, .view-product-7 .j2store-product-main-image, .view-product-8 .j2store-product-main-image {
  margin-bottom: 10px;
  height: 560px;
  width: auto;
  text-align: center;
  position: relative;
  display: block;
  object-fit: scale-down;
  object-position: 86px;
  overflow: visible;
}
.j2store-product-main-image {
  margin-bottom: 10px;
  height: 560px;
  width: auto;
  text-align: center;
  position: relative;
  display: block;
  object-fit: scale-down;
  object-position: 0;
  overflow: visible;
}
.itemid-114 .j2store-product-main-image {
  margin-bottom: 10px;
  height: 560px;
  width: auto;
  text-align: center;
  position: relative;
  display: block;
  object-fit: scale-down;
  object-position: 0;
  overflow: visible;
  margin: 0 auto;
  margin-bottom: 30px;
}
.view-product-15 .j2store-product-main-image {
  margin-bottom: 5px;
  height: 460px;
  width: auto;
  text-align: center;
  position: relative;
  display: block;
  object-fit: scale-down;
  object-position: 0;
  overflow: visible;
}
.trapper-s-hat-polypin .j2store-product-main-image {
  margin-bottom: 10px;
  height: 560px;
  width: auto;
  text-align: center;
  position: relative;
  display: block;
  object-fit: scale-down;
  object-position: 0;
  overflow: visible;
}
.j2store-thumbnail-image {
  text-align: center;
  min-height: 308px;
}
.overlay {
  position: relative;
}
div.option {
  float: left;
  position: relative;
  display: contents;
}
div.option > br {
  display: none !important;
}
.btns {
  position: absolute;
  display: block;
  bottom: 35%;
  margin: 0 auto;
  width: 100%;
}
.overlay:hover img {
  opacity: 0.6;
}
.overlay:hover .buy-btn {
  opacity: 1;
}
.sale-price {
  text-align: center;
  font-family: "Allerta Stencil";
  color: #212c59;
  font-weight: normal !important;
  font-size: 24px !important;
  margin-top: 0;
}
h2[itemprop="name"] {
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  text-align: center;
  font-family: "Allerta Stencil";
  margin-top: 30px;
  margin-bottom: 5px;
}
h2[itemprop="name"] a {
  color: #212c59;
}
h2[itemprop="name"] a:hover {
  color: #a57e3b;
}
.j2store-product-additional-images {
  margin: 0 auto;
  position: relative;
  display: block;
  text-align: center;
}
.product-title {
  font-size: 40px;
  line-height: 45px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: 400;
  margin-bottom: 5px;
}
.product-sub-title {
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
.product-price .sale-price {
  font-size: 30px !important;
  line-height: 35px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  text-align: left;
  margin-top: 15px;
  margin-bottom: 35px;
}
.extras {
  margin-top: 197px;
  border: 2px solid #212c59;
  padding: 15px 20px 15px 20px;
}
.extras > h3 {
  font-size: 24px;
  line-height: 25px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
}
.product-qty input[type="text"], .product-qty input[type="number"] {
  display: inline;
  height: 100%;
  padding: 12px 5px !important;
  width: 80px !important;
  text-align: center;
  margin: 0px;
  font-size: 16px;
  color: #212c59;
  border: 2px solid;
  margin-top: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  top: 0px;
  position: relative;
  margin-bottom: 20px;
}
.branded-t-shirt .product-qty input[type="text"], .branded-t-shirt .product-qty input[type="number"] {
  display: inline;
  height: 100%;
  padding: 12px 5px !important;
  width: 80px !important;
  text-align: center;
  margin: 0px;
  font-size: 16px;
  color: #212c59;
  border: 2px solid;
  margin-top: 20px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  top: 80px;
  position: relative;
}
.product-upsells-container h3 {
  font-size: 44px;
  line-height: 46px;
  text-align: center;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-top: 80px;
  margin-bottom: 60px;
}
h3.upsell-product-title {
  margin-top: 0;
  margin-bottom: 0;
}
h3.upsell-product-title > a {
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  text-align: center;
}
h3.upsell-product-title > a:hover {
  color: #a57e3b;
}
.upsell-product-image {
  margin: 0 auto;
  position: relative;
  display: block;
  text-align: center;
}
.upsell-product .j2store_add_to_cart_button {
  display: none;
}
.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:last-child tr:last-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  background-color: #212c59;
  color: white;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: 400;
  font-size: 15px;
}
.table td {
  font-size: 19px;
  line-height: 25px;
}
.j2store-cart-table .product-qty input[type="number"] {
  margin-top: 0px;
}
.view-carts h3 {
  font-size: 22px;
  line-height: 28px;
  text-align: left;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-top: 60px;
}
.view-carts .breadcrumb {
  display: none;
}
.view-checkout #login b, .view-checkout #login a, .view-checkout #button-login, .view-checkout #button-account {
  float: left;
  top: 20px;
}
.view-checkout input[type="text"], .view-checkout input[type="password"], .view-checkout input[type="datetime"], .view-checkout input[type="datetime-local"], .view-checkout input[type="date"], .view-checkout input[type="month"], .view-checkout input[type="time"], .view-checkout input[type="week"], .view-checkout input[type="number"], .view-checkout input[type="email"], .view-checkout input[type="url"], .view-checkout input[type="search"], .view-checkout input[type="tel"], .view-checkout input[type="color"], .view-checkout .uneditable-input {
  height: 68px;
  background-color: #fff;
  border: 2px solid #212c59;
  box-sizing: border-box !important;
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  font-size: 17px;
  padding-left: 30px;
  border-radius: 0;
  border-radius: 0;
  margin-bottom: 5px;
  padding: 15px 10px 15px 30px;
  text-align: left;
  font-family: "Merriweather";
}
.view-checkout .j2store .span6 {
  text-align: left;
}
.view-checkout #akeeba-renderjoomla > div > div.span6.left > br:nth-child(4) {
  display: none;
}
.view-checkout #login > a {
  display: block;
  float: right;
  top: -12px;
  position: relative;
  color: #212c59;
  font-weight: bold;
}
.view-checkout #login > a:hover {
  color: #a57e3b;
  font-weight: bold;
}
.view-checkout select {
  color: #424753;
  background: #fff;
  border: 2px solid #212c59;
  width: 100% !important;
  height: 68px !important;
  border-radius: 0;
}
table.table-bordered th {
  background-color: #212c59;
  color: white;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-weight: 400;
  font-size: 15px;
}
#j2store-checkout-content h1 {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 45px;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-bottom: 50px;
  margin-top: 35px;
  font-weight: 400;
}
#checkbox_tos {
  margin-bottom: 20px;
  position: relative;
}
.checkout-content h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Allerta Stencil";
  color: #212c59;
  text-align: left;
}
.j2store #billing-existing select[size], .j2store #shipping-existing select[size] {
  height: auto;
  margin-top: 20px;
}
.j2store .checkout-heading {
  background-color: #212c59;
  border: 1px solid #dbdee1;
  color: white;
  text-transform: uppercase;
  font-family: "Allerta Stencil";
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 15px;
  padding: 8px;
}
.j2store .checkout-heading a {
  float: right;
  font-weight: normal;
  margin-top: 1px;
  text-decoration: none;
  cursor: pointer;
  color: white;
}
.j2store.checkout label {
  margin: 0px;
  float: left;
}
.itemid-119 h3 {
  margin-top: 40px;
  font-size: 40px;
  line-height: 45px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
}
.itemid-119 .j2store-myprofile-address-list > li {
  list-style: none;
  margin-left: 0;
  display: inline-block;
  margin-right: 30px;
}
.itemid-119 .j2store-myprofile-address-list > li > a {
  color: #212c59;
  font-size: 15px;
  font-weight: bold;
}
.itemid-119 .j2store-myprofile-address-list > li > a:hover {
  color: #a57e3b;
}
.itemid-119 ul {
  margin-left: 0;
  padding: 0;
  margin-top: 0;
}
.itemid-119 #j2storeOrderLoginForm > ul > li:nth-child(2) > a {
  display: none;
}
.itemid-119 .nav-tabs > li {
  margin-right: 0;
}
.j2store-cart-table .remove-icon {
  margin-bottom: 2px;
  margin-left: 20px;
}
.fa.fa-trash-o {
  color: white;
}
label {
  margin-bottom: 5px;
  display: block;
  position: relative;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}
.cart-no-items {
  font-size: 25px;
  margin-top: 50px;
  position: relative;
  display: block;
}
.itemid-133 h1 {
  margin-top: 40px;
  font-size: 40px;
  line-height: 45px;
  text-transform: uppercase;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-bottom: 40px;
}
.itemid-133 input[type="text"] {
  height: 68px;
  background-color: #fff;
  border: 2px solid #212c59;
  box-sizing: border-box !important;
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  font-size: 17px;
  padding-left: 30px;
  border-radius: 0;
  border-radius: 0;
  margin-bottom: 5px;
  padding: 15px 10px 15px 30px;
  text-align: left;
  width: 50%;
  font-family: "Merriweather";
}
.itemid-133 .control-label .hasTooltip, .itemid-133 .control-label .hasPopover {
  display: block;
  position: relative;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}
.itemid-133 p {
  margin-bottom: 30px;
}
.itemid-133 .form-horizontal .control-label {
  float: left;
  width: 100%;
  padding-top: 5px;
  /* text-align: right; */
  display: block;
}
.itemid-133 .btn.btn-primary {
  background-image: url('../images/buttons/checkout.jpg');
  background-repeat: no-repeat;
  height: 30px;
  width: 195px;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  font-size: 16px;
  margin: 0 auto;
  padding: 30px 10px;
  color: white;
  text-align: center;
  line-height: 1px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 25px;
  border-radius: 0;
}
.itemid-133 .btn.btn-primary:hover {
  background-image: url('../images/buttons/checkout-hover.jpg');
  color: #212c59;
  font-weight: bold;
}
.itemid-133 .well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: transparent;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#j2storeaddressForm .small, #j2storeOrderLoginForm .small, #j2storeOrderGuestForm .small {
  font-size: 16px;
  line-height: 25px;
  position: relative;
  display: block;
}
#j2storeaddressForm input[type="text"], #j2storeaddressForm input[type="password"], #j2storeaddressForm input[type="datetime"], #j2storeaddressForm input[type="datetime-local"], #j2storeaddressForm input[type="date"], #j2storeaddressForm input[type="month"], #j2storeaddressForm input[type="time"], #j2storeaddressForm input[type="week"], #j2storeaddressForm input[type="number"], #j2storeaddressForm input[type="email"], #j2storeaddressForm input[type="url"], #j2storeaddressForm input[type="search"], #j2storeaddressForm input[type="tel"], #j2storeaddressForm input[type="color"], #j2storeaddressForm .uneditable-input, #j2storeOrderLoginForm input[type="text"], #j2storeOrderLoginForm input[type="password"], #j2storeOrderLoginForm input[type="datetime"], #j2storeOrderLoginForm input[type="datetime-local"], #j2storeOrderLoginForm input[type="date"], #j2storeOrderLoginForm input[type="month"], #j2storeOrderLoginForm input[type="time"], #j2storeOrderLoginForm input[type="week"], #j2storeOrderLoginForm input[type="number"], #j2storeOrderLoginForm input[type="email"], #j2storeOrderLoginForm input[type="url"], #j2storeOrderLoginForm input[type="search"], #j2storeOrderLoginForm input[type="tel"], #j2storeOrderLoginForm input[type="color"], #j2storeOrderLoginForm .uneditable-input, #j2storeOrderGuestForm input[type="text"], #j2storeOrderGuestForm input[type="password"], #j2storeOrderGuestForm input[type="datetime"], #j2storeOrderGuestForm input[type="datetime-local"], #j2storeOrderGuestForm input[type="date"], #j2storeOrderGuestForm input[type="month"], #j2storeOrderGuestForm input[type="time"], #j2storeOrderGuestForm input[type="week"], #j2storeOrderGuestForm input[type="number"], #j2storeOrderGuestForm input[type="email"], #j2storeOrderGuestForm input[type="url"], #j2storeOrderGuestForm input[type="search"], #j2storeOrderGuestForm input[type="tel"], #j2storeOrderGuestForm input[type="color"], #j2storeOrderGuestForm .uneditable-input {
  height: 68px !important;
  background-color: #fff !important;
  border: 2px solid #212c59 !important;
  box-sizing: border-box !important;
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  font-size: 17px;
  padding-left: 30px;
  border-radius: 0;
  border-radius: 0;
  margin-bottom: 5px;
  padding: 15px 10px 15px 30px;
  text-align: left;
  font-family: "Merriweather";
}
#j2storeaddressForm select, #j2storeOrderLoginForm select, #j2storeOrderGuestForm select {
  color: #424753;
  background: #fff;
  border: 2px solid #212c59;
  width: 100% !important;
  height: 71px !important;
  border-radius: 0;
}
.task-editAddress .form-horizontal .control-group {
  margin-bottom: 40px;
  padding-bottom: 0;
  margin-top: 40px;
}
#billing-address input[type="text"], #billing-address input[type="password"], #billing-address input[type="datetime"], #billing-address input[type="datetime-local"], #billing-address input[type="date"], #billing-address input[type="month"], #billing-address input[type="time"], #billing-address input[type="week"], #billing-address input[type="number"], #billing-address input[type="email"], #billing-address input[type="url"], #billing-address input[type="search"], #billing-address input[type="tel"], #billing-address input[type="color"], #billing-address .uneditable-input {
  border-radius: 0;
  margin-bottom: 10px;
  font-family: "Merriweather";
}
#billing-address #akeeba-renderjoomla > div > div.row-fluid > div:nth-child(1) > br:nth-child(23), #billing-address #akeeba-renderjoomla > div > div.row-fluid > div:nth-child(1) > br:nth-child(24) {
  display: none;
}
#billing-address label[for="country_id"], #billing-address label[for="zone_id"] {
  float: none;
}
#billing-address h2 {
  margin-top: 27px;
}
/**** Profile page ****/
.nav-tabs {
  border-bottom: 3px solid #003a21;
}
.nav-tabs > li > a:hover {
  color: #a57e3b;
}
.nav-tabs > li > a {
  padding-top: 15px;
  padding-bottom: 17px;
  line-height: 20px;
  border: 3px solid;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  font-size: 20px;
  font-family: "Allerta Stencil";
  color: #212c59;
  text-transform: uppercase;
}
#j2store-address-tr-1 > div > div:nth-child(1) {
  margin-top: 75px;
}
.j2store-myprofile-address-single-list strong {
  font-size: 25px;
  font-family: "Allerta Stencil";
  color: #212c59;
  padding-left: 20px;
  text-transform: uppercase;
  line-height: 25px;
}
.j2store-myprofile-address-single-list .span6 {
  font-size: 20px;
  font-family: "Allerta Stencil";
  color: #212c59;
}
.nav-tabs > li {
  margin-bottom: -3px;
}
.j2store-myprofile h3 {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 45px;
  color: #212c59;
  font-family: "Allerta Stencil";
  margin-bottom: 50px;
  margin-top: 35px;
  font-weight: 400;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  border-color: #212c59;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  cursor: default;
  background-color: #212c59;
  border: 3px solid #212c59;
  font-size: 20px;
  font-family: "Allerta Stencil";
  color: white;
  padding: 15px;
  text-transform: uppercase;
}
.nav-tabs > .active > a > .fa {
  display: inline-block;
  font: normal normal normal 20px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  color: white;
}
.fa {
  display: inline-block;
  font: normal normal normal 20px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 25px;
  color: #212c59;
}
.itemid-115 #g-content-area-3 > div > div:nth-child(3) > div:nth-child(1), .itemid-115 #g-content-area-3 > div > div:nth-child(3) > div:nth-child(3) {
  display: none;
}
.itemid-115 #g-content-area-3 > div > div:nth-child(3) > div:nth-child(2) {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 100%;
  -moz-flex: 0 100%;
  -ms-flex: 0 100%;
  flex: 0 100%;
  width: 100%;
}
@media (min-width: 960px) and (max-width: 1199px) {
  /**** beers ****/
  .itemid-163 .rsform {
    width: 80%;
    margin: 20px auto !important;
    position: relative;
    display: block;
    background-color: white;
    min-height: 780px;
  }
  .itemid-163 .rsform:after {
    width: 1240px;
  }
  .itemid-162 .rsform {
    width: 65%;
    margin: 20px auto !important;
    position: relative;
    display: block;
    background-color: white;
  }
  .itemid-162 .rsform:after {
    content: "";
    background-image: url('../images/backgrounds/form-background.png?5ee88adf');
    position: absolute;
    height: 660px;
    width: 940px;
    display: block;
    bottom: 165px;
    left: -170px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .itemid-115 img.award-logos {
    margin-top: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    height: 150px;
    margin-right: 4px;
    height: 105px;
    width: 105px;
  }
  .outline-13 h3 {
    font-size: 40px;
    line-height: 47px;
  }
  .outline-13 .field-value {
    font-size: 24px;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    line-height: 27px;
  }
  .outline-_error #g-content-area-2 {
    background-image: url('../images/backgrounds/404.jpg?5cb5e3ab');
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
    height: 700px;
  }
  .itemid-101 .announcement-background {
    height: 520px;
  }
  .itemid-101 .announcement-background h3 {
    font-size: 64px !important;
    text-transform: uppercase;
    line-height: 64px;
    font-family: "Allerta Stencil";
    color: white;
    margin-bottom: 8px;
    padding-top: 0;
    left: 0;
    position: relative;
    margin-top: 0;
  }
  .itemid-101 .announcement-background h2 {
    font-size: 36px;
    text-transform: uppercase;
    line-height: 34px;
    font-family: "Allerta Stencil";
    color: white;
    margin-top: 0;
    left: 0;
    position: relative;
  }
  .itemid-101 .announcement-background .button-blue {
    left: 0;
    position: relative;
  }
  .itemid-101 .announcement-background .g-block.size-39 {
    bottom: 0px;
    position: relative;
    width: 25%;
  }
  .itemid-101 #g-banner > div > div:nth-child(3) > div > div > div > div > div > div.g-block.size-39 > img {
    height: 280px;
    top: 28%;
    position: relative;
    top: 0;
  }
  .itemid-101 .announcement-background .g-block.size-60, .itemid-101 .announcement-background .g-block.size-39 {
    display: inline-flex !important;
    height: 520px;
    vertical-align: top;
  }
  .itemid-101 .announcement-background p:nth-child(5) {
    font-size: 13px;
    margin-top: 14px;
  }
  .itemid-101 .announcement-background p {
    font-family: "Allerta Stencil";
    color: white;
    font-size: 18px;
    margin-top: 23px;
    left: 0;
    position: relative;
    float: right;
  }
  .itemid-101 .announcement-background .g-block.size-39 img {
    height: 270px;
  }
  .itemid-101 .award-background {
    height: 378px;
  }
  .itemid-101 .award-background h3 {
    font-size: 39px !important;
    text-transform: uppercase;
    line-height: 40px;
    font-family: "Allerta Stencil";
    color: white;
    margin-bottom: 8px;
    padding-top: 0;
    left: 0;
    position: relative;
    margin-top: 0;
  }
  .itemid-101 .award-background h2 {
    font-size: 25px;
    text-transform: uppercase;
    line-height: 30px;
    font-family: "Allerta Stencil";
    color: white;
    margin-top: 0;
    left: 0;
    position: relative;
  }
  .itemid-101 .award-background .button-blue {
    left: 0;
    position: relative;
  }
  .itemid-101 .award-background .g-block.size-39 {
    bottom: 0px;
    position: relative;
    width: 25%;
  }
  .itemid-101 #g-banner > div > div:nth-child(3) > div > div > div > div > div > div.g-block.size-39 > img {
    height: 280px;
    top: 28%;
    position: relative;
    top: 0;
  }
  .itemid-101 .announcement-background .g-block.size-60, .itemid-101 .announcement-background .g-block.size-39 {
    display: inline-flex !important;
    height: 520px;
    vertical-align: top;
  }
  .itemid-101 .announcement-background p:nth-child(5) {
    font-size: 14px;
    margin-top: 12px;
  }
  .itemid-101 .announcement-background p {
    font-family: "Allerta Stencil";
    color: white;
    font-size: 18px;
    margin-top: 23px;
    left: 0;
    position: relative;
    float: right;
  }
  .itemid-101 .announcement-background .g-block.size-39 img {
    height: 270px;
  }
  .itemid-101 .size-60 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 55%;
    -moz-flex: 0 55%;
    -ms-flex: 0 55%;
    flex: 0 55%;
    width: 55%;
  }
  .itemid-101 [itemprop="articleBody"] {
    width: 67%;
    padding-top: 0%;
    padding-bottom: 2%;
  }
  .itemid-101 h1 {
    font-size: 70px;
    text-transform: uppercase;
    line-height: 75px;
    color: white;
    font-family: "Allerta Stencil";
    font-weight: 400;
  }
  .itemid-101 .quicklink-1 h2 {
    font-size: 5vh;
    text-transform: uppercase;
    line-height: 5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-1 .custom {
    padding: 53px 12px;
  }
  .itemid-101 .quicklink-2 h2 {
    font-size: 5vh;
    text-transform: uppercase;
    line-height: 5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-2 .custom {
    padding: 53px 12px;
  }
  .itemid-101 .quicklink-3 h2 {
    font-size: 5vh;
    text-transform: uppercase;
    line-height: 5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-3 .custom {
    padding: 53px 12px;
  }
  .itemid-101 #g-content-area-3 h2 {
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 0;
  }
  .itemid-101 .bunny {
    background-image: url('../../../../images/large-rabbit.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 622px;
    position: absolute;
    top: 161px;
    display: block;
    width: 363px;
    z-index: 2;
  }
  .itemid-101 .ul-instaholic {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 3px;
  }
  .itemid-101 .bunny {
    background-image: url('../../../../images/large-rabbit.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 622px;
    position: absolute;
    top: 182px;
    display: block;
    width: 363px;
    z-index: 2;
  }
  .itemid-106 .pull-none.item-image {
    height: auto;
    border-bottom: 5px solid #212c59;
  }
  .itemid-106 .page-header, .itemid-106 .page-header a {
    text-align: center;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    font-size: 23px;
    line-height: 30px;
    margin-top: -21px;
  }
  .overlay-text {
    text-align: center;
    position: relative;
    display: block;
    color: white;
    font-size: 3vh;
    font-family: "Allerta Stencil";
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px;
    left: 0;
  }
  .outline-13 .next-btn {
    width: 11%;
    height: 30px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    top: 15px;
    background-position: right;
    margin-left: 10px;
  }
  .outline-13 .prev-btn {
    height: 20px;
    width: 10%;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    left: 8px;
    top: -17px;
    background-position: bottom;
  }
  .outline-13 .fields-container {
    padding: 0 10%;
  }
  .outline-13 .trait {
    width: 20%;
  }
  .outline-13 .type {
    width: 20%;
  }
  .outline-13 .alc {
    width: 12%;
  }
  .outline-13 .made {
    width: 46%;
  }
  .outline-13 .split {
    overflow: visible;
    width: 100%;
    margin-top: 80px;
    background-repeat: no-repeat;
    height: 893px;
    padding: 0 0%;
    background-position: top;
    background-size: contain;
  }
  .itemid-114 .col-sm-6 {
    width: 49%;
  }
  .itemid-114 .row-fluid .span3 {
    width: 22.404255%;
  }
  .itemid-114 #j2store-cart-form > table > thead > tr > th:nth-child(1) {
    width: 35%;
  }
  .itemid-114 #j2store-cart-form > table > thead > tr > th:nth-child(2) {
    width: 22%;
  }
  .itemid-114 #j2store-cart-form > table > thead > tr > th:nth-child(3) {
    width: 40%;
  }
  .itemid-114 .j2store-cart-table.table.table-bordered {
    padding: 0 40px;
    border-color: transparent;
  }
  .itemid-114 .row-fluid .span6 {
    width: 46.93617%;
  }
  .itemid-115 h1 {
    font-size: 80px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: white;
    font-weight: normal;
    width: 97%;
    line-height: 85px;
    padding-top: 10%;
    margin-bottom: 30px;
  }
  .itemid-115 #g-banner {
    background-image: url('../images/backgrounds/discover-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
  }
  .itemid-115 #g-banner:after {
    content: "";
    background-image: url('../images/icons/white-arrow.png?5c61ae3a');
    height: 20px;
    width: 30px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0 auto;
    top: 5px;
  }
  .itemid-115 .g-grid.itemslayout > div > div {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: inline-block;
    width: calc(100% - 2px);
    background-position: top left !important;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(1) > div > div > div > div > div.g-block.size-70 > div {
    background-position: top center !important;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(2) > div.g-block.size-21 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 5%;
    -moz-flex: 0 5%;
    -ms-flex: 0 5%;
    flex: 0 5%;
    width: 5%;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(2) > div.g-block.size-24 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 38%;
    -moz-flex: 0 38%;
    -ms-flex: 0 38%;
    flex: 0 38%;
    width: 38%;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(2) {
    padding-top: 30px;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(3) > div:nth-child(1), .itemid-115 #g-content-area-3 > div > div:nth-child(3) > div:nth-child(3) {
    display: none;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(3) > div:nth-child(2) {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 100%;
    -moz-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
    width: 100%;
  }
  .j2store-product-main-image {
    margin-bottom: 10px;
    height: 550px;
    width: auto;
    text-align: center;
    position: relative;
    display: block;
    object-fit: scale-down;
    object-position: 35px;
    overflow: visible;
  }
  .itemid-117 .readmore-news, .itemid-180 .readmore-news {
    background-image: url('../images/buttons/button-blue.png') !important;
    height: 52px !important;
    width: 200px !important;
    position: relative !important;
    display: block !important;
    color: white !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    font-family: "Allerta" !important;
    padding: 17px !important;
    margin-top: 30px !important;
    border-radius: 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .itemid-117 #g-banner h1, .itemid-180 #g-banner h1 {
    font-size: 70px;
    line-height: 80px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: center;
  }
  .itemid-117 div.page-header > h2 > a, .itemid-180 div.page-header > h2 > a {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 8px;
    width: 98%;
    text-transform: uppercase;
    color: black;
    font-family: "Allerta Stencil";
  }
  body.view-article.itemid-117 .news-banner-text, body.view-article.itemid-180 .news-banner-text {
    position: relative;
    padding-top: 8%;
    width: 70%;
    margin: 0 auto;
  }
  body.view-article.itemid-117 .news-banner-title, body.view-article.itemid-180 .news-banner-title {
    color: white;
    font-size: 35px;
    line-height: 42px;
    position: relative;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    text-align: center;
    margin-top: 0px;
    text-shadow: 0px 0px 8px black;
  }
  body.view-article.itemid-117 .sidebar, body.view-article.itemid-180 .sidebar {
    width: 25%;
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    padding-top: 10px;
  }
  .contact-phone {
    font-size: 37px;
    line-height: 32px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 40px;
    position: relative;
    display: block;
  }
  .rsform {
    width: 62%;
    margin: 0 auto;
    position: relative;
    display: block;
    background-color: white;
  }
}
.itemid-163 .rsform {
  width: 45%;
  margin: 20px auto !important;
  position: relative;
  display: block;
  background-color: white;
  min-height: 778px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .outline-13 .fields-container {
    padding: 0px 10%;
  }
  .outline-13 .split {
    overflow: hidden;
    width: 100%;
    margin-top: 80px;
    background-repeat: no-repeat;
    height: 855px;
    padding: 0 9%;
  }
  .outline-13 .field-value {
    font-size: 25px;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    line-height: 25px;
    letter-spacing: 2px;
  }
  .outline-13 .trait {
    width: 30%;
  }
  .outline-13 .type {
    width: 20%;
  }
}
@media (min-width: 1200px) and (max-width: 1580px) {
  .itemid-106 .page-header, .itemid-106 .page-header a {
    text-align: center;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    font-size: 2vw;
    line-height: 2vw;
    margin-top: -21px;
  }
  .overlay-text {
    text-align: center;
    position: relative;
    display: block;
    color: white;
    font-size: 3vw;
    font-family: "Allerta Stencil";
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px;
    left: 0;
    line-height: 4vw;
  }
  .itemid-101 .quicklink-1 h2 {
    font-size: 6.5vh;
    text-transform: uppercase;
    line-height: 6.5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-2 h2 {
    font-size: 6.5vh;
    text-transform: uppercase;
    line-height: 6.5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-3 h2 {
    font-size: 6.5vh;
    text-transform: uppercase;
    line-height: 6.5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-1 .custom {
    padding: 45px 18px;
  }
  .itemid-101 .quicklink-2 .custom {
    padding: 45px 18px;
  }
  .itemid-101 .quicklink-3 .custom {
    padding: 45px 18px;
  }
  .itemid-115 #g-content-area-3 .size-21 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 5%;
    -moz-flex: 0 5%;
    -ms-flex: 0 5%;
    flex: 0 5%;
    width: 5%;
  }
  .itemid-115 #g-content-area-3 .size-24 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 40%;
    -moz-flex: 0 40%;
    -ms-flex: 0 40%;
    flex: 0 40%;
    width: 40%;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  /**** Homepage *****/
  /**** Shop ****/
  #g-navigation .size-18 {
    flex: 0 24%;
    width: 24%;
  }
  #g-navigation .size-5 {
    flex: 0 26% !important;
    width: 26% !important;
  }
  .j2store-thumbnail-image {
    text-align: center;
    min-height: 232px;
  }
  nav > ul > li.g-menu-item.g-menu-item-type-alias.g-menu-item-178.g-standard {
    display: block;
  }
  .itemid-163 .rsform {
    width: 80%;
    margin: 20px auto !important;
    position: relative;
    display: block;
    background-color: white;
    min-height: 780px;
  }
  .itemid-163 .rsform:after {
    width: 1240px;
  }
  .shop-banner {
    height: 292px;
  }
  .shop-banner h2 {
    font-size: 56px;
    line-height: 66px;
  }
  .itemid-162 .rsform {
    width: 75%;
    margin: 20px auto !important;
    position: relative;
    display: block;
    background-color: white;
  }
  #g-banner {
    top: 0;
    position: relative;
    display: block;
    margin-top: 0;
  }
  .finalist {
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
    height: 230px;
    margin-top: 30px;
  }
  .outline-_error #g-content-area-2 {
    background-image: url('../images/backgrounds/404.jpg?5cb5e3ab');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
  }
  .outline-_error h1 {
    padding-top: 0;
  }
  .branded-t-shirt .product-qty input[type="text"], .branded-t-shirt .product-qty input[type="number"] {
    display: inline;
    height: 100%;
    padding: 12px 5px !important;
    width: 80px !important;
    text-align: center;
    margin: 0px;
    font-size: 16px;
    color: #212c59;
    border: 2px solid;
    margin-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    top: 0px;
    position: relative;
  }
  p {
    color: #212c59;
    font-size: 13px;
    line-height: 20px;
    font-family: "Merriweather";
  }
  .g-offcanvas-toggle .fa-bars {
    display: none;
  }
  .tabber {
    background-image: url('../images/tablet/tabber.png');
    height: 35px;
    width: 31px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .instaholic {
    float: left;
    width: 100%;
    height: auto;
    z-index: 0;
    position: relative;
  }
  .bb-logo img {
    width: 220px;
    top: 0;
    position: relative;
  }
  .g-offcanvas-toggle {
    display: inline-block;
    float: right;
    right: 209px;
    margin: 0 auto;
    position: relative;
    display: block;
    top: 2px;
  }
  #g-navigation .size-8 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 2%;
    -moz-flex: 0 2%;
    -ms-flex: 0 2%;
    flex: 0 2%;
    width: 2%;
  }
  #g-navigation .size-5 {
    flex: 0 26% !important;
    width: 26% !important;
  }
  .g-block.size-23.align-right.login {
    flex: 0 38%;
    width: 38%;
    margin-left: 15px;
  }
  .g-block.size-23.align-right.login:before {
    content: "";
    position: relative;
    display: block;
    width: 2px;
    height: 40px;
    background-color: #212c59;
    left: 15px;
    float: right;
    top: 5px;
  }
  #g-navigation.white .cart-item-count {
    background: #fff none repeat scroll 0 0;
    border-radius: 20px;
    color: #212c59;
    display: inline-block;
    font-size: 14px;
    height: 23px;
    line-height: 25px;
    text-align: center;
    width: 20px;
    font-family: "Allerta Stencil";
    left: 60px;
    position: relative;
    top: -17px;
  }
  #g-navigation.white .cart-logo {
    height: 27px;
    width: 28px;
    position: relative;
    display: block;
    float: right;
    background-repeat: no-repeat;
    background-position: bottom;
    right: 0;
    top: 10px;
    left: 42px;
    background-size: contain;
  }
  .itemid-101 .award-background h3 {
    font-size: 35px !important;
    text-transform: uppercase;
    line-height: 38px;
    font-family: "Allerta Stencil";
    color: white;
    margin-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
  }
  .itemid-101 .award-background h2 {
    font-size: 25px;
    text-transform: uppercase;
    line-height: 35px;
    font-family: "Allerta Stencil";
    color: white;
    margin-top: 0;
    margin-bottom: 0;
  }
  .itemid-101 .award-background p:nth-child(5) {
    font-size: 14px;
    margin-top: 12px;
  }
  .itemid-101 .award-background {
    height: 372px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .itemid-101 .award-background .size-60 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 45%;
    -moz-flex: 0 45%;
    -ms-flex: 0 45%;
    flex: 0 45%;
    width: 45%;
    padding-left: 20px;
  }
  .itemid-101 .award-background p {
    float: right;
  }
  .itemid-101 .award-background .g-block.size-39 {
    bottom: 0;
    position: relative;
    height: 245px;
    width: 20%;
  }
  .itemid-101 .award-background .g-block.size-60, .itemid-101 .award-background .g-block.size-39 {
    display: inline-block;
    height: 410px;
    vertical-align: top;
    top: 0;
  }
  .itemid-101 .award-background .g-block.size-39 img {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    height: 240px;
    top: 95px;
  }
  .itemid-101 #g-banner .custom {
    height: 470px;
  }
  .itemid-101 .btn-group {
    text-align: center;
    position: relative;
    display: block;
    padding-bottom: 50px;
  }
  .itemid-101 .announcement-background h3 {
    font-size: 42px !important;
    text-transform: uppercase;
    line-height: 42px;
    font-family: "Allerta Stencil";
    color: white;
    margin-bottom: 0;
    padding-top: 0;
    margin-bottom: 10px;
  }
  .itemid-101 .announcement-background h2 {
    font-size: 26px;
    text-transform: uppercase;
    line-height: 32px;
    font-family: "Allerta Stencil";
    color: white;
    margin-top: 0;
    margin-bottom: 0;
  }
  .itemid-101 .announcement-background p:nth-child(5) {
    font-size: 14px;
    margin-top: 12px;
  }
  .itemid-101 .announcement-background {
    height: 480px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .itemid-101 .announcement-background .size-60 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 45%;
    -moz-flex: 0 45%;
    -ms-flex: 0 45%;
    flex: 0 45%;
    width: 45%;
    padding-left: 20px;
  }
  .itemid-101 .announcement-background p {
    float: right;
    font-family: "Allerta Stencil";
    color: white;
    font-size: 20px;
    margin-top: 12px;
    text-transform: uppercase;
    text-align: right;
    line-height: 24px;
  }
  .itemid-101 .announcement-background .button-blue {
    height: 66px;
    width: 210px;
    padding: 22px 10px;
  }
  .itemid-101 .announcement-background .g-block.size-39 {
    bottom: 0;
    position: relative;
    height: 245px;
    width: 20%;
  }
  .itemid-101 .announcement-background .g-block.size-60, .itemid-101 .announcement-background .g-block.size-39 {
    display: flex;
    height: 480px;
    vertical-align: top;
    top: 0;
  }
  .itemid-101 .announcement-background .g-block.size-39 img {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    height: 240px;
    top: 95px;
  }
  .itemid-101 h1 {
    font-size: 60px;
    text-transform: uppercase;
    line-height: 65px;
    color: white;
    font-family: "Allerta Stencil";
    font-weight: 400;
  }
  .itemid-101 #g-content-area-1 {
    background-image: url('../../../../images/born-brewed.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    background-position: -512px 0px;
    height: 658px;
  }
  .itemid-101 [itemprop="articleBody"] {
    width: 50%;
    padding-top: 5%;
    padding-bottom: 3%;
  }
  .itemid-101 .spacer-line {
    background-image: url('../../../../images/split-line.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
    background-position: center;
  }
  .itemid-101 .quicklink-1 h2 {
    font-size: 4.5vh;
    text-transform: uppercase;
    line-height: 5.5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-1 .custom {
    padding: 20px 15px;
  }
  .itemid-101 .quicklink-2 h2 {
    font-size: 4.5vh;
    text-transform: uppercase;
    line-height: 5.5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-2 {
    background-position: center;
  }
  .itemid-101 .quicklink-2 .custom {
    padding: 20px 15px;
  }
  .itemid-101 .quicklink-3 h2 {
    font-size: 4.5vh;
    text-transform: uppercase;
    line-height: 5.5vh;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-3 .custom {
    padding: 20px 15px;
  }
  .itemid-101 .quicklink-3 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
  }
  .itemid-101 #g-content-area-3 {
    padding-top: 5px !important;
    position: relative;
    display: block;
    margin-bottom: 0;
  }
  .itemid-101 #g-content-area-3 h2 {
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 0;
  }
  .itemid-101 #g-content-area-3 h3 {
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    line-height: 25px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 0;
  }
  .itemid-101 #g-content-area-3 .size-25 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 50%;
    -moz-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
    width: 50%;
  }
  .itemid-101 #g-content-area-3 .size-41 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 50%;
    -moz-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
    width: 50%;
  }
  .itemid-101 #g-content-area-3 .size-82 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 100%;
    -moz-flex: 0 100%;
    -ms-flex: 0 100%;
    flex: 0 100%;
    width: 100%;
  }
  .itemid-101 .bunny {
    content: "";
    background-image: url('../images/icons/social-bunny.png');
    position: relative;
    display: inline-block;
    height: 310px;
    width: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    z-index: 1;
    top: -6px;
  }
  .itemid-101 #g-content-area-4 > div > div:nth-child(2) > div > div > div > div > div > div > ul > li:nth-child(4) ~ li {
    display: none;
  }
  .blue #g-navigation .cart-logo, .sand #g-navigation .cart-logo, .red #g-navigation .cart-logo, .dark-gray #g-navigation .cart-logo, .purple #g-navigation .cart-logo, .light-gray #g-navigation .cart-logo, .orange #g-navigation .cart-logo, .green #g-navigation .cart-logo {
    background-image: url('../images/icons/cart-white.png');
    height: 27px;
    width: 28px;
    position: relative;
    display: block;
    float: right;
    background-repeat: no-repeat;
    background-position: bottom;
    right: 0;
    top: 0px;
    left: 42px;
    background-size: contain;
  }
  .blue #g-navigation .cart-item-count, .sand #g-navigation .cart-item-count, .red #g-navigation .cart-item-count, .dark-gray #g-navigation .cart-item-count, .purple #g-navigation .cart-item-count, .light-gray #g-navigation .cart-item-count, .orange #g-navigation .cart-item-count, .green #g-navigation .cart-item-count {
    background: transparent none repeat scroll 0 0;
    border-radius: 20px;
    color: white;
    display: inline-block;
    font-size: 14px;
    height: 23px;
    line-height: 25px;
    text-align: center;
    width: 20px;
    font-family: "Allerta Stencil";
    left: 60px;
    position: relative;
    top: -27px;
  }
  .j2store-myprofile-address-single-list strong {
    font-size: 18px;
    font-family: "Allerta Stencil";
    color: #212c59;
    padding-left: 0;
    text-transform: uppercase;
    line-height: 20px;
  }
  #j2store-address-tr-1 > div > div:nth-child(1) {
    margin-top: 75px;
  }
  .j2store-myprofile-address-single-list {
    margin-top: 0;
  }
  .itemid-106 .page-header, .itemid-106 .page-header a {
    text-align: center;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    font-size: 18px;
    line-height: 19px;
    margin-top: -8px;
  }
  .itemid-106 .field-entry {
    text-align: center;
    text-transform: uppercase;
    color: #212c59;
    font-size: 12px;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 15px;
    margin: 0;
  }
  .itemid-106 .banner h1 {
    font-size: 50px;
    color: white;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 60px;
    margin-bottom: 0;
  }
  .itemid-106 .banner h2 {
    font-size: 14px;
    color: white;
    line-height: 16px;
    font-family: "Merriweather";
    font-weight: normal;
  }
  .itemid-106 #g-banner {
    background-image: url('../images/backgrounds/beers-header.jpg');
    height: 145px;
    background-size: cover;
    padding: 15px !important;
    position: relative;
    display: block;
  }
  .breadcrumb {
    padding: 24px 0px 0 0;
    margin: 0 0 0px;
    list-style: none;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .outline-13 {
    /**** Bottle Caps *****/
  }
  .outline-13 #g-banner > div > div:nth-child(1) > div > div {
    margin-bottom: 0;
    padding-bottom: 0;
    margin: 0;
    padding: 0;
  }
  .outline-13 #g-banner h1 {
    font-size: 60px;
    line-height: 75px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .outline-13 #g-banner h2 {
    font-size: 16px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Merriweather";
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 0;
  }
  .outline-13 .prev-btn {
    height: 22px;
    width: 10%;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    left: -7%;
    top: -90px;
    background-position: bottom;
  }
  .outline-13 .next-btn {
    background-image: url('../images/tablet/right-arrow.png') !important;
    height: 22px;
    width: 10%;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    top: -164px;
    background-position: right;
    left: 22px;
  }
  .outline-13 .next-btn:hover {
    background-image: url('../images/tablet/right-arrow-hover.png') !important;
  }
  .outline-13 .field-value {
    font-size: 24px;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    line-height: 28px;
    white-space: normal;
  }
  .outline-13 .navigation-bar {
    padding: 0 5%;
  }
  .outline-13 .blue .fields-container {
    padding: 0 0 0 4.9%;
    margin-top: 0;
    white-space: nowrap;
    top: 0;
    position: relative;
  }
  .outline-13 .fields-container {
    padding: 0 0 0 4.9%;
    margin-top: 0;
    white-space: nowrap;
    top: -32px;
    position: relative;
  }
  .outline-13 .trait {
    width: 22%;
  }
  .outline-13 .alc {
    width: 17%;
  }
  .outline-13 .type {
    width: 20%;
  }
  .outline-13 .made {
    white-space: normal;
    width: 35%;
  }
  .outline-13 .split {
    overflow: visible;
    width: 100%;
    margin-top: 5%;
    background-repeat: no-repeat;
    height: 725px;
    padding: 0 5%;
    background-position: 15px center;
    background-size: contain;
  }
  .outline-13 .beer-symbol {
    height: 264px;
    width: 271px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    margin-top: 28px;
  }
  .outline-13 h3 {
    font-size: 34px !important;
    line-height: 36px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  .outline-13 .split > div:nth-child(2) {
    height: auto;
    position: relative;
    display: inline-block;
    width: 50%;
  }
  .outline-13 .split > div:nth-child(1) {
    height: 765px;
    position: relative;
    display: inline-block;
    width: 50%;
    margin-right: 0;
    padding-right: 0;
    float: left;
  }
  .outline-13 .more-characters {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 48px;
    margin-bottom: 35px;
    color: #212c59;
    font-weight: normal;
    font-family: "Allerta Stencil";
  }
  .outline-13 .image-swap-container {
    display: inline-block;
    position: relative;
    height: 175px;
    width: 175px;
    margin: 0 auto;
    margin-right: 0%;
    text-align: center;
  }
  .outline-13 .image-swap {
    background-repeat: no-repeat;
    border-radius: 50%;
    height: 165px;
    width: 165px;
    transform: none;
    transition: transform 1s, background-image 1s;
    background-size: cover;
    margin-right: 2%;
  }
  .outline-13 .character-badges-parent {
    text-align: center;
    margin: 0 auto;
    position: relative;
    margin-bottom: 50px;
  }
  .outline-13 .image-swap-container:hover .image-swap.green {
    background-image: none !important;
    transform: none;
    background-color: #003a21 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.sand {
    background-image: none !important;
    transform: none;
    background-color: #a57e3b !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.purple {
    background-image: none !important;
    transform: none;
    background-color: #482f68 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.light-gray {
    background-image: none !important;
    transform: none;
    background-color: #dedfe5 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.orange {
    background-image: none !important;
    transform: none;
    background-color: #e6742d !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.red {
    background-image: none !important;
    transform: none;
    background-color: #a41624 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.dark-gray {
    background-image: none !important;
    transform: none;
    background-color: #383637 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.blue {
    background-image: none !important;
    transform: none;
    background-color: #212c59 !important;
  }
  .dark-gray .beer-symbol {
    height: 285px !important;
    width: 278px !important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 35px;
    margin-top: 90px;
  }
  .purple .beer-symbol {
    height: 342px !important;
    width: 405px;
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: -37px;
    bottom: 40px;
    position: relative;
  }
  .moduletable .breadcrumb span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    color: #212c59;
    font-family: "Allerta Stencil";
  }
  .j2store-img-responsive.j2store-product-thumb-image-6, .j2store-img-responsive.j2store-product-thumb-image-1, .j2store-img-responsive.j2store-product-thumb-image-2, .j2store-img-responsive.j2store-product-thumb-image-3, .j2store-img-responsive.j2store-product-thumb-image-4, .j2store-img-responsive.j2store-product-thumb-image-5, .j2store-img-responsive.j2store-product-thumb-image-7, .j2store-img-responsive.j2store-product-thumb-image-8 {
    width: 59px;
  }
  .itemid-134 form {
    margin: 0 22px 20px;
  }
  .itemid-134 #j2store-checkout {
    padding: 0 15px;
  }
  .itemid-134 .moduletable .breadcrumb span.divider {
    display: none;
  }
  .row-fluid .span3 {
    width: 22%;
  }
  .itemid-114 .upsell-product-row, .itemid-134 .upsell-product-row {
    margin-bottom: 60px;
  }
  .itemid-114 .row-fluid .span3, .itemid-134 .row-fluid .span3 {
    width: 21%;
  }
  .itemid-114 .span3, .itemid-134 .span3 {
    margin-bottom: 0;
  }
  .itemid-114 .sub-title, .itemid-134 .sub-title {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-size: 12px;
  }
  .itemid-114 #g-content-area-1 > div > div:nth-child(1) > div > div, .itemid-134 #g-content-area-1 > div > div:nth-child(1) > div > div {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 4px;
    padding-top: 0;
  }
  .itemid-114 #g-banner, .itemid-134 #g-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
  }
  .itemid-114 #g-banner h1, .itemid-134 #g-banner h1 {
    font-size: 50px;
    color: white;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 60px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 25px;
  }
  .itemid-114 #g-banner h2, .itemid-134 #g-banner h2 {
    font-size: 14px;
    color: white;
    line-height: 15px;
    font-family: "Merriweather";
    font-weight: normal;
    text-align: center;
  }
  .itemid-114 .upsell-product img, .itemid-134 .upsell-product img {
    height: auto;
    width: 65px;
  }
  .itemid-114 .sub-title-bottles, .itemid-134 .sub-title-bottles {
    margin-top: 0;
    text-align: center;
    font-family: "Allerta Stencil";
    font-size: 12px;
    margin-bottom: 0;
  }
  .view-product-15 .j2store-product-main-image {
    margin-bottom: 5px;
    height: 460px;
    width: auto;
    text-align: center;
    position: relative;
    display: block;
    object-fit: scale-down;
    object-position: 0;
    overflow: visible;
  }
  .view-product-10 .j2store-product-main-image {
    margin-bottom: 5px;
    height: 460px;
    width: auto;
    text-align: center;
    position: relative;
    display: block;
    object-fit: scale-down;
    object-position: 10px;
    overflow: visible;
  }
  .view-product-10 .option {
    font-size: 12px;
    line-height: 30px;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: normal !important;
  }
  .view-product-10 #akeeba-renderjoomla > div > div > div > div:nth-child(1) {
    width: 55%;
    margin-left: 15px;
  }
  .view-product-10 #akeeba-renderjoomla > div > div > div > div:nth-child(2) {
    width: 43%;
    padding-left: 0;
    padding-right: 0;
  }
  .product-view .product-qty input[type="text"], .product-qty input[type="number"] {
    display: inline;
    height: 100%;
    padding: 12px 5px !important;
    width: 80px !important;
    text-align: center;
    margin: 0px;
    font-size: 15px;
    color: #212c59;
    border: 2px solid;
    margin-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
  }
  h2[itemprop="name"] {
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Allerta Stencil";
    margin-top: 16px;
    margin-bottom: 0px;
  }
  .product-title {
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: 400;
    margin-bottom: 5px;
  }
  .product-sub-title {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
  }
  .product-price .sale-price {
    font-size: 25px !important;
    line-height: 30px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-align: left;
    margin-top: 15px;
    margin-bottom: 25px;
  }
  .view-product-6 .j2store-product-main-image, .view-product-1 .j2store-product-main-image, .view-product-2 .j2store-product-main-image, .view-product-3 .j2store-product-main-image, .view-product-4 .j2store-product-main-image, .view-product-5 .j2store-product-main-image, .view-product-7 .j2store-product-main-image, .view-product-8 .j2store-product-main-image {
    margin-bottom: 10px;
    height: 460px;
    width: auto;
    text-align: center;
    position: relative;
    display: block;
    object-fit: scale-down;
    object-position: 110px;
    overflow: visible;
  }
  .j2store-product-main-image {
    margin-bottom: 5px;
    height: 460px;
    width: auto;
    text-align: center;
    position: relative;
    display: block;
    object-fit: scale-down;
    object-position: 0;
    overflow: visible;
  }
  .extras {
    margin-top: 75px;
    border: 2px solid #212c59;
    padding: 10px 15px 10px 15px;
    margin-right: 15px;
  }
  .extras > h3 {
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
  }
  h3.upsell-product-title > a {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-align: center;
    font-weight: normal;
    position: relative;
    display: inline-block;
  }
  .product-upsells-container h3 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-top: 50px;
    margin-bottom: 40px;
  }
  h3.upsell-product-title {
    margin-top: 0;
    margin-bottom: 20px;
  }
  div.row-fluid.product-upsells-container > div > div > div.span3.upsell-product > br {
    display: none;
  }
  .moduletable .breadcrumb a {
    display: inline-block;
    margin-left: 5px;
  }
  .itemid-115 #g-banner {
    background-size: cover;
    background-repeat: no-repeat;
    height: 560px;
    background-position: -137px;
  }
  .itemid-115 h1 {
    font-size: 60px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: white;
    font-weight: normal;
    width: 50%;
    line-height: 66px;
    padding-top: 8%;
    margin-bottom: 20px;
  }
  .itemid-115 #g-banner:after {
    content: "";
    height: 20px;
    width: 30px;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0 auto;
    top: 15px;
  }
  .itemid-115 .g-grid.itemslayout {
    height: 25vh;
    min-height: 325px;
    margin-top: 2px;
  }
  .itemid-115 #g-content-area-2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .itemid-115 #g-content-area-2 > div {
    height: 490px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 70px;
  }
  .itemid-115 #g-content-area-3 {
    margin-bottom: 50px;
  }
  .itemid-115 h2 {
    font-size: 40px;
    text-transform: uppercase;
    line-height: 50px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 30px;
    margin-top: 0;
    margin-left: -3px;
  }
  .itemid-115 img.award-logos {
    margin-top: 20px;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-right: 4px;
    height: 92px;
    width: 92px;
  }
  .itemid-115 .size-21 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 5%;
    -moz-flex: 0 5%;
    -ms-flex: 0 5%;
    flex: 0 5%;
    width: 5%;
  }
  .itemid-115 .size-24 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 40%;
    -moz-flex: 0 40%;
    -ms-flex: 0 40%;
    flex: 0 40%;
    width: 40%;
  }
  .itemid-115 .size-55 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 50%;
    -moz-flex: 0 50%;
    -ms-flex: 0 50%;
    flex: 0 50%;
    width: 50%;
  }
  .itemid-115 p {
    color: #212c59;
    font-size: 13px;
    line-height: 18px;
    font-family: "Merriweather";
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(2) > div.g-block.size-55 {
    background-image: url('../images/tablet/our-quest-beer.png');
    height: 637px;
    background-repeat: no-repeat;
    background-position: 45px 58px;
  }
  .itemid-115 #g-content-area-4 {
    padding-top: 0;
  }
  .itemid-117 .row-fluid .span3, .itemid-180 .row-fluid .span3 {
    width: 31%;
  }
  .itemid-117 #g-banner h1, .itemid-180 #g-banner h1 {
    font-size: 60px;
    line-height: 70px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .itemid-117 .row-fluid [class*="span"], .itemid-180 .row-fluid [class*="span"] {
    margin-left: 10px;
    padding-right: 7px;
  }
  .itemid-117 div.page-header > h2 > a, .itemid-180 div.page-header > h2 > a {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 1px;
    width: 100%;
    text-transform: uppercase;
    color: black;
    font-family: "Allerta Stencil";
    font-weight: normal;
    margin-bottom: 20px;
    position: relative;
    display: block;
  }
  .itemid-117 .item p, .itemid-180 .item p {
    font-size: 13px;
    line-height: 17px;
    font-family: "Merriweather";
    color: black;
  }
  .itemid-117 .readmore-news, .itemid-180 .readmore-news {
    background-image: url('../images/buttons/button-blue.png') !important;
    height: 56px !important;
    width: 216px !important;
    position: relative !important;
    display: block !important;
    color: white !important;
    text-align: center !important;
    line-height: 19px !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    font-family: "Allerta" !important;
    padding: 19px !important;
    margin-top: 30px !important;
    border-radius: 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .itemid-117 div.page-header > h2, .itemid-180 div.page-header > h2 {
    font-size: 22px;
    line-height: 25px;
    text-align: left;
    margin-bottom: 26px;
  }
  body.view-article.itemid-117 .news-banner-title, body.view-article.itemid-180 .news-banner-title {
    color: white;
    font-size: 36px;
    line-height: 40px;
    position: relative;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    text-align: center;
    margin-top: 0px;
    text-shadow: 0px 0px 8px black;
  }
  body.view-article.itemid-117 .news-banner-text, body.view-article.itemid-180 .news-banner-text {
    position: relative;
    padding-top: 5%;
    width: 85%;
    margin: 0 auto;
    padding-bottom: 0%;
  }
  body.view-article.itemid-117 .news-image-banner, body.view-article.itemid-180 .news-image-banner {
    height: auto;
    position: relative;
    background-size: cover;
    background-color: #231f20;
  }
  body.view-article.itemid-117 .return, body.view-article.itemid-180 .return {
    font-size: 13px;
    color: #212c59;
    left: 10px;
    position: relative;
    display: block;
  }
  body.view-article.itemid-117 .sidebar, body.view-article.itemid-180 .sidebar {
    width: 25%;
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    padding-top: 10px;
  }
  body.view-article.itemid-117 .item-page, body.view-article.itemid-180 .item-page {
    width: 74%;
    position: relative;
    display: inline-block;
    padding-top: 10px;
  }
  .logo-small-blue {
    margin-top: 5px;
    height: 120px;
  }
  .contact-phone-p {
    margin-bottom: 10px;
    margin-top: 35px;
  }
  .contact-phone {
    font-size: 25px;
    line-height: 32px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 0;
    position: relative;
    display: block;
  }
  .contact-email {
    font-size: 22px;
    line-height: 42px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 30px;
    position: relative;
    display: block;
  }
  .map {
    background-image: url('../../../../images/contact-map-overlay.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    height: 532px;
    width: 100%;
  }
  .itemid-118 #g-content-area-1 .size-60 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 55%;
    -moz-flex: 0 55%;
    -ms-flex: 0 55%;
    flex: 0 55%;
    width: 55%;
  }
  .itemid-118 #g-content-area-1 .size-40 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 45%;
    -moz-flex: 0 45%;
    -ms-flex: 0 45%;
    flex: 0 45%;
    width: 45%;
  }
  .itemid-118 #g-navigation .size-5 .g-content {
    width: 100%;
  }
  .itemid-118 #g-content-area-2 {
    margin-top: 60px;
  }
  .rsform h2 {
    font-size: 35px;
    text-align: center;
    margin-top: 20px;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    margin-bottom: 2px;
  }
  .rsform {
    width: 62%;
    margin: 0 auto;
    position: relative;
    display: block;
    background-color: white;
  }
  .rsform p {
    margin-top: 0;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Allerta Stencil";
    color: #212c59;
    margin-bottom: 24px;
    display: block;
  }
  input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, textarea {
    padding: 40px 30px 40px 30px;
    text-align: left;
    border-radius: 0;
    background-color: white;
    font-family: "Merriweather";
  }
  textarea {
    padding-top: 30px;
    height: 300px;
  }
  input::placeholder, textarea::placeholder {
    color: #dedfe5;
    font-size: 20px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #dedfe5;
    font-size: 20px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #dedfe5;
    font-size: 20px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #dedfe5;
    font-size: 20px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  input:-moz-placeholder, textarea:-ms-input-placeholder {
    /* Firefox 18- */
    color: #dedfe5;
    font-size: 20px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  .rsform:after {
    position: absolute;
    height: 560px;
    width: 840px;
    display: block;
    bottom: 230px;
    left: -196px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #g-content-area-4 > div > div > div > div {
    margin-bottom: -42px;
    padding-bottom: 0;
    position: relative;
    margin-top: -22px;
    padding-top: 0;
  }
}
.myprofile-address-control-edit a, li.myprofile-address-control-delete a {
  background-image: url('../images/buttons/checkout.jpg');
  background-repeat: no-repeat;
  height: 10px;
  width: 110px;
  background-color: transparent;
  background-position: center;
  background-size: contain;
  font-size: 16px;
  margin: 0 auto;
  padding: 20px 12px;
  color: white;
  text-align: center;
  line-height: 0px;
  text-transform: uppercase;
  font-family: "Allerta";
  font-weight: 400;
  margin-bottom: 30px;
  display: inline-block;
}
@media (max-width: 767px) {
  .j2store-thumbnail-image {
    text-align: center;
    min-height: 120px;
  }
  .itemid-144 .login {
    width: 100%;
  }
  .itemid-136 ul {
    margin-left: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
  }
  .itemid-136 .myprofile-address-control-edit a, .itemid-136 li.myprofile-address-control-delete a {
    background-image: url('../images/buttons/checkout.jpg');
    background-repeat: no-repeat;
    height: 10px;
    width: 95px;
    background-color: transparent;
    background-position: center;
    background-size: contain;
    font-size: 16px;
    margin: 0 auto;
    padding: 20px 12px;
    color: white;
    text-align: center;
    line-height: 0px;
    text-transform: uppercase;
    font-family: "Allerta";
    font-weight: 400;
    margin-bottom: 30px;
    display: inline-block;
  }
  .itemid-136 .nav-tabs > li > a {
    cursor: default;
    border: 1px solid #212c59;
    font-size: 15px;
    font-family: "Allerta Stencil";
    padding: 17px;
    text-transform: uppercase;
    font-weight: normal;
  }
  .itemid-162 label {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 20px;
  }
  .itemid-162 .formResponsive select.rsform-select-box-small {
    width: 35% !important;
  }
  .itemid-162 .control-group.rsform-block.rsform-block-birthday label {
    font-size: 14px !important;
    width: 26%;
    display: inline-block;
    height: 40px;
    padding: 0% 1%;
    font-weight: normal;
    margin-top: 0;
  }
  .itemid-162 .control-group.rsform-block.rsform-block-birthday .controls {
    width: 72%;
  }
  .itemid-163 .rsform {
    width: 100%;
    margin: 0px auto !important;
    position: relative;
    display: block;
    background-color: white;
    min-height: auto;
  }
  .itemid-163 .rsform:after {
    display: none;
  }
  .itemid-163 .rsform h2 {
    font-size: 25px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 32px;
  }
  .itemid-159 h1 {
    font-size: 35px;
    line-height: 45px;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .itemid-159 h2 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 0;
  }
  .itemid-159 h3.g-title {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 10px;
  }
  .itemid-159 h3.title {
    font-size: 22px;
    line-height: 32px;
  }
  .itemid-159 #g-content-area-1 p {
    font-size: 14px;
    line-height: 18px;
  }
  .itemid-159 #g-content-area-1 p.promoCode {
    font-size: 22px;
    line-height: 30px;
  }
  .itemid-159 #g-content-area-1 .support {
    font-size: 22px;
    line-height: 28px;
    margin: 35px 0 20px 0%;
  }
  .itemid-159 .offers {
    margin-right: 0;
    padding-bottom: 50px;
    border-bottom: 2px dashed gray;
    margin-bottom: 0;
  }
  .itemid-162 #GENDER, .itemid-163 #GENDER {
    width: 100% !important;
    font-size: 15px !important;
    line-height: 30px;
    padding: 2% 30px !important;
    float: none;
    margin: 0;
    box-sizing: border-box;
  }
  .shop-banner {
    height: 292px;
    position: relative;
    display: block;
    background-position: center;
    background-size: cover;
  }
  .shop-banner h2 {
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: white;
    margin-top: 20px;
  }
  .itemid-162 #FNAME, .itemid-163 #FNAME {
    border-top: 5px solid #212c59;
    border-left: 5px solid #212c59;
    border-right: 5px solid #212c59;
    border-bottom: 1px solid #212c59;
    font-size: 15px !important;
  }
  .itemid-162 #LNAME, .itemid-163 #LNAME {
    border-top: 5px solid #212c59;
    border-left: 5px solid #212c59;
    border-right: 5px solid #212c59;
    border-bottom: 1px solid #212c59;
    font-size: 15px !important;
  }
  .itemid-162 #EMAIL, .itemid-163 #EMAIL {
    border-top: 5px solid #212c59;
    border-left: 5px solid #212c59;
    border-right: 5px solid #212c59;
    border-bottom: 1px solid #212c59;
    font-size: 15px !important;
  }
  .itemid-162 #AGE, .itemid-163 #AGE {
    border-top: 5px solid #212c59;
    border-left: 5px solid #212c59;
    border-right: 5px solid #212c59;
    border-bottom: 5px solid #212c59;
    font-size: 15px !important;
  }
  .itemid-162 #BIRTHDAY, .itemid-162 #Reason, .itemid-163 #BIRTHDAY, .itemid-163 #Reason {
    border-top: 5px solid #212c59;
    border-left: 5px solid #212c59;
    border-right: 5px solid #212c59;
    border-bottom: 5px solid #212c59;
    font-size: 15px !important;
  }
  .itemid-162 #AddressLine, .itemid-162 #StreetAddress, .itemid-162 #city, .itemid-162 #Postcode, .itemid-162 #Password, .itemid-162 #Username, .itemid-163 #AddressLine, .itemid-163 #StreetAddress, .itemid-163 #city, .itemid-163 #Postcode, .itemid-163 #Password, .itemid-163 #Username {
    border-top: 5px solid #212c59 !important;
    border-left: 5px solid #212c59 !important;
    border-right: 5px solid #212c59 !important;
    border-bottom: 1px solid #212c59 !important;
    font-size: 15px !important;
  }
  .itemid-162 input[type="text"], .itemid-162 input[type="password"], .itemid-162 input[type="datetime"], .itemid-162 input[type="datetime-local"], .itemid-162 input[type="date"], .itemid-162 input[type="month"], .itemid-162 input[type="time"], .itemid-162 input[type="week"], .itemid-162 input[type="number"], .itemid-162 input[type="email"], .itemid-162 input[type="url"], .itemid-162 input[type="search"], .itemid-162 input[type="tel"], .itemid-162 input[type="color"], .itemid-162 .uneditable-input, .itemid-162 textarea {
    padding: 30px 30px 30px 30px !important;
    text-align: left;
    border-radius: 0 !important;
    background-color: white !important;
    margin-bottom: 0 !important;
    font-size: 15px !important;
    line-height: 15px;
    font-family: "Merriweather";
    color: Gray;
  }
  .itemid-162 .rsform {
    width: 100%;
    margin: 20px auto !important;
    position: relative;
    display: block;
    background-color: white;
  }
  .itemid-162 .rsform:after {
    display: none;
  }
  .itemid-162 .rsform h2 {
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .itemid-162 input::placeholder, .itemid-162 textarea::placeholder {
    font-size: 15px !important;
    line-height: 40px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: Gray;
    text-align: left;
  }
  .itemid-162 input::-webkit-input-placeholder, .itemid-162 textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 15px !important;
    line-height: 40px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: Gray;
    text-align: left;
  }
  .itemid-162 input::-moz-placeholder, .itemid-162 textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 15px !important;
    line-height: 40px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: Gray;
    text-align: left;
  }
  .itemid-162 input:-ms-input-placeholder, .itemid-162 textarea:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 15px !important;
    line-height: 40px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: Gray;
    text-align: left;
  }
  .itemid-162 input:-moz-placeholder, .itemid-162 textarea:-ms-input-placeholder {
    /* Firefox 18- */
    font-size: 15px !important;
    line-height: 40px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: Gray;
    text-align: left;
  }
  #g-banner {
    top: 0;
    position: relative;
    display: block;
  }
  #button-account, #button-login {
    height: 42px;
    width: 130px;
    background-color: transparent;
    background-position: center;
    background-size: cover;
  }
  img.j2store-img-responsive.j2store-product-thumb-image-19, img.j2store-img-responsive.j2store-product-thumb-image-18 {
    margin-top: 0;
    width: 177px;
  }
  .itemid-101 .announcement-background .g-block.size-39, .itemid-101 .announcement-background .g-block.size-60 {
    display: inline-block;
    height: 490px;
    vertical-align: top;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(33, 44, 89, 0.62);
  }
  .itemid-101 .announcement-background .g-block.size-39 {
    vertical-align: top;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    height: 0;
  }
  .itemid-101 .announcement-background .g-block.size-39 img {
    height: 172px;
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
    top: 76px;
  }
  .itemid-101 .announcement-background {
    height: 490px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -1042px;
  }
  .itemid-101 .announcement-background p {
    font-family: "Allerta Stencil";
    color: white;
    font-size: 15px;
    margin-top: 0;
    text-align: center;
    line-height: 18px;
    margin-top: 20px;
  }
  .itemid-101 .announcement-background p:nth-child(5) {
    font-size: 15px;
    margin-top: 12px;
    line-height: 18px;
  }
  .itemid-101 .announcement-background h4 {
    font-size: 26px;
    line-height: 35px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    color: white;
    margin-top: 0;
    margin-bottom: 2px;
    text-align: center;
  }
  .itemid-101 .announcement-background h2 {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 26px;
    font-family: "Allerta Stencil";
    color: white;
    margin-top: 12px;
    text-align: center;
    margin-bottom: 0;
  }
  .itemid-101 .announcement-background h3 {
    font-size: 32px !important;
    text-transform: uppercase;
    line-height: 34px;
    font-family: "Allerta Stencil";
    color: white;
    margin-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    text-align: center;
    padding-right: 0;
  }
  .itemid-101 .announcement-background .g-container {
    width: 100%;
  }
  .itemid-101 .announcement-background .button-blue {
    float: none;
    display: block;
    position: relative;
    margin: 0px auto;
  }
  .finalist {
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
    height: 240px;
  }
  .itemid-118 #g-content-area-1 > div > div > div.g-block.size-40 > div > div > div > div > div > p:nth-child(6) {
    text-align: center;
  }
  .outline-_error #g-content-area-2 {
    background-image: url('../images/backgrounds/404.jpg?5cb5e3ab');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 330px;
  }
  .outline-_error h1 {
    padding-top: 0;
    padding-left: 40%;
  }
  .outline-_error p {
    padding-left: 40%;
  }
  #option-16 b {
    font-size: 15px;
    line-height: 15px;
  }
  .branded-t-shirt .product-qty input[type="text"], .branded-t-shirt .product-qty input[type="number"] {
    display: inline;
    height: 100%;
    padding: 12px 5px !important;
    width: 80px !important;
    text-align: left;
    margin: 0px;
    font-size: 16px;
    color: #212c59;
    border: 2px solid;
    margin-top: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    top: 0px;
    position: relative;
  }
  .branded-t-shirt .j2store-cart-button.btn.btn-primary {
    background-image: url('../images/buttons/checkout.jpg');
    height: 60px;
    width: 194px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 18px;
    text-align: center;
    margin: -10px auto;
    margin-top: 6px;
    padding: 0;
    margin-left: 8px;
  }
  .itemid-122 #g-content-area-1, .itemid-120 #g-content-area-1, .itemid-123 #g-content-area-1, .itemid-121 #g-content-area-1 {
    margin-top: 40px;
  }
  .itemid-122 h1, .itemid-120 h1, .itemid-123 h1, .itemid-121 h1 {
    font-size: 30px;
    line-height: 35px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
  }
  p {
    color: #212c59;
    font-size: 12px;
    line-height: 15px;
    font-family: "Merriweather";
  }
  .itemid-101 .award-background .g-block.size-39 {
    display: none !important;
  }
  .itemid-101 .award-background .g-block.size-60 {
    display: inline-block;
    height: 580px;
    vertical-align: top;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .itemid-101 .award-background {
    height: 568px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -278px;
  }
  .itemid-101 .award-background p {
    font-family: "Allerta Stencil";
    color: white;
    font-size: 15px;
    margin-top: 0;
    text-align: center;
    line-height: 18px;
    margin-top: 20px;
  }
  .itemid-101 .award-background p:nth-child(5) {
    font-size: 15px;
    margin-top: 12px;
    line-height: 18px;
  }
  .itemid-101 .award-background h4 {
    font-size: 26px;
    line-height: 35px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    color: white;
    margin-top: 0;
    margin-bottom: 2px;
    text-align: center;
  }
  .itemid-101 .award-background h2 {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 26px;
    font-family: "Allerta Stencil";
    color: white;
    margin-top: 12px;
    text-align: center;
    margin-bottom: 0;
  }
  .itemid-101 .award-background h3 {
    font-size: 26px !important;
    text-transform: uppercase;
    line-height: 30px;
    font-family: "Allerta Stencil";
    color: white;
    margin-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    text-align: center;
    padding-right: 0;
  }
  .itemid-101 .award-background .g-container {
    width: 100%;
  }
  .itemid-101 .award-background .button-blue {
    float: none;
    display: block;
    position: relative;
    margin: 23px auto;
  }
  .itemid-101 #g-banner .custom {
    height: 370px;
  }
  .itemid-101 .btn-group {
    text-align: center;
    position: relative;
    padding-bottom: 20px;
    display: block;
  }
  .itemid-101 [itemprop="articleBody"] {
    width: 100%;
    padding-top: 76%;
    padding-bottom: 2%;
  }
  .itemid-101 #g-content-area-1 {
    background-image: url('../images/mobile/born-brewed.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    background-position: center;
  }
  .itemid-101 h1 {
    font-size: 40px;
    text-transform: uppercase;
    line-height: 40px;
    color: white;
    font-family: "Allerta Stencil";
    font-weight: 400;
  }
  .itemid-101 .spacer-line {
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
    background-position: -269px;
  }
  .itemid-101 .quicklink-1 {
    margin-bottom: 4px;
  }
  .itemid-101 .quicklink-1 .custom {
    padding: 20px 20px;
  }
  .itemid-101 .quicklink-1 h2 {
    font-size: 4.5vh;
    text-transform: uppercase;
    line-height: 4.5vh;
    margin-bottom: 0;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-1 .discover-btn {
    display: none;
  }
  .itemid-101 .quicklink-2 {
    background-position: left;
    margin-bottom: 4px;
  }
  .itemid-101 .quicklink-2 .custom {
    padding: 20px 20px;
  }
  .itemid-101 .quicklink-2 h2 {
    font-size: 4.5vh;
    text-transform: uppercase;
    line-height: 4.5vh;
    margin-bottom: 0;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-2 .discover-btn {
    display: none;
  }
  .itemid-101 .quicklink-3 .custom {
    padding: 20px 20px;
  }
  .itemid-101 .quicklink-3 h2 {
    font-size: 4.5vh;
    text-transform: uppercase;
    line-height: 4.5vh;
    margin-bottom: 0;
    color: white;
    position: relative;
    display: block;
    font-family: "Allerta Stencil";
  }
  .itemid-101 .quicklink-3 .discover-btn {
    display: none;
  }
  .itemid-101 #g-content-area-3 h2 {
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 0;
  }
  .itemid-101 #g-content-area-3 {
    padding-top: 0px !important;
    position: relative;
    display: block;
  }
  .itemid-101 #g-content-area-3 h3 {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    line-height: 16px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-top: 5px;
  }
  .itemid-101 .bunny {
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    position: relative;
    top: 30px;
    display: block;
    width: 128px;
    z-index: 2;
    margin: 0 auto;
  }
  .itemid-101 .ul-instaholic {
    z-index: 1;
    position: relative;
    margin-bottom: 0;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
  }
  .follow-us div {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .itemid-106 #g-banner {
    background-image: url('../images/backgrounds/beers-header.jpg');
    height: 112px;
    background-size: cover;
    padding: 12px !important;
    position: relative;
    display: block;
  }
  .itemid-106 .banner h1 {
    font-size: 30px;
    color: white;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 40px;
  }
  .itemid-106 .banner h2 {
    font-size: 12px;
    color: white;
    line-height: 15px;
    font-family: "Merriweather";
    font-weight: normal;
  }
  .itemid-106 .row-fluid .span3 {
    float: left;
    padding-left: 0px;
    width: 50%;
    margin-left: 0;
    border-right: 3px solid #212c59;
    border-bottom: 3px solid #212c59;
    display: inline-block;
    margin-top: 0;
    padding-top: 0;
  }
  .itemid-106 .page-header, .itemid-106 .page-header a {
    text-align: center;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    font-size: 1.9vh;
    line-height: 2.5vh;
    margin-top: -21px;
  }
  .itemid-106 .field-entry {
    text-align: center;
    text-transform: uppercase;
    color: #212c59;
    font-size: 11px;
    font-family: "Allerta Stencil";
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: 10px;
  }
  .itemid-106 .blog .items-row:nth-child(1) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
    border-top: 3px solid #212c59;
  }
  .itemid-106 .pull-none.item-image {
    height: auto;
    border-bottom: 3px solid #212c59;
  }
  .itemid-107 #g-banner {
    margin-bottom: 20px !important;
  }
  .itemid-107 .next-btn {
    background-image: url('../images/tablet/right-arrow.png') !important;
    height: 22px;
    width: 10%;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    top: 7px !important;
    background-position: right;
    left: 25px;
  }
  .itemid-124 .more-characters {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 100px !important;
    margin-bottom: 30px;
    color: #212c59;
    font-weight: normal;
    font-family: "Allerta Stencil";
    line-height: 30px;
  }
  .itemid-112 .more-characters {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 120px !important;
    margin-bottom: 30px;
    color: #212c59;
    font-weight: normal;
    font-family: "Allerta Stencil";
    line-height: 30px;
  }
  .outline-13 {
    /**** Bottle Caps *****/
  }
  .outline-13 #g-banner {
    margin-bottom: 0;
  }
  .outline-13 #g-banner h1 {
    font-size: 36px;
    line-height: 40px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
  }
  .outline-13 #g-banner h2 {
    font-size: 14px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Merriweather";
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 0;
  }
  .outline-13 .navigation-bar {
    padding: 0 10%;
    bottom: 70px;
    position: relative;
    display: block;
  }
  .outline-13 .next-btn {
    background-image: url('../images/tablet/right-arrow.png') !important;
    height: 22px;
    width: 10%;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    float: right;
    top: 26px;
    background-position: right;
    left: 25px;
  }
  .outline-13 .next-btn:hover {
    background-image: url('../images/tablet/right-arrow-hover.png') !important;
  }
  .outline-13 .prev-btn {
    height: 21px;
    width: 10%;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    left: -38px;
    top: 26px;
    background-position: bottom;
  }
  .outline-13 .fields-container {
    padding: 0 8%;
    margin-top: 0;
    top: 0;
    position: relative;
    white-space: nowrap;
  }
  .outline-13 .beer-label {
    text-align: left;
    display: block;
    font-size: 13px;
    color: #212c59;
    font-family: "Merryweather";
    line-height: 15px;
  }
  .outline-13 .field-value {
    font-size: 20px;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    line-height: 20px;
    white-space: normal;
    position: relative;
    display: block;
  }
  .outline-13 .type {
    width: 50%;
  }
  .outline-13 .alc {
    width: 30%;
    margin-top: 30px;
  }
  .outline-13 .made {
    width: 80%;
    margin-top: 30px;
  }
  .outline-13 #g-content-area-1 > div > div > div > div > div > div > div > dl > br {
    display: block;
  }
  .outline-13 .beer-symbol {
    display: none;
  }
  .outline-13 h3 {
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    margin-top: 45px;
  }
  .outline-13 .split {
    overflow: visible;
    width: 100%;
    margin-top: 50px;
    background-repeat: no-repeat;
    height: 625px;
    padding: 0 0%;
    background-position: 64px 0 !important;
    background-size: contain;
    display: block;
    text-align: center;
    position: relative;
  }
  .outline-13 .trait {
    width: 43%;
    margin-right: 24px;
  }
  .outline-13 .split > div:nth-child(1) {
    height: 61vw;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    float: none;
  }
  .outline-13 .split > div:nth-child(2) {
    height: 360px;
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .outline-13 .more-characters {
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 75px;
    margin-bottom: 30px;
    color: #212c59;
    font-weight: normal;
    font-family: "Allerta Stencil";
    line-height: 30px;
  }
  .outline-13 .image-swap-container {
    display: inline-block;
    position: relative;
    height: 130px;
    width: 130px;
    margin: 0 auto;
    margin-right: 10%;
    text-align: center;
  }
  .outline-13 .image-swap-container:nth-child(even) {
    margin-right: 0;
  }
  .outline-13 .image-swap {
    background-repeat: no-repeat;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    transform: none;
    transition: transform 1s, background-image 1s;
    background-size: contain;
  }
  .outline-13 .image-swap-container:nth-child(2) ~ div {
    display: none;
  }
  .outline-13 .image-swap-container:hover .image-swap.green {
    background-image: none !important;
    transform: none;
    background-color: #003a21 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.sand {
    background-image: none !important;
    transform: none;
    background-color: #a57e3b !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.purple {
    background-image: none !important;
    transform: none;
    background-color: #482f68 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.light-gray {
    background-image: none !important;
    transform: none;
    background-color: #dedfe5 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.orange {
    background-image: none !important;
    transform: none;
    background-color: #e6742d !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.red {
    background-image: none !important;
    transform: none;
    background-color: #a41624 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.dark-gray {
    background-image: none !important;
    transform: none;
    background-color: #383637 !important;
  }
  .outline-13 .image-swap-container:hover .image-swap.blue {
    background-image: none !important;
    transform: none;
    background-color: #212c59 !important;
  }
  .outline-13 .character-badges-parent {
    text-align: center;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;
  }
  .purple h3 {
    font-size: 30px !important;
    line-height: 35px !important;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
  }
  .itemid-114 #g-banner h1, .itemid-134 #g-banner h1 {
    font-size: 34px;
    color: white;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 25px;
  }
  .itemid-114 #g-banner h2, .itemid-134 #g-banner h2 {
    font-size: 12px;
    color: white;
    line-height: 14px;
    font-family: "Merriweather";
    font-weight: normal;
    text-align: center;
  }
  .itemid-114 #g-banner, .itemid-134 #g-banner {
    background-image: url('../images/backgrounds/shop-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 125px;
  }
  .itemid-114 #akeeba-renderjoomla > div > div > h1, .itemid-134 #akeeba-renderjoomla > div > div > h1 {
    font-size: 26px;
    color: #212c59;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-align: center;
  }
  .itemid-114 .row-fluid [class*="span3"], .itemid-134 .row-fluid [class*="span3"] {
    display: inline-block;
    float: none;
    width: 49%;
    margin-left: 0;
    box-sizing: border-box;
  }
  .itemid-114 .j2store-img-responsive, .itemid-134 .j2store-img-responsive {
    max-width: 100%;
    height: auto;
    width: 100%;
  }
  .itemid-114 #akeeba-renderjoomla > div > div > div > div.j2store-products-row.row-2.row-fluid > div > div > div.j2store-product-images > div > div > div > img, .itemid-114 #akeeba-renderjoomla > div > div > div > div.j2store-products-row.row-3.row-fluid > div > div > div.j2store-product-images > div > div > div > img, .itemid-134 #akeeba-renderjoomla > div > div > div > div.j2store-products-row.row-2.row-fluid > div > div > div.j2store-product-images > div > div > div > img, .itemid-134 #akeeba-renderjoomla > div > div > div > div.j2store-products-row.row-3.row-fluid > div > div > div.j2store-product-images > div > div > div > img {
    width: 100%;
  }
  .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-6, .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-1, .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-2, .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-3, .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-4, .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-5, .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-7, .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-8, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-6, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-1, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-2, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-3, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-4, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-5, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-7, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-8 {
    width: auto !important;
  }
  .itemid-114 .j2store-img-responsive.j2store-product-thumb-image-10, .itemid-134 .j2store-img-responsive.j2store-product-thumb-image-10 {
    width: 100%;
  }
  .itemid-114 h2[itemprop="name"] a, .itemid-134 h2[itemprop="name"] a {
    color: #212c59;
    font-weight: normal;
  }
  .itemid-114 h2[itemprop="name"], .itemid-134 h2[itemprop="name"] {
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    font-family: "Allerta Stencil";
    margin-top: 25px;
    margin-bottom: 5px;
    font-weight: 400;
  }
  .itemid-114 .sub-title, .itemid-134 .sub-title {
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-size: 11px;
  }
  .itemid-114 .sub-title-bottles, .itemid-134 .sub-title-bottles {
    margin-top: 0;
    text-align: center;
    font-family: "Allerta Stencil";
    font-size: 10px;
    margin-bottom: 0;
  }
  .itemid-114 .span3, .itemid-134 .span3 {
    margin-bottom: 25px;
  }
  .sale-price {
    text-align: center;
    font-family: "Allerta Stencil";
    color: #212c59;
    font-weight: normal !important;
    font-size: 18px !important;
    margin-top: 0;
  }
  .btns {
    position: absolute;
    display: block;
    bottom: 26%;
    margin: 0 auto;
    width: 100%;
  }
  .outline-17 #g-content-area-1 {
    margin-bottom: 30px;
  }
  .outline-17 form {
    margin: 0 0 0px;
  }
  .j2store-single-product-view .col-sm-6 {
    width: 100%;
  }
  .j2store-single-product-view .j2store-img-responsive {
    max-width: 100%;
    height: auto;
    width: 100%;
  }
  .j2store-single-product-view .j2store-mainimage {
    margin-top: 40px;
  }
  .j2store-single-product-view .j2store-product-additional-images {
    display: none;
  }
  .product-title {
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 30px;
  }
  .product-sub-title {
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
  }
  .product-price .sale-price {
    font-size: 22px !important;
    line-height: 28px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-align: left;
    margin-top: 15px;
    margin-bottom: 25px;
  }
  .product-qty input[type="text"], .product-qty input[type="number"] {
    display: inline;
    height: 100%;
    padding: 12px 5px !important;
    width: 80px !important;
    text-align: center;
    margin: 0px;
    font-size: 12px;
    color: #212c59;
    border: 2px solid;
    margin-top: 8px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
  }
  .extras {
    margin-top: 40px;
    border: 2px solid #212c59;
    padding: 15px 20px 15px 20px;
  }
  .product-upsells-container h3 {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-top: 50px;
    margin-bottom: 40px;
  }
  .span3.upsell-product:nth-of-type(2) ~ div {
    display: none;
  }
  [class*="j2store-product-thumb-image"] {
    width: 55px;
  }
  h3.upsell-product-title {
    margin-top: 0;
    margin-bottom: 0;
  }
  h3.upsell-product-title > a {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-align: center;
    font-weight: normal;
  }
  .outline-17 div.row-fluid.product-upsells-container > div > div > div.span3.upsell-product > br {
    display: none;
  }
  .table td {
    font-size: 15px;
    line-height: 18px;
  }
  .product-qty input[type="text"], .product-qty input[type="number"] {
    display: inline;
    height: 100%;
    padding: 10px 0px !important;
    width: 50px !important;
    text-align: center;
    margin: 0px;
    font-size: 12px;
    color: #212c59;
    border: 2px solid;
    margin-top: 8px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
  }
  .j2store-cart-table .remove-icon {
    margin-bottom: 2px;
    margin-left: 5px;
  }
  .mixed-case .j2store-product-main-image {
    margin-bottom: 10px;
    height: 322px;
    width: auto;
    text-align: center;
    position: relative;
    display: block;
    object-fit: scale-down;
    object-position: 0px;
    overflow: visible;
  }
  .mixed-case .option {
    font-size: 11px;
    line-height: 30px;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: normal !important;
  }
  .mixed-case .option select {
    margin-left: 3px;
  }
  .view-carts h3 {
    font-size: 20px;
    line-height: 20px;
    text-align: left;
    text-transform: uppercase;
    color: #212c59;
    font-family: "Allerta Stencil";
  }
  #j2store-checkout-content h1 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 45px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 400;
  }
  .j2store .checkout-heading {
    background-color: #212c59;
    border: 1px solid #dbdee1;
    color: white;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 8px;
  }
  .checkout-content h2 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Allerta Stencil";
    color: #212c59;
    text-align: left;
    font-size: 20px;
    margin-bottom: 4px;
  }
  label {
    margin-bottom: 5px;
    display: block;
    position: relative;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #212c59;
    font-family: "Merriweather";
  }
  .checkout-content p {
    margin-top: 10px;
  }
  #billing-address .span6, #shipping-address .span6 {
    height: auto;
  }
  .checkout .span6 {
    height: 284px;
    top: 13px;
    position: relative;
    display: block;
  }
  .view-checkout input[type="text"], .view-checkout input[type="password"], .view-checkout input[type="datetime"], .view-checkout input[type="datetime-local"], .view-checkout input[type="date"], .view-checkout input[type="month"], .view-checkout input[type="time"], .view-checkout input[type="week"], .view-checkout input[type="number"], .view-checkout input[type="email"], .view-checkout input[type="url"], .view-checkout input[type="search"], .view-checkout input[type="tel"], .view-checkout input[type="color"], .view-checkout .uneditable-input {
    height: 56px;
    background-color: #fff;
    border: 2px solid #212c59;
    box-sizing: border-box !important;
    -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
    -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
    transition: border 0.2s linear, box-shadow 0.2s linear;
    font-size: 17px;
    padding-left: 30px;
    border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 15px 10px 15px 30px;
    text-align: left;
    font-family: "Merriweather";
  }
  .view-checkout input[type="password"] {
    margin-bottom: 20px;
  }
  .j2store .checkout-content {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px 10px 0px;
  }
  #billing-new > div > div:nth-child(1) {
    height: 580px !important;
  }
  #billing-address #akeeba-renderjoomla > div > div.row-fluid > div:nth-child(1) {
    height: auto;
  }
  #billing-address #akeeba-renderjoomla > div > div.row-fluid > div:nth-child(2) {
    height: 584px;
  }
  .view-checkout #login > a {
    display: block;
    float: right;
    top: -51px;
    position: relative;
    color: #212c59;
    font-weight: bold;
    font-size: 13px;
  }
  .view-checkout select {
    color: #424753;
    background: #fff;
    border: 2px solid #212c59;
    width: 100% !important;
    height: 58px !important;
    border-radius: 0;
  }
  .j2store {
    display: block;
    position: relative;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #212c59;
  }
  #akeeba-renderjoomla > div > br:nth-child(6) {
    display: none;
  }
  .j2store #billing-existing select[size], .j2store #shipping-existing select[size] {
    height: auto;
    margin-top: 0;
  }
  #onCheckoutPayment_wrapper h3 {
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    color: #212c59;
    font-size: 20px;
    line-height: 20px;
  }
  #checkbox_tos {
    margin-bottom: 20px;
    position: relative;
    line-height: 20px;
  }
  .j2store-myprofile h3 {
    font-size: 25px;
    text-transform: uppercase;
    line-height: 25px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 98px;
    margin-top: 0;
    font-weight: 400;
    top: 70px;
    position: relative;
    display: inline-block;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
  }
  .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
    cursor: default;
    background-color: #212c59;
    border: 1px solid #212c59;
    font-size: 15px;
    font-family: "Allerta Stencil";
    color: white;
    padding: 17px;
    text-transform: uppercase;
    font-weight: normal;
  }
  .nav-tabs > .active > a > .fa {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color: white;
  }
  .fa {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color: #212c59;
  }
  #orders-tab > div > table > thead > tr > th:nth-child(5), #orders-tab > div > table > tbody > tr > td:nth-child(5) {
    display: none;
  }
  h3.myprofile-address-list-heading {
    top: 0px;
    margin-bottom: 20px;
    margin-top: 5px;
  }
  .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:last-child tr:last-child > th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    background-color: #212c59;
    color: white;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
  }
  .j2store-myprofile-address-single-list strong {
    font-size: 18px;
    font-family: "Allerta Stencil";
    color: #212c59;
    padding-left: 0;
    text-transform: uppercase;
    line-height: 20px;
  }
  .j2store-myprofile-address-single-list .span6 {
    font-size: 16px;
    font-family: "Allerta Stencil";
    color: #212c59;
  }
  #j2store-address-tr-1 > div > div:nth-child(1), #j2store-address-tr-1 > div > div:nth-child(2) {
    margin-top: 0;
    text-align: left;
  }
  .j2store-myprofile-address-list.inline ul > li, .j2store-myprofile-address-list.inline ol > li {
    display: inline-block;
    padding-right: 0px;
    padding-left: 0;
    zoom: 1;
  }
  .j2store-myprofile-address-controls ul {
    display: inline-block;
  }
  .itemid-119 .j2store-myprofile-address-list ul {
    margin-left: 0;
    padding: 0;
    margin-top: 0;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: center;
    float: none;
  }
  #address .pull-right, #address .pull-left {
    float: none;
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
  }
  .task-editAddress .form-horizontal .control-group {
    margin-bottom: 40px;
    padding-bottom: 0;
    margin-top: 0;
  }
  #address > br:nth-child(4) {
    display: none;
  }
  .itemid-115 #g-banner {
    background-image: url('../images/mobile/discover-banner.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 485px;
  }
  .itemid-115 h1 {
    font-size: 40px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    color: white;
    font-weight: normal;
    width: 50%;
    line-height: 40px;
    padding-top: 36%;
    margin-bottom: 15px;
  }
  .itemid-115 #g-banner:after {
    display: none;
  }
  .itemid-115 .g-grid.itemslayout > div > div {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: inline-block;
    width: calc(100% - 0px);
    background-position: top center !important;
  }
  .itemid-115 .g-grid.itemslayout > div > .item_large, .itemid-115 .g-grid.itemslayout > div > .item_medium {
    height: calc(100% - 0px);
  }
  .itemid-115 .itemslayout .size-70 {
    height: 200px;
  }
  .itemid-115 .g-grid.itemslayout > div > .item_small {
    height: calc(100% - -58px);
    margin-bottom: -9px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: inline-block;
    width: calc(100% - 52%);
    background-position: top center !important;
    margin-right: 0px;
    white-space: nowrap;
    margin-left: 3px;
    padding-left: 7px;
  }
  .itemid-115 .g-grid.itemslayout {
    height: 40vh;
    min-height: 310px;
    margin-top: 2px;
  }
  .itemid-115 .itemslayout .size-30 {
    bottom: 35px;
    position: relative;
  }
  .itemid-115 #g-content-area-2 {
    padding-top: 0;
    padding-bottom: 25px;
  }
  .itemid-115 h2 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 35px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 20px;
    margin-top: 0;
    margin-left: -2px;
  }
  .itemid-115 .img-group {
    display: none;
  }
  .itemid-115 #g-content-area-2 > div {
    background-image: none;
    height: 600px;
  }
  .itemid-115 .beer-bottles {
    object-position: 20px;
    height: auto;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
    overflow: visible;
    object-fit: scale-down;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(2) {
    padding-top: 10px;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(2) > div.g-block.size-55 {
    background-image: url('../images/mobile/our-quest-beer.png');
    height: 271px;
    background-repeat: no-repeat;
    background-position: 20px 28px;
    background-size: contain;
    margin-top: 40px;
    margin-bottom: 30px;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(2) > div.g-block.size-24 > div {
    padding-left: 15px;
    padding-right: 15px;
  }
  .itemid-115 .carousel {
    display: none;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(3) > div.g-block.size-66.center > div > div > div > div > a {
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    display: block;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(3) > div.g-block.size-66.center > div > div > div > div > span {
    font-size: 14px !important;
  }
  .itemid-115 #g-content-area-3 > div > div:nth-child(3) > div.g-block.size-66.center > div > div > div > div > h2 {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .itemid-115 #g-content-area-4 {
    padding-top: 30px;
  }
  body.itemid-118 {
    padding: 0;
  }
  .logo-small-blue {
    margin-top: 0;
    height: 90px;
    margin: 0 auto;
    position: relative;
    display: block;
  }
  .contact-phone-p {
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
  }
  .contact-phone {
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 8px;
    position: relative;
    display: block;
  }
  .contact-email-p {
    margin-bottom: 0;
    text-align: center;
  }
  .contact-email {
    font-size: 16px;
    line-height: 30px;
    color: #212c59;
    font-family: "Allerta Stencil";
    margin-bottom: 30px;
    position: relative;
    display: block;
    text-align: center;
  }
  .contact-address {
    color: #212c59;
    font-size: 12px;
    line-height: 15px;
    font-family: "Merriweather";
    text-align: center;
    margin-bottom: 0;
  }
  .social-block-contact {
    text-align: center;
    margin-bottom: 40px;
  }
  .social-block-contact .instagram {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    bottom: 0;
    left: 0;
    top: 25px;
  }
  .social-block-contact .facebook {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    top: 25px;
  }
  .itemid-118 #g-content-area-1 {
    margin-bottom: 30px;
  }
  .social-block-contact .twitter {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    top: 25px;
  }
  .social-block-contact .instagram:hover, .social-block-contact .facebook:hover, .social-block-contact .twitter:hover {
    height: 50px;
    width: 50px;
  }
  .map {
    background-image: url('../images/mobile/contact-map.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    height: 230px;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 40px;
  }
  .itemid-118 #g-content-area-1 .g-content {
    margin: 0;
    padding: 0.938rem;
    padding-left: 0;
    padding-right: 0;
  }
  .itemid-118 .rsform {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    background-color: white;
  }
  .itemid-118 .rsform:after {
    content: "";
    background-image: url('../images/mobile/form-background.png');
    position: relative;
    height: 260px;
    width: 100%;
    display: block;
    bottom: 745px;
    left: -3%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
  }
  .itemid-118 .rsform h2 {
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
    color: #212c59;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .itemid-118 .rsform p {
    margin-top: 0;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "Allerta Stencil";
    color: #212c59;
    margin-bottom: 20px;
    display: block;
  }
  .itemid-118 #Name {
    border-top: 5px solid #212c59;
    border-left: 5px solid #212c59;
    border-right: 5px solid #212c59;
    border-bottom: 1px solid #212c59;
    font-size: 14px !important;
  }
  .itemid-118 #Email {
    border-top: 5px solid #212c59;
    border-left: 5px solid #212c59;
    border-right: 5px solid #212c59;
    border-bottom: 1px solid #212c59;
    font-size: 15px !important;
  }
  .itemid-118 #Message {
    border-top: 5px solid #212c59 !important;
    border-left: 5px solid #212c59 !important;
    border-right: 5px solid #212c59 !important;
    border-bottom: 5px solid #212c59 !important;
    font-size: 15px !important;
  }
  .itemid-118 input[type="text"], .itemid-118 input[type="password"], .itemid-118 input[type="datetime"], .itemid-118 input[type="datetime-local"], .itemid-118 input[type="date"], .itemid-118 input[type="month"], .itemid-118 input[type="time"], .itemid-118 input[type="week"], .itemid-118 input[type="number"], .itemid-118 input[type="email"], .itemid-118 input[type="url"], .itemid-118 input[type="search"], .itemid-118 input[type="tel"], .itemid-118 input[type="color"], .itemid-118 .uneditable-input, .itemid-118 textarea {
    padding: 30px 30px 30px 30px;
    text-align: left;
    border-radius: 0;
    background-color: white;
    font-family: "Merriweather";
  }
  .itemid-118 input::placeholder, .itemid-118 textarea::placeholder {
    color: #dedfe5;
    font-size: 15px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  .itemid-118 input::-webkit-input-placeholder, .itemid-118 textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #dedfe5;
    font-size: 15px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  .itemid-118 input::-moz-placeholder, .itemid-118 textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #dedfe5;
    font-size: 15px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  .itemid-118 input:-ms-input-placeholder, .itemid-118 textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #dedfe5;
    font-size: 15px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  .itemid-118 input:-moz-placeholder, .itemid-118 textarea:-ms-input-placeholder {
    /* Firefox 18- */
    color: #dedfe5;
    font-size: 15px;
    line-height: 35px;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    text-align: left;
  }
  .itemid-118 #userForm {
    z-index: 3;
    position: relative;
    top: 112px;
  }
  .itemid-118 #g-content-area-2 > div > div > div > div {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    height: 850px;
  }
  .itemid-118 textarea {
    padding-top: 30px;
    height: 250px;
  }
  .itemid-117 #g-banner h1, .itemid-180 #g-banner h1 {
    font-size: 40px;
    line-height: 50px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Allerta Stencil";
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
  }
  .itemid-117 #g-banner h2, .itemid-180 #g-banner h2 {
    font-size: 13px;
    position: relative;
    display: block;
    color: #212c59;
    font-family: "Merriweather";
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 30px;
  }
  .itemid-117 div.page-header > h2 > a, .itemid-180 div.page-header > h2 > a {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: 4px;
    width: 100%;
    text-transform: uppercase;
    color: black;
    font-family: "Allerta Stencil";
  }
  .itemid-117 .publish-info, .itemid-180 .publish-info {
    font-size: 10px !important;
    margin-top: -15px;
    color: #383637 !important;
    font-weight: bold;
  }
  .itemid-117 .item p, .itemid-180 .item p {
    font-size: 13px;
    line-height: 17px;
    font-family: "Merriweather";
    color: black;
  }
  .itemid-117 .items-row, .itemid-180 .items-row {
    margin-bottom: 20px;
  }
  .itemid-117 .readmore-news, .itemid-180 .readmore-news {
    background-image: url('../images/buttons/button-blue.png') !important;
    height: 50px !important;
    width: 175px !important;
    position: relative !important;
    display: block !important;
    color: white !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-family: "Allerta" !important;
    padding: 12px !important;
    margin-top: 20px !important;
    border-radius: 0 !important;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-bottom: 26px;
  }
  body.view-article.itemid-117 .news-banner-text, body.view-article.itemid-180 .news-banner-text {
    position: relative;
    padding-top: 7%;
    width: 97%;
    margin: 0 auto;
  }
  body.view-article.itemid-117 .news-banner-title, body.view-article.itemid-180 .news-banner-title {
    color: white;
    font-size: 22px;
    line-height: 30px;
    position: relative;
    font-family: "Allerta Stencil";
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 5px;
    text-align: center;
    margin-top: 0px;
    text-shadow: 0px 0px 8px black;
  }
  body.view-article.itemid-117 .news-image-banner, body.view-article.itemid-180 .news-image-banner {
    height: auto;
    position: relative;
    background-size: cover;
    background-color: #231f20;
    padding-bottom: 2%;
  }
  body.view-article.itemid-117 .sidebar, body.view-article.itemid-180 .sidebar {
    width: 100%;
    position: relative;
    display: inline-block;
    height: 100%;
    vertical-align: top;
    padding-top: 10px;
  }
  body.view-article.itemid-117 .item-page, body.view-article.itemid-180 .item-page {
    width: 100%;
    position: relative;
    display: inline-block;
    padding-top: 10px;
  }
  body.view-article.itemid-117 .publish-info, body.view-article.itemid-180 .publish-info {
    font-size: 11px !important;
    margin-top: 10px;
    color: #a57e3b !important;
    padding: 0 10px;
    margin-bottom: 0;
  }
  body.view-article.itemid-117 div.page-header > h2, body.view-article.itemid-180 div.page-header > h2 {
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: "Allerta Stencil";
    margin-top: 20px;
    padding: 0 10px;
  }
  body.view-article.itemid-117 [itemprop="articleBody"], body.view-article.itemid-180 [itemprop="articleBody"] {
    font-family: Merriweather;
    font-size: 14px;
    line-height: 1.3em;
    padding: 0 10px;
  }
  body > div.ac-container > img {
    top: 45px;
    position: relative;
  }
  .ac-container h2 {
    color: white !important;
    font-size: 20px !important;
    line-height: 25px !important;
    text-transform: uppercase !important;
    font-family: "Allerta Stencil";
    font-weight: 400;
    margin-top: 75px;
  }
  .ac-container p {
    box-sizing: border-box;
    margin: 0 0 20px 0;
    font-size: 13px;
    color: #959595;
    line-height: 20px;
  }
  .ac-container h3 {
    box-sizing: border-box;
    color: #649d09;
    margin-bottom: 20px;
    margin-top: 25px;
    font-size: 15px;
    line-height: 26px;
    text-transform: uppercase !important;
    font-family: "Allerta Stencil";
    font-weight: 400;
  }
  .ac-container input.year {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 0;
    width: 40%;
    border: 2px solid white;
  }
  .ac-container button {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 4px 10px 4px 10px;
    font-size: 12px;
    line-height: 1.5;
    width: 55px;
    background-image: url('../images/buttons/age-button.png') !important;
    background-color: transparent !important;
    color: #fff;
    text-shadow: 1px 1px 0 #84a51d;
    height: 49px;
    margin-left: 10px;
    background-repeat: no-repeat;
    width: 55px !important;
    display: inline-block !important;
  }
  .ac-overlay {
    background-image: url('../../../../images/age-background.jpg') !important;
    background-position: left !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
  .outline-13 #g-content-area-1 > div > div > div > div > div > div > div > dl > br {
    display: block !important;
  }
}
.outline-13 #g-content-area-1 > div > div > div > div > div > div > div > dl > br {
  display: none;
}
.outline-13 .button-blue {
  text-align: center;
  position: relative;
  display: block;
  margin: 0 auto;
}
/*# sourceMappingURL=custom_21.css.map */