@charset "UTF-8";
/**
/*  INFORMATIONS GÉNÉRALES SUR LE CSS
*
@font-face {
  font-family: "Gill Sans Regular";
  src: url("../fonts/GillSans/d45eb9d2-8c8e-402a-962f-9dc2e86940d3.eot?#iefix");
  src: url("../fonts/GillSans/d45eb9d2-8c8e-402a-962f-9dc2e86940d3.eot?#iefix") format("eot"), url("../fonts/GillSans/5190be62-f073-4c00-9ddd-574bf7e0d8ce.woff2") format("woff2"), url("../fonts/GillSans/6af9d33c-9fef-4ad8-8f08-a3f8d9b8a4f5.woff") format("woff"), url("../fonts/GillSans/be15b3d6-5cbe-41b7-9c49-f590f76f6d01.ttf") format("truetype"), url("../fonts/GillSans/2ab37735-556c-4711-aa8d-c5decb25afd8.svg#2ab37735-556c-4711-aa8d-c5decb25afd8") format("svg"); }

@font-face {
  font-family: "Gill Sans Bold";
  src: url("../fonts/GillSans/e86babf5-a289-429e-a08a-896d3ee359f0.eot?#iefix");
  src: url("../fonts/GillSans/e86babf5-a289-429e-a08a-896d3ee359f0.eot?#iefix") format("eot"), url("../fonts/GillSans/2f136c33-099d-4283-ba7f-dac082f1b58c.woff2") format("woff2"), url("../fonts/GillSans/fa387bda-a556-418d-a063-41b6f69d3c89.woff") format("woff"), url("../fonts/GillSans/2d072dd6-e1b8-47dd-ad51-2a15d9ee6d5b.ttf") format("truetype"), url("../fonts/GillSans/0f124d4a-7bfc-416f-994d-10d4396f9682.svg#0f124d4a-7bfc-416f-994d-10d4396f9682") format("svg"); }
*/
body.ardbeg-wee-beastie-page {
  margin: 0;
  /* Set core body defaults */
  line-height: 1.5;
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  /* Box sizing rules */
  /* HTML5 display-role reset for older browsers */
  /* Remove default padding */
  /* Remove default margin */
  /* Remove list styles on ul, ol elements with a class attribute */
  /* A elements that don't have a class get default styles */
  /* Make images easier to work with */
  /* Inherit fonts for inputs and buttons */
  /* Remove all animations and transitions for people that prefer not to see them */ }
  body.ardbeg-wee-beastie-page *,
  body.ardbeg-wee-beastie-page *::before,
  body.ardbeg-wee-beastie-page *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  body.ardbeg-wee-beastie-page article,
  body.ardbeg-wee-beastie-page aside,
  body.ardbeg-wee-beastie-page details,
  body.ardbeg-wee-beastie-page figcaption,
  body.ardbeg-wee-beastie-page figure,
  body.ardbeg-wee-beastie-page footer,
  body.ardbeg-wee-beastie-page header,
  body.ardbeg-wee-beastie-page hgroup,
  body.ardbeg-wee-beastie-page main,
  body.ardbeg-wee-beastie-page menu,
  body.ardbeg-wee-beastie-page nav,
  body.ardbeg-wee-beastie-page section {
    display: block; }
  body.ardbeg-wee-beastie-page ul,
  body.ardbeg-wee-beastie-page ol {
    padding: 0; }
  body.ardbeg-wee-beastie-page h1,
  body.ardbeg-wee-beastie-page h2,
  body.ardbeg-wee-beastie-page h3,
  body.ardbeg-wee-beastie-page h4,
  body.ardbeg-wee-beastie-page p,
  body.ardbeg-wee-beastie-page ul,
  body.ardbeg-wee-beastie-page ol,
  body.ardbeg-wee-beastie-page li,
  body.ardbeg-wee-beastie-page figure,
  body.ardbeg-wee-beastie-page figcaption,
  body.ardbeg-wee-beastie-page blockquote,
  body.ardbeg-wee-beastie-page dl,
  body.ardbeg-wee-beastie-page dd {
    margin: 0; }
  body.ardbeg-wee-beastie-page ul,
  body.ardbeg-wee-beastie-page ol {
    list-style: none; }
  body.ardbeg-wee-beastie-page a:not([class]) {
    color: inherit;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto; }
  body.ardbeg-wee-beastie-page img {
    display: block;
    max-width: 100%; }
  body.ardbeg-wee-beastie-page input,
  body.ardbeg-wee-beastie-page button,
  body.ardbeg-wee-beastie-page textarea,
  body.ardbeg-wee-beastie-page select {
    font: inherit; }
  @media (prefers-reduced-motion: reduce) {
    body.ardbeg-wee-beastie-page * {
      -webkit-animation-duration: 0.01ms !important;
              animation-duration: 0.01ms !important;
      -webkit-animation-iteration-count: 1 !important;
              animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      -webkit-transition-duration: 0.01ms !important;
              transition-duration: 0.01ms !important; } }

body.ardbeg-wee-beastie-page {
  font-size: 1rem;
  font-family: "Gill Sans Regular", sans-serif;
  color: #fff;
  background: #000 !important; }
  body.ardbeg-wee-beastie-page.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%; }
  body.ardbeg-wee-beastie-page:not(.has-user-tabbed) :focus {
    outline: none; }
  body.ardbeg-wee-beastie-page.has-user-tabbed :focus {
    outline: dashed 2px black;
    outline-offset: -2px; }
  body.ardbeg-wee-beastie-page :-moz-focusring,
  body.ardbeg-wee-beastie-page ::-moz-focus-inner,
  body.ardbeg-wee-beastie-page ::-moz-focus-outer {
    border: none;
    outline: none; }
  body.ardbeg-wee-beastie-page .wb-wrapper {
    margin: 0 auto;
    max-width: 1150px;
    padding: 0 50px; }
  @media screen and (max-width: 800px) {
    body.ardbeg-wee-beastie-page .wb-wrapper {
      padding: 0 20px; } }

body.ardbeg-wee-beastie-page .wb-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.6rem;
  margin-bottom: 1em;
  font-family: "Gill Sans Bold", sans-serif;
  color: #fff; }

body.ardbeg-wee-beastie-page .wb-text p {
  font-size: 1.2rem;
  margin-bottom: 1em; 
  font-family: "Gill Sans Alt One WGL W01 Rg",Calibri,sans-serif; 
  }

@media screen and (max-width: 800px) {
  body.ardbeg-wee-beastie-page .wb-title {
    font-size: 1.5rem; }
  body.ardbeg-wee-beastie-page .wb-text p {
    font-size: 1.125rem; } }

.o-grid__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.o-grid,
.o-grid__helper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -30px;
  margin-left: -30px; }
  .o-grid.o-grid--small-margin,
  .o-grid__helper.o-grid--small-margin {
    margin-left: -4px;
    margin-bottom: -4px; }
    .o-grid.o-grid--small-margin > .o-grid__col,
    .o-grid__helper.o-grid--small-margin > .o-grid__col {
      margin-bottom: 4px;
      padding-left: 4px; }
  .o-grid.o-grid--no-margin,
  .o-grid__helper.o-grid--no-margin {
    margin-bottom: 0;
    margin-left: 0; }
    .o-grid.o-grid--no-margin > .o-grid__col,
    .o-grid__helper.o-grid--no-margin > .o-grid__col {
      margin-bottom: 0;
      padding-left: 0; }
  .o-grid.o-grid--no-margin-vertical,
  .o-grid__helper.o-grid--no-margin-vertical {
    margin-bottom: 0; }
    .o-grid.o-grid--no-margin-vertical > .o-grid__col,
    .o-grid__helper.o-grid--no-margin-vertical > .o-grid__col {
      margin-bottom: 0; }
  .o-grid.o-grid--no-margin-horizontal,
  .o-grid__helper.o-grid--no-margin-horizontal {
    margin-left: 0; }
    .o-grid.o-grid--no-margin-horizontal > .o-grid__col,
    .o-grid__helper.o-grid--no-margin-horizontal > .o-grid__col {
      padding-left: 0; }

.o-grid__col {
  margin-bottom: 30px;
  padding-left: 30px; }
  .o-grid__col.has-ml-0 {
    margin-left: 0; }
  .o-grid__col.has-mr-0 {
    margin-right: 0; }
  .o-grid__col.is-1-5 {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
  .o-grid__col.is-1 {
    -ms-flex-preferred-size: calc((100% / 12) * 1);
        flex-basis: calc((100% / 12) * 1);
    max-width: calc((100% / 12) * 1); }
  .o-grid__col.has-ml-1 {
    margin-left: calc((100% / 12) * 1); }
  .o-grid__col.has-mr-1 {
    margin-right: calc((100% / 12) * 1); }
  .o-grid__col.is-2 {
    -ms-flex-preferred-size: calc((100% / 12) * 2);
        flex-basis: calc((100% / 12) * 2);
    max-width: calc((100% / 12) * 2); }
  .o-grid__col.has-ml-2 {
    margin-left: calc((100% / 12) * 2); }
  .o-grid__col.has-mr-2 {
    margin-right: calc((100% / 12) * 2); }
  .o-grid__col.is-3 {
    -ms-flex-preferred-size: calc((100% / 12) * 3);
        flex-basis: calc((100% / 12) * 3);
    max-width: calc((100% / 12) * 3); }
  .o-grid__col.has-ml-3 {
    margin-left: calc((100% / 12) * 3); }
  .o-grid__col.has-mr-3 {
    margin-right: calc((100% / 12) * 3); }
  .o-grid__col.is-4 {
    -ms-flex-preferred-size: calc((100% / 12) * 4);
        flex-basis: calc((100% / 12) * 4);
    max-width: calc((100% / 12) * 4); }
  .o-grid__col.has-ml-4 {
    margin-left: calc((100% / 12) * 4); }
  .o-grid__col.has-mr-4 {
    margin-right: calc((100% / 12) * 4); }
  .o-grid__col.is-5 {
    -ms-flex-preferred-size: calc((100% / 12) * 5);
        flex-basis: calc((100% / 12) * 5);
    max-width: calc((100% / 12) * 5); }
  .o-grid__col.has-ml-5 {
    margin-left: calc((100% / 12) * 5); }
  .o-grid__col.has-mr-5 {
    margin-right: calc((100% / 12) * 5); }
  .o-grid__col.is-6 {
    -ms-flex-preferred-size: calc((100% / 12) * 6);
        flex-basis: calc((100% / 12) * 6);
    max-width: calc((100% / 12) * 6); }
  .o-grid__col.has-ml-6 {
    margin-left: calc((100% / 12) * 6); }
  .o-grid__col.has-mr-6 {
    margin-right: calc((100% / 12) * 6); }
  .o-grid__col.is-7 {
    -ms-flex-preferred-size: calc((100% / 12) * 7);
        flex-basis: calc((100% / 12) * 7);
    max-width: calc((100% / 12) * 7); }
  .o-grid__col.has-ml-7 {
    margin-left: calc((100% / 12) * 7); }
  .o-grid__col.has-mr-7 {
    margin-right: calc((100% / 12) * 7); }
  .o-grid__col.is-8 {
    -ms-flex-preferred-size: calc((100% / 12) * 8);
        flex-basis: calc((100% / 12) * 8);
    max-width: calc((100% / 12) * 8); }
  .o-grid__col.has-ml-8 {
    margin-left: calc((100% / 12) * 8); }
  .o-grid__col.has-mr-8 {
    margin-right: calc((100% / 12) * 8); }
  .o-grid__col.is-9 {
    -ms-flex-preferred-size: calc((100% / 12) * 9);
        flex-basis: calc((100% / 12) * 9);
    max-width: calc((100% / 12) * 9); }
  .o-grid__col.has-ml-9 {
    margin-left: calc((100% / 12) * 9); }
  .o-grid__col.has-mr-9 {
    margin-right: calc((100% / 12) * 9); }
  .o-grid__col.is-10 {
    -ms-flex-preferred-size: calc((100% / 12) * 10);
        flex-basis: calc((100% / 12) * 10);
    max-width: calc((100% / 12) * 10); }
  .o-grid__col.has-ml-10 {
    margin-left: calc((100% / 12) * 10); }
  .o-grid__col.has-mr-10 {
    margin-right: calc((100% / 12) * 10); }
  .o-grid__col.is-11 {
    -ms-flex-preferred-size: calc((100% / 12) * 11);
        flex-basis: calc((100% / 12) * 11);
    max-width: calc((100% / 12) * 11); }
  .o-grid__col.has-ml-11 {
    margin-left: calc((100% / 12) * 11); }
  .o-grid__col.has-mr-11 {
    margin-right: calc((100% / 12) * 11); }
  .o-grid__col.is-12 {
    -ms-flex-preferred-size: calc((100% / 12) * 12);
        flex-basis: calc((100% / 12) * 12);
    max-width: calc((100% / 12) * 12); }
  .o-grid__col.has-ml-12 {
    margin-left: calc((100% / 12) * 12); }
  .o-grid__col.has-mr-12 {
    margin-right: calc((100% / 12) * 12); }

.o-grid__helper {
  bottom: 60px;
  right: 0;
  pointer-events: none;
  position: absolute;
  left: 30px;
  top: 0;
  z-index: 10000000; }

.o-grid__helper-item {
  -ms-flex-preferred-size: calc(100% / 12);
      flex-basis: calc(100% / 12);
  max-width: calc(100% / 12);
  padding-left: 30px;
  position: relative; }
  .o-grid__helper-item::before {
    background: rgba(255, 0, 0, 0.1);
    content: '';
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1; }
  .o-grid__helper-item::after {
    background: rgba(0, 0, 255, 0.1);
    bottom: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px; }

@media screen and (max-width: 1200px) {
  .o-grid.o-grid--no-margin-l,
  .o-grid__helper.o-grid--no-margin-l {
    margin-bottom: 0;
    margin-left: 0; }
    .o-grid.o-grid--no-margin-l > .o-grid__col,
    .o-grid__helper.o-grid--no-margin-l > .o-grid__col {
      margin-bottom: 0;
      padding-left: 0; }
  .o-grid.o-grid--no-margin-vertical-l,
  .o-grid__helper.o-grid--no-margin-vertical-l {
    margin-bottom: 0; }
    .o-grid.o-grid--no-margin-vertical-l > .o-grid__col,
    .o-grid__helper.o-grid--no-margin-vertical-l > .o-grid__col {
      margin-bottom: 0; }
  .o-grid.o-grid--no-margin-horizontal-l,
  .o-grid__helper.o-grid--no-margin-horizontal-l {
    margin-left: 0; }
    .o-grid.o-grid--no-margin-horizontal-l > .o-grid__col,
    .o-grid__helper.o-grid--no-margin-horizontal-l > .o-grid__col {
      padding-left: 0; }
  .o-grid__col.has-ml-0-l {
    margin-left: 0; }
  .o-grid__col.has-mr-0-l {
    margin-right: 0; }
  .o-grid__col.is-1-5-l {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    max-width: 20%; }
  .o-grid__col.is-1-l {
    -ms-flex-preferred-size: calc((100% / 12) * 1);
        flex-basis: calc((100% / 12) * 1);
    max-width: calc((100% / 12) * 1); }
  .o-grid__col.has-ml-1-l {
    margin-left: calc((100% / 12) * 1); }
  .o-grid__col.has-mr-1-l {
    margin-right: calc((100% / 12) * 1); }
  .o-grid__col.is-2-l {
    -ms-flex-preferred-size: calc((100% / 12) * 2);
        flex-basis: calc((100% / 12) * 2);
    max-width: calc((100% / 12) * 2); }
  .o-grid__col.has-ml-2-l {
    margin-left: calc((100% / 12) * 2); }
  .o-grid__col.has-mr-2-l {
    margin-right: calc((100% / 12) * 2); }
  .o-grid__col.is-3-l {
    -ms-flex-preferred-size: calc((100% / 12) * 3);
        flex-basis: calc((100% / 12) * 3);
    max-width: calc((100% / 12) * 3); }
  .o-grid__col.has-ml-3-l {
    margin-left: calc((100% / 12) * 3); }
  .o-grid__col.has-mr-3-l {
    margin-right: calc((100% / 12) * 3); }
  .o-grid__col.is-4-l {
    -ms-flex-preferred-size: calc((100% / 12) * 4);
        flex-basis: calc((100% / 12) * 4);
    max-width: calc((100% / 12) * 4); }
  .o-grid__col.has-ml-4-l {
    margin-left: calc((100% / 12) * 4); }
  .o-grid__col.has-mr-4-l {
    margin-right: calc((100% / 12) * 4); }
  .o-grid__col.is-5-l {
    -ms-flex-preferred-size: calc((100% / 12) * 5);
        flex-basis: calc((100% / 12) * 5);
    max-width: calc((100% / 12) * 5); }
  .o-grid__col.has-ml-5-l {
    margin-left: calc((100% / 12) * 5); }
  .o-grid__col.has-mr-5-l {
    margin-right: calc((100% / 12) * 5); }
  .o-grid__col.is-6-l {
    -ms-flex-preferred-size: calc((100% / 12) * 6);
        flex-basis: calc((100% / 12) * 6);
    max-width: calc((100% / 12) * 6); }
  .o-grid__col.has-ml-6-l {
    margin-left: calc((100% / 12) * 6); }
  .o-grid__col.has-mr-6-l {
    margin-right: calc((100% / 12) * 6); }
  .o-grid__col.is-7-l {
    -ms-flex-preferred-size: calc((100% / 12) * 7);
        flex-basis: calc((100% / 12) * 7);
    max-width: calc((100% / 12) * 7); }
  .o-grid__col.has-ml-7-l {
    margin-left: calc((100% / 12) * 7); }
  .o-grid__col.has-mr-7-l {
    margin-right: calc((100% / 12) * 7); }
  .o-grid__col.is-8-l {
    -ms-flex-preferred-size: calc((100% / 12) * 8);
        flex-basis: calc((100% / 12) * 8);
    max-width: calc((100% / 12) * 8); }
  .o-grid__col.has-ml-8-l {
    margin-left: calc((100% / 12) * 8); }
  .o-grid__col.has-mr-8-l {
    margin-right: calc((100% / 12) * 8); }
  .o-grid__col.is-9-l {
    -ms-flex-preferred-size: calc((100% / 12) * 9);
        flex-basis: calc((100% / 12) * 9);
    max-width: calc((100% / 12) * 9); }
  .o-grid__col.has-ml-9-l {
    margin-left: calc((100% / 12) * 9); }
  .o-grid__col.has-mr-9-l {
    margin-right: calc((100% / 12) * 9); }
  .o-grid__col.is-10-l {
    -ms-flex-preferred-size: calc((100% / 12) * 10);
        flex-basis: calc((100% / 12) * 10);
    max-width: calc((100% / 12) * 10); }
  .o-grid__col.has-ml-10-l {
    margin-left: calc((100% / 12) * 10); }
  .o-grid__col.has-mr-10-l {
    margin-right: calc((100% / 12) * 10); }
  .o-grid__col.is-11-l {
    -ms-flex-preferred-size: calc((100% / 12) * 11);
        flex-basis: calc((100% / 12) * 11);
    max-width: calc((100% / 12) * 11); }
  .o-grid__col.has-ml-11-l {
    margin-left: calc((100% / 12) * 11); }
  .o-grid__col.has-mr-11-l {
    margin-right: calc((100% / 12) * 11); }
  .o-grid__col.is-12-l {
    -ms-flex-preferred-size: calc((100% / 12) * 12);
        flex-basis: calc((100% / 12) * 12);
    max-width: calc((100% / 12) * 12); }
  .o-grid__col.has-ml-12-l {
    margin-left: calc((100% / 12) * 12); }
  .o-grid__col.has-mr-12-l {
    margin-right: calc((100% / 12) * 12); } }

@media screen and (max-width: 800px) {
  .o-grid,
  .o-grid__helper {
    margin-left: -25px;
    margin-bottom: -25px; }
    .o-grid.o-grid--no-margin-m,
    .o-grid__helper.o-grid--no-margin-m {
      margin-bottom: 0;
      margin-left: 0; }
      .o-grid.o-grid--no-margin-m > .o-grid__col,
      .o-grid__helper.o-grid--no-margin-m > .o-grid__col {
        margin-bottom: 0;
        padding-left: 0; }
    .o-grid.o-grid--no-margin-vertical-m,
    .o-grid__helper.o-grid--no-margin-vertical-m {
      margin-bottom: 0; }
      .o-grid.o-grid--no-margin-vertical-m > .o-grid__col,
      .o-grid__helper.o-grid--no-margin-vertical-m > .o-grid__col {
        margin-bottom: 0; }
    .o-grid.o-grid--no-margin-horizontal-m,
    .o-grid__helper.o-grid--no-margin-horizontal-m {
      margin-left: 0; }
      .o-grid.o-grid--no-margin-horizontal-m > .o-grid__col,
      .o-grid__helper.o-grid--no-margin-horizontal-m > .o-grid__col {
        padding-left: 0; }
  .o-grid__col {
    margin-bottom: 25px;
    padding-left: 25px; }
    .o-grid__col.has-ml-0-m {
      margin-left: 0; }
    .o-grid__col.has-mr-0-m {
      margin-right: 0; }
    .o-grid__col.is-1-5-m {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      max-width: 20%; }
    .o-grid__col.is-1-m {
      -ms-flex-preferred-size: calc((100% / 12) * 1);
          flex-basis: calc((100% / 12) * 1);
      max-width: calc((100% / 12) * 1); }
    .o-grid__col.has-ml-1-m {
      margin-left: calc((100% / 12) * 1); }
    .o-grid__col.has-mr-1-m {
      margin-right: calc((100% / 12) * 1); }
    .o-grid__col.is-2-m {
      -ms-flex-preferred-size: calc((100% / 12) * 2);
          flex-basis: calc((100% / 12) * 2);
      max-width: calc((100% / 12) * 2); }
    .o-grid__col.has-ml-2-m {
      margin-left: calc((100% / 12) * 2); }
    .o-grid__col.has-mr-2-m {
      margin-right: calc((100% / 12) * 2); }
    .o-grid__col.is-3-m {
      -ms-flex-preferred-size: calc((100% / 12) * 3);
          flex-basis: calc((100% / 12) * 3);
      max-width: calc((100% / 12) * 3); }
    .o-grid__col.has-ml-3-m {
      margin-left: calc((100% / 12) * 3); }
    .o-grid__col.has-mr-3-m {
      margin-right: calc((100% / 12) * 3); }
    .o-grid__col.is-4-m {
      -ms-flex-preferred-size: calc((100% / 12) * 4);
          flex-basis: calc((100% / 12) * 4);
      max-width: calc((100% / 12) * 4); }
    .o-grid__col.has-ml-4-m {
      margin-left: calc((100% / 12) * 4); }
    .o-grid__col.has-mr-4-m {
      margin-right: calc((100% / 12) * 4); }
    .o-grid__col.is-5-m {
      -ms-flex-preferred-size: calc((100% / 12) * 5);
          flex-basis: calc((100% / 12) * 5);
      max-width: calc((100% / 12) * 5); }
    .o-grid__col.has-ml-5-m {
      margin-left: calc((100% / 12) * 5); }
    .o-grid__col.has-mr-5-m {
      margin-right: calc((100% / 12) * 5); }
    .o-grid__col.is-6-m {
      -ms-flex-preferred-size: calc((100% / 12) * 6);
          flex-basis: calc((100% / 12) * 6);
      max-width: calc((100% / 12) * 6); }
    .o-grid__col.has-ml-6-m {
      margin-left: calc((100% / 12) * 6); }
    .o-grid__col.has-mr-6-m {
      margin-right: calc((100% / 12) * 6); }
    .o-grid__col.is-7-m {
      -ms-flex-preferred-size: calc((100% / 12) * 7);
          flex-basis: calc((100% / 12) * 7);
      max-width: calc((100% / 12) * 7); }
    .o-grid__col.has-ml-7-m {
      margin-left: calc((100% / 12) * 7); }
    .o-grid__col.has-mr-7-m {
      margin-right: calc((100% / 12) * 7); }
    .o-grid__col.is-8-m {
      -ms-flex-preferred-size: calc((100% / 12) * 8);
          flex-basis: calc((100% / 12) * 8);
      max-width: calc((100% / 12) * 8); }
    .o-grid__col.has-ml-8-m {
      margin-left: calc((100% / 12) * 8); }
    .o-grid__col.has-mr-8-m {
      margin-right: calc((100% / 12) * 8); }
    .o-grid__col.is-9-m {
      -ms-flex-preferred-size: calc((100% / 12) * 9);
          flex-basis: calc((100% / 12) * 9);
      max-width: calc((100% / 12) * 9); }
    .o-grid__col.has-ml-9-m {
      margin-left: calc((100% / 12) * 9); }
    .o-grid__col.has-mr-9-m {
      margin-right: calc((100% / 12) * 9); }
    .o-grid__col.is-10-m {
      -ms-flex-preferred-size: calc((100% / 12) * 10);
          flex-basis: calc((100% / 12) * 10);
      max-width: calc((100% / 12) * 10); }
    .o-grid__col.has-ml-10-m {
      margin-left: calc((100% / 12) * 10); }
    .o-grid__col.has-mr-10-m {
      margin-right: calc((100% / 12) * 10); }
    .o-grid__col.is-11-m {
      -ms-flex-preferred-size: calc((100% / 12) * 11);
          flex-basis: calc((100% / 12) * 11);
      max-width: calc((100% / 12) * 11); }
    .o-grid__col.has-ml-11-m {
      margin-left: calc((100% / 12) * 11); }
    .o-grid__col.has-mr-11-m {
      margin-right: calc((100% / 12) * 11); }
    .o-grid__col.is-12-m {
      -ms-flex-preferred-size: calc((100% / 12) * 12);
          flex-basis: calc((100% / 12) * 12);
      max-width: calc((100% / 12) * 12); }
    .o-grid__col.has-ml-12-m {
      margin-left: calc((100% / 12) * 12); }
    .o-grid__col.has-mr-12-m {
      margin-right: calc((100% / 12) * 12); } }

@media (max-width: 480px) {
  .o-grid,
  .o-grid__helper {
    margin-left: -20px;
    margin-bottom: -20px; }
    .o-grid.o-grid--no-margin-s,
    .o-grid__helper.o-grid--no-margin-s {
      margin-bottom: 0;
      margin-left: 0; }
      .o-grid.o-grid--no-margin-s > .o-grid__col,
      .o-grid__helper.o-grid--no-margin-s > .o-grid__col {
        margin-bottom: 0;
        padding-left: 0; }
    .o-grid.o-grid--no-margin-vertical-s,
    .o-grid__helper.o-grid--no-margin-vertical-s {
      margin-bottom: 0; }
      .o-grid.o-grid--no-margin-vertical-s > .o-grid__col,
      .o-grid__helper.o-grid--no-margin-vertical-s > .o-grid__col {
        margin-bottom: 0; }
    .o-grid.o-grid--no-margin-horizontal-s,
    .o-grid__helper.o-grid--no-margin-horizontal-s {
      margin-left: 0; }
      .o-grid.o-grid--no-margin-horizontal-s > .o-grid__col,
      .o-grid__helper.o-grid--no-margin-horizontal-s > .o-grid__col {
        padding-left: 0; }
  .o-grid__col {
    margin-bottom: 20px;
    padding-left: 20px; }
    .o-grid__col.has-ml-0-s {
      margin-left: 0; }
    .o-grid__col.has-mr-0-s {
      margin-right: 0; }
    .o-grid__col.is-1-5-s {
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
      max-width: 20%; }
    .o-grid__col.is-1-s {
      -ms-flex-preferred-size: calc((100% / 12) * 1);
          flex-basis: calc((100% / 12) * 1);
      max-width: calc((100% / 12) * 1); }
    .o-grid__col.has-ml-1-s {
      margin-left: calc((100% / 12) * 1); }
    .o-grid__col.has-mr-1-s {
      margin-right: calc((100% / 12) * 1); }
    .o-grid__col.is-2-s {
      -ms-flex-preferred-size: calc((100% / 12) * 2);
          flex-basis: calc((100% / 12) * 2);
      max-width: calc((100% / 12) * 2); }
    .o-grid__col.has-ml-2-s {
      margin-left: calc((100% / 12) * 2); }
    .o-grid__col.has-mr-2-s {
      margin-right: calc((100% / 12) * 2); }
    .o-grid__col.is-3-s {
      -ms-flex-preferred-size: calc((100% / 12) * 3);
          flex-basis: calc((100% / 12) * 3);
      max-width: calc((100% / 12) * 3); }
    .o-grid__col.has-ml-3-s {
      margin-left: calc((100% / 12) * 3); }
    .o-grid__col.has-mr-3-s {
      margin-right: calc((100% / 12) * 3); }
    .o-grid__col.is-4-s {
      -ms-flex-preferred-size: calc((100% / 12) * 4);
          flex-basis: calc((100% / 12) * 4);
      max-width: calc((100% / 12) * 4); }
    .o-grid__col.has-ml-4-s {
      margin-left: calc((100% / 12) * 4); }
    .o-grid__col.has-mr-4-s {
      margin-right: calc((100% / 12) * 4); }
    .o-grid__col.is-5-s {
      -ms-flex-preferred-size: calc((100% / 12) * 5);
          flex-basis: calc((100% / 12) * 5);
      max-width: calc((100% / 12) * 5); }
    .o-grid__col.has-ml-5-s {
      margin-left: calc((100% / 12) * 5); }
    .o-grid__col.has-mr-5-s {
      margin-right: calc((100% / 12) * 5); }
    .o-grid__col.is-6-s {
      -ms-flex-preferred-size: calc((100% / 12) * 6);
          flex-basis: calc((100% / 12) * 6);
      max-width: calc((100% / 12) * 6); }
    .o-grid__col.has-ml-6-s {
      margin-left: calc((100% / 12) * 6); }
    .o-grid__col.has-mr-6-s {
      margin-right: calc((100% / 12) * 6); }
    .o-grid__col.is-7-s {
      -ms-flex-preferred-size: calc((100% / 12) * 7);
          flex-basis: calc((100% / 12) * 7);
      max-width: calc((100% / 12) * 7); }
    .o-grid__col.has-ml-7-s {
      margin-left: calc((100% / 12) * 7); }
    .o-grid__col.has-mr-7-s {
      margin-right: calc((100% / 12) * 7); }
    .o-grid__col.is-8-s {
      -ms-flex-preferred-size: calc((100% / 12) * 8);
          flex-basis: calc((100% / 12) * 8);
      max-width: calc((100% / 12) * 8); }
    .o-grid__col.has-ml-8-s {
      margin-left: calc((100% / 12) * 8); }
    .o-grid__col.has-mr-8-s {
      margin-right: calc((100% / 12) * 8); }
    .o-grid__col.is-9-s {
      -ms-flex-preferred-size: calc((100% / 12) * 9);
          flex-basis: calc((100% / 12) * 9);
      max-width: calc((100% / 12) * 9); }
    .o-grid__col.has-ml-9-s {
      margin-left: calc((100% / 12) * 9); }
    .o-grid__col.has-mr-9-s {
      margin-right: calc((100% / 12) * 9); }
    .o-grid__col.is-10-s {
      -ms-flex-preferred-size: calc((100% / 12) * 10);
          flex-basis: calc((100% / 12) * 10);
      max-width: calc((100% / 12) * 10); }
    .o-grid__col.has-ml-10-s {
      margin-left: calc((100% / 12) * 10); }
    .o-grid__col.has-mr-10-s {
      margin-right: calc((100% / 12) * 10); }
    .o-grid__col.is-11-s {
      -ms-flex-preferred-size: calc((100% / 12) * 11);
          flex-basis: calc((100% / 12) * 11);
      max-width: calc((100% / 12) * 11); }
    .o-grid__col.has-ml-11-s {
      margin-left: calc((100% / 12) * 11); }
    .o-grid__col.has-mr-11-s {
      margin-right: calc((100% / 12) * 11); }
    .o-grid__col.is-12-s {
      -ms-flex-preferred-size: calc((100% / 12) * 12);
          flex-basis: calc((100% / 12) * 12);
      max-width: calc((100% / 12) * 12); }
    .o-grid__col.has-ml-12-s {
      margin-left: calc((100% / 12) * 12); }
    .o-grid__col.has-mr-12-s {
      margin-right: calc((100% / 12) * 12); } }

.o-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px; }
  .o-list > * {
    margin-right: 10px;
    margin-bottom: 10px; }

.o-embed {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  margin-bottom: 20px; }

.o-embed__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .o-embed__inner iframe {
    display: block;
    width: 100%;
    height: 100%; }

body.ardbeg-wee-beastie-page .c-button {
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: 500;
  background: #000;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  color: #fff;
  border: solid 1px #fff;
  padding: 0.5em 1em;
  -webkit-transition: all 0.25s;
  transition: all 0.25s; }
  body.ardbeg-wee-beastie-page .c-button:hover, body.ardbeg-wee-beastie-page .c-button:focus {
    /*-webkit-box-shadow: 0 0 0 4px #fff;
            box-shadow: 0 0 0 4px #fff; */
    background: #3C3700; }
  body.ardbeg-wee-beastie-page .c-button.c-button--discover {
    position: fixed;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 9; }

@media screen and (max-width: 800px) {
  body.ardbeg-wee-beastie-page .c-button {
    font-size: 1.25rem; }
    body.ardbeg-wee-beastie-page .c-button.c-button--discover {
      bottom: 20px;
      -webkit-transform: none;
              transform: none;
      top: auto; } }

body.ardbeg-wee-beastie-page .c-intro {
  /* height: 800vh; */
  height: 250vh;
  position: relative; }

/*html[lang="en-US"] body.ardbeg-wee-beastie-page .c-intro {
  height: 600vh;
}*/

body.ardbeg-wee-beastie-page .mobile { display:none; }
body.ardbeg-wee-beastie-page .desktop { display:block; }
@media screen and (max-width: 800px) {
  body.ardbeg-wee-beastie-page .mobile { display:block; }
  body.ardbeg-wee-beastie-page .desktop { display:none; }
}

body.ardbeg-wee-beastie-page .img-forv {
  position: -webkit-sticky;
  position: sticky; 
  top: 0px;
  width: 100%;
  height:auto;
}
body.ardbeg-wee-beastie-page video {
  width: 100%;
  height:auto;
}

body.ardbeg-wee-beastie-page .c-intro__inner {
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  width: 100%;
  overflow-x: hidden; }

body.ardbeg-wee-beastie-page .c-intro__sequence {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; }

  @media (max-width: 480px) {
    body.ardbeg-wee-beastie-page .c-intro {
      top: -82px;
    }
    body.ardbeg-wee-beastie-page .c-intro__inner {
      height: 100vh;
      top: 0px;
    }
    body.ardbeg-wee-beastie-page .c-intro__sequence {
      -o-object-fit: contain;
       object-fit: contain;
    }
  }


body.ardbeg-wee-beastie-page .c-intro__end {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }
  body.ardbeg-wee-beastie-page .c-intro__end.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; }

body.ardbeg-wee-beastie-page .c-claw {
  padding:0 10vw; margin:auto;
  position: relative; }

  @media screen and (max-width: 1200px) {
      body.ardbeg-wee-beastie-page .c-claw {
        padding:0;
      }
  }

  body.ardbeg-wee-beastie-page .c-claw::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: url("../img/brouillard/fog-large-3.png") no-repeat center/contain;
    width: 100%;
    pointer-events: none;
    height: 100vw;
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
    z-index: 0; }

body.ardbeg-wee-beastie-page .c-claw__img {
  height: 100%; margin:auto; }

body.ardbeg-wee-beastie-page .c-claw__anim-wrapper {
  height: 250vh;
  position: relative; 
  margin-bottom: 30px;
}

body.ardbeg-wee-beastie-page .c-claw__anim {
  height: 80vh;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  width: 100%;
  overflow-x: hidden; }


  @media (max-width: 480px) {
    body.ardbeg-wee-beastie-page .c-claw__anim {
      /* height: 70vh; */
      height: 50vh;
      top: 90px;
      width: 100%;
    }
    body.ardbeg-wee-beastie-page .c-claw__img {
      height: 100%; margin:auto; 
       -o-object-fit: cover;
       object-fit: cover;
    }
  }

body.ardbeg-wee-beastie-page .c-end-video {
  position: relative;
  padding: 5vh 0 20vh; }
  body.ardbeg-wee-beastie-page .c-end-video::before {
    content: '';
    background: url("../img/cloud-bottom-video.png") no-repeat center/contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: 65vw;
    pointer-events: none; }

body.ardbeg-wee-beastie-page .c-end-video .wb-wrapper{
  padding:0; }
body.ardbeg-wee-beastie-page .c-end-video .wb-wrapper .o-grid__wrapper{
  padding:0 50px; }

body.ardbeg-wee-beastie-page .c-start-video {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, white), to(transparent));
  background: linear-gradient(to bottom, white 10%, transparent);
  color: black;
  padding: 10vh 0;
  padding-top: 0;
  z-index: 1; 
  margin-top:-40px; }

  @media (max-width: 480px) {
    body.ardbeg-wee-beastie-page .c-end-video {
      padding: 5vh 0 5vh; }

    body.ardbeg-wee-beastie-page .c-start-video { 
      margin-top:-120px; 
      background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, white), to(transparent));
      background: linear-gradient(to bottom, white 85%, transparent);

    }
  }

  body.ardbeg-wee-beastie-page .c-start-video::before {
    content: '';
    background: url("../img/top-video-effect-left.png") no-repeat center/contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 50vw;
    height: 25vw; }
  body.ardbeg-wee-beastie-page .c-start-video::after {
    content: '';
    background: url("../img/top-video-effect-right.png") no-repeat center/contain;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 25vw;
    height: 25vw; }
  body.ardbeg-wee-beastie-page .c-start-video .wb-title {
    color: black; }

body.ardbeg-wee-beastie-page .c-start-video__wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url("../img/brouillard/fog-large-1.png") no-repeat center/contain;
  width: 100%;
  height: 57vw;
  -webkit-transform: translateY(-36%);
          transform: translateY(-36%);
  pointer-events: none;
  z-index: 10; }

body.ardbeg-wee-beastie-page .c-start-video__inner {
  position: relative;
  z-index: 10;
  -webkit-transform: translateY(5vh);
          transform: translateY(5vh); }

body.ardbeg-wee-beastie-page .c-packshot {
  min-height: 900px;
  background: url("../img/packshot-en.jpg") no-repeat center/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 99; }

  html[lang="de-DE"] body.ardbeg-wee-beastie-page .c-packshot {
      background: url("../img/packshot-de2.jpg") no-repeat center/cover;
  }


  @media screen and (max-width: 480px) {
    body.ardbeg-wee-beastie-page .c-packshot {
      min-height: 630px;
      background: url("../img/packshot-en-mob.jpg") no-repeat center/contain;
    }
    html[lang="de-DE"] body.ardbeg-wee-beastie-page .c-packshot {
        background: url("../img/packshot-de-mob2.jpg") no-repeat center/contain;
    }
  }

body.ardbeg-wee-beastie-page .c-packshot__wrapper {
  margin-top: auto;
  margin-bottom: 10vh; }

body.ardbeg-wee-beastie-page .c-packshot__wrapper a.buyfoot{  
  position:absolute;
  top:530px;
  left:24%;
  font-size:1.4em;
}

@media screen and (max-width: 400px) {
  body.ardbeg-wee-beastie-page .c-packshot__wrapper a.buyfoot{  
    position:absolute;
    top:420px;
    left:5%;
    font-size:1em;
  }
}

body.ardbeg-wee-beastie-page .c-notes {
  height: 70vw;
  position: relative; }
  body.ardbeg-wee-beastie-page .c-notes::before {
    content: '';
    background: url("../img/cloud-notes.png") no-repeat center/contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    height: 65vw;
    pointer-events: none; }

body.ardbeg-wee-beastie-page .c-notes__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10vh; }

body.ardbeg-wee-beastie-page .c-notes__item {
  width: 50%;
  position: relative;
  z-index: 1; }
  body.ardbeg-wee-beastie-page .c-notes__item::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    pointer-events: none;
    z-index: 1; }
  body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pepper .c-notes__img-wrapper::before {
    background-image: url("../img/cloud-bacon.png");
    width: 53vw;
    height: 32vw;
    left: -6%;
    top: 8%; }
  body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pepper .c-notes__img {
    width: 20vw;
    -webkit-transform: translate(43%, 38%);
            transform: translate(43%, 38%); }
  body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pepper .c-notes__button {
    top: 9%;
    left: 48%; }


    body.ardbeg-wee-beastie-page .c-notes__item .c-notes__button span { opacity:0; } 
    body.ardbeg-wee-beastie-page .c-notes__item .c-notes__button.is-display span { opacity:1; } 


  body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pine {
    margin-bottom: 10vw; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pine .c-notes__img-wrapper::before {
      background-image: url("../img/cloud-pine.png");
      width: 58vw;
      height: 42vw;
      left: -23%;
      top: -62%; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pine .c-notes__img {
      width: 18vw;
      -webkit-transform: translate(63%, 0);
              transform: translate(63%, 0); }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pine .c-notes__button {
      top: 0;
      left: 50%; }
  body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--chocolate .c-notes__img-wrapper::before {
    background-image: url("../img/cloud-chocolate.png");
    width: 73vw;
    height: 30vw;
    left: -16%;
    top: -26%; }
  body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--chocolate .c-notes__img {
    width: 18vw;
    -webkit-transform: translate(75%);
            transform: translate(75%); }
  body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--chocolate .c-notes__button {
    top: 0;
    left: 59%; }
  body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon {
    margin-bottom: 5vw; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon .c-notes__img-wrapper::before {
      background-image: url("../img/cloud-bacon.png");
      width: 58vw;
      height: 30vw;
      left: -21%;
      top: -2%; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon .c-notes__img {
      width: 21vw;
      -webkit-transform: translate(18%, 35%);
              transform: translate(18%, 35%); }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon .c-notes__button {
      top: 13%;
      left: 20%; }
      body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon .c-notes__button::before {
        content: none; }
      body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon .c-notes__button::after {
        content: '+';
        margin-left: 0.5em;
        background: white;
        width: 1em;
        color: black;
        height: 1em;
        font-size:1.5em;
        line-height: 1.5em;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-radius: 50%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s; 
      appearance: none;
    }

body.ardbeg-wee-beastie-page .c-notes__img-wrapper {
  position: relative; }
  body.ardbeg-wee-beastie-page .c-notes__img-wrapper::before {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    pointer-events: none;
    z-index: 1; }
  body.ardbeg-wee-beastie-page .c-notes__img-wrapper.is-hidden::before {
    opacity: 0; }
  body.ardbeg-wee-beastie-page .c-notes__img-wrapper.is-hidden .c-notes__img {
    -webkit-filter: grayscale(0);
            filter: grayscale(0); }

body.ardbeg-wee-beastie-page .c-notes__img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-filter: grayscale(1);
          filter: grayscale(1); }

body.ardbeg-wee-beastie-page .c-notes__button {
  color: white;
  font-family: "Gill Sans Bold", sans-serif;
  font-size: 1vw;
  padding: 0;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
  border: none;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  z-index: 10; }
  body.ardbeg-wee-beastie-page .c-notes__button::before {
    content: '+';
    margin-right: 0.5em;
    background: white;
    width: 1em;
    color: black;
    height: 1em;
    font-size:1.5em;
    line-height:1.5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 0.25s;
    transition: all 0.25s; 
    appearance: none; }
  body.ardbeg-wee-beastie-page .c-notes__button:hover::before, body.ardbeg-wee-beastie-page .c-notes__button:hover::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

@media screen and (max-width: 800px) {
  body.ardbeg-wee-beastie-page .c-notes {
    height: auto;
    overflow-x: hidden; }
  body.ardbeg-wee-beastie-page .c-notes__button {
    font-size: 1.5rem; }
  body.ardbeg-wee-beastie-page .c-notes__img {
    margin-left: auto;
    margin-right: auto; }
  body.ardbeg-wee-beastie-page .c-notes__item {
    width: 100%;
    margin-bottom: 50px; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pepper .c-notes__img-wrapper::before {
      width: 89vw;
      height: 41vw;
      left: 9%;
      top: -6%; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pepper .c-notes__img {
      width: 50%;
      -webkit-transform: none;
              transform: none; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pine {
      margin-bottom: 50px; }
      body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pine .c-notes__img-wrapper::before {
        width: 99vw;
        height: 65vw;
        left: 6%;
        top: -40%; }
      body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--pine .c-notes__img {
        width: 35%;
        -webkit-transform: none;
                transform: none; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--chocolate .c-notes__img-wrapper::before {
      width: 85vw;
      height: 43vw;
      left: 9%;
      top: 5%; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--chocolate .c-notes__img {
      width: 43%;
      -webkit-transform: none;
              transform: none; }
    body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon {
      margin-bottom: 50px; }
      body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon .c-notes__img-wrapper::before {
        width: 82vw;
        height: 40vw;
        left: 6%;
        top: -5%; }
      body.ardbeg-wee-beastie-page .c-notes__item.c-notes__item--bacon .c-notes__img {
        width: 45%;
        -webkit-transform: none;
                transform: none; } }

@media (max-width: 480px) {
  body.ardbeg-wee-beastie-page .c-notes__button {
    font-size: 1rem; } }

.u-text-center {
  text-align: center; }

.u-text-right {
  text-align: right; }

.u-text-left {
  text-align: left; }

.u-block-center {
  margin-left: auto;
  margin-right: auto; }

.u-push-left {
  margin-left: auto; }

.u-push-right {
  margin-right: auto; }

.u-push-top {
  margin-top: auto; }

.u-push-bottom {
  margin-bottom: auto; }

.u-align-self-end {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.u-align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.u-align-self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.u-align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.u-align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.u-align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.u-justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.u-justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.u-justify-content-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.u-justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.u-justify-content-around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.u-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.u-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.u-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.u-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.u-order-first {
  -webkit-box-ordinal-group: -99;
      -ms-flex-order: -100;
          order: -100; }

.u-order-last {
  -webkit-box-ordinal-group: 101;
      -ms-flex-order: 100;
          order: 100; }

@media screen and (max-width: 1200px) {
  .u-text-center-l {
    text-align: center; }
  .u-text-right-l {
    text-align: right; }
  .u-text-left-l {
    text-align: left; }
  .u-block-center-l {
    margin-left: auto;
    margin-right: auto; }
  .u-push-left-l {
    margin-left: auto; }
  .u-push-right-l {
    margin-right: auto; }
  .u-push-top-l {
    margin-top: auto; }
  .u-push-bottom-l {
    margin-bottom: auto; }
  .u-align-self-end-l {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-start-l {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-center-l {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .u-align-items-center-l {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-end-l {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-start-l {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-justify-content-center-l {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-start-l {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end-l {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-between-l {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around-l {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-row-l {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-row-reverse-l {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .u-column-l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-column-reverse-l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .u-order-first-l {
    -webkit-box-ordinal-group: -99;
        -ms-flex-order: -100;
            order: -100; }
  .u-order-last-l {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100; } }

@media screen and (max-width: 800px) {
  .u-text-center-m {
    text-align: center; }
  .u-text-right-m {
    text-align: right; }
  .u-text-left-m {
    text-align: left; }
  .u-block-center-m {
    margin-left: auto;
    margin-right: auto; }
  .u-push-left-m {
    margin-left: auto; }
  .u-push-right-m {
    margin-right: auto; }
  .u-push-top-m {
    margin-top: auto; }
  .u-push-bottom-m {
    margin-bottom: auto; }
  .u-align-self-end-m {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-start-m {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-center-m {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .u-align-items-center-m {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-end-m {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-start-m {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-justify-content-center-m {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-start-m {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end-m {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-between-m {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around-m {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-row-m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-row-reverse-m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .u-column-m {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-column-reverse-m {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .u-order-first-m {
    -webkit-box-ordinal-group: -99;
        -ms-flex-order: -100;
            order: -100; }
  .u-order-last-m {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100; } }

@media (max-width: 480px) {
  .u-text-center-s {
    text-align: center; }
  .u-text-right-s {
    text-align: right; }
  .u-text-left-s {
    text-align: left; }
  .u-block-center-s {
    margin-left: auto;
    margin-right: auto; }
  .u-push-left-s {
    margin-left: auto; }
  .u-push-right-s {
    margin-right: auto; }
  .u-push-top-s {
    margin-top: auto; }
  .u-push-bottom-s {
    margin-bottom: auto; }
  .u-align-self-end-s {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .u-align-self-start-s {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .u-align-self-center-s {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .u-align-items-center-s {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .u-align-items-end-s {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .u-align-items-start-s {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .u-justify-content-center-s {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .u-justify-content-start-s {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .u-justify-content-end-s {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .u-justify-content-between-s {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .u-justify-content-around-s {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .u-row-s {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .u-row-reverse-s {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .u-column-s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .u-column-reverse-s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .u-order-first-s {
    -webkit-box-ordinal-group: -99;
        -ms-flex-order: -100;
            order: -100; }
  .u-order-last-s {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100; } }

.u-hide {
  display: none; }

.u-show {
  display: block; }

.u-sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

@media screen and (max-width: 800px) {
  .u-show-m {
    display: block; }
  .u-hide-m {
    display: none; } }

.u-scroll-auto {
  overflow: auto; }

/*# sourceMappingURL=main.css.map */

/*
#popingif {
  display:none;
}*/


#popingif {
    display:block;
  position: fixed;
  margin: auto;
  top: 12%;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100vh;
  z-index: 1;
  text-align: center;
}

html[lang="de-DE"] #popingif { display:none; }
html[lang="en"] #popingif { display:none; }
html[lang="en-GB"] #popingif { display:none; }

#popingif img {
  width: auto;
  height: 90vh;
  cursor:pointer;
}

#popingif .popingif-close {
    float: right;)
    height: 1em;
    width: 1em;
    display: block;
    position: absolute;
    left: 50%;
    top: 2%;
    margin-left: 430px;

    background: white;
    width: 1em;
    color: black;
    height: 1em;
    font-size:1.5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    padding-bottom:0.2em;
    text-decoration: none;
}

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

/*  html[lang="de-DE"] #popingif { */
#popingif {
    width: 125%;
    height: auto;
    -webkit-transform: translate(-25%);
            transform: translate(-25%);
  }
  #popingif img {
    width: 118%;
    height: auto;
}
}