#barrel-nav-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /****************************/ }
  #barrel-nav-bar .circle-nav-middle {
    position: relative; }
  #barrel-nav-bar .circle-nav-middle-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 135px;
    width: 135px; }
    @media (max-width: 543px) {
      #barrel-nav-bar .circle-nav-middle-container {
        height: 120px;
        width: 120px; } }
  #barrel-nav-bar .circle-nav-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 135px;
    width: 135px; }
    @media (max-width: 543px) {
      #barrel-nav-bar .circle-nav-container {
        height: 120px;
        width: 120px; } }
  #barrel-nav-bar #barrel-nav-bar {
    color: white; }
  #barrel-nav-bar #barrel-subtitle {
    text-align: center;
    color: white;
    margin-top: 5%;
    margin-bottom: 10%;
    letter-spacing: 4px; }
  #barrel-nav-bar .barrel-side-label {
    font-family: MrsEavesItalic;
    font-size: 240%;
    letter-spacing: 4px;
    font-weight: 100; }
  #barrel-nav-bar #barrel-subtitle {
    font-family: BrandonGrotesque; }
  @media (max-width: 768px) {
    #barrel-nav-bar #barrel-nav-bar #left-label,
    #barrel-nav-bar #barrel-nav-bar #right-label {
      display: none; } }
  #barrel-nav-bar .barrel-nav-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  #barrel-nav-bar .circle-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    width: 124px;
    height: 124px;
    border: 1px solid #b89267; }
    @media (max-width: 543px) {
      #barrel-nav-bar .circle-nav {
        width: 109px;
        height: 109px; } }
  #barrel-nav-bar .circle-nav-inner {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    width: 90px;
    height: 90px;
    border: 1px dotted rgba(255, 255, 255, 0.8); }
    @media (max-width: 543px) {
      #barrel-nav-bar .circle-nav-inner {
        width: 75px;
        height: 75px; } }
  #barrel-nav-bar #barrel {
    width: 53px;
    height: 59px;
    z-index: 2;
    cursor: url("/wp-content/themes/enfold-clonakilty/images/mouse.png"), auto; }
    #barrel-nav-bar #barrel .inner-barrel {
      /*background-image:url('data:image/png;base64,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');*/
      background-image: url("/wp-content/themes/enfold-clonakilty/images/cask.png");
      height: 100%; }
  #barrel-nav-bar .barrel-nav-container {
    min-width: 522px; }
  #barrel-nav-bar .barrel-line {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #b89267), color-stop(0%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, #b89267 10%, rgba(255, 255, 255, 0) 0%);
    background-image: -moz-linear-gradient(left, #b89267 10%, rgba(255, 255, 255, 0) 0%);
    background-image: -o-linear-gradient(left, #b89267 10%, rgba(255, 255, 255, 0) 0%);
    background-image: linear-gradient(to right, #b89267 10%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    -moz-background-size: 17px 2px;
         background-size: 17px 2px;
    background-repeat: repeat-x;
    height: 2px;
    z-index: 2;
    color: black;
    text-align: right; }

.evo-shrink-fade-anim {
  -webkit-animation-duration: 0.8s;
     -moz-animation-duration: 0.8s;
       -o-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-name: evoShrinkFade;
     -moz-animation-name: evoShrinkFade;
       -o-animation-name: evoShrinkFade;
          animation-name: evoShrinkFade;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes evoShrinkFade {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  20% {
    opacity: 1; }
  to {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; } }

@-moz-keyframes evoShrinkFade {
  from {
    -moz-transform: scale(1);
         transform: scale(1);
    opacity: 1; }
  20% {
    opacity: 1; }
  to {
    -moz-transform: scale(0.1);
         transform: scale(0.1);
    opacity: 0; } }

@-o-keyframes evoShrinkFade {
  from {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1; }
  20% {
    opacity: 1; }
  to {
    -o-transform: scale(0.1);
       transform: scale(0.1);
    opacity: 0; } }

@keyframes evoShrinkFade {
  from {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  20% {
    opacity: 1; }
  to {
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
         -o-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; } }

.evo-grow-away-anim {
  -webkit-animation-duration: 0.8s;
     -moz-animation-duration: 0.8s;
       -o-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-name: evoGrowAway;
     -moz-animation-name: evoGrowAway;
       -o-animation-name: evoGrowAway;
          animation-name: evoGrowAway;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes evoGrowAway {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  10% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1; }
  80% {
    opacity: 1; }
  to {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; } }

@-moz-keyframes evoGrowAway {
  from {
    -moz-transform: scale(1);
         transform: scale(1);
    opacity: 1; }
  10% {
    -moz-transform: scale(1.5);
         transform: scale(1.5);
    opacity: 1; }
  80% {
    opacity: 1; }
  to {
    -moz-transform: scale(0.1);
         transform: scale(0.1);
    opacity: 0; } }

@-o-keyframes evoGrowAway {
  from {
    -o-transform: scale(1);
       transform: scale(1);
    opacity: 1; }
  10% {
    -o-transform: scale(1.5);
       transform: scale(1.5);
    opacity: 1; }
  80% {
    opacity: 1; }
  to {
    -o-transform: scale(0.1);
       transform: scale(0.1);
    opacity: 0; } }

@keyframes evoGrowAway {
  from {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  10% {
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 1; }
  80% {
    opacity: 1; }
  to {
    -webkit-transform: scale(0.1);
       -moz-transform: scale(0.1);
         -o-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0; } }

.evo-wobble-anim {
  -webkit-animation-duration: 1.2s;
     -moz-animation-duration: 1.2s;
       -o-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-name: evoWobbleAnim;
     -moz-animation-name: evoWobbleAnim;
       -o-animation-name: evoWobbleAnim;
          animation-name: evoWobbleAnim;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
       -o-animation-direction: alternate;
          animation-direction: alternate; }

@-webkit-keyframes evoWobbleAnim {
  0% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); } }

@-moz-keyframes evoWobbleAnim {
  0% {
    -moz-transform: rotate(10deg);
         transform: rotate(10deg); }
  100% {
    -moz-transform: rotate(-10deg);
         transform: rotate(-10deg); } }

@-o-keyframes evoWobbleAnim {
  0% {
    -o-transform: rotate(10deg);
       transform: rotate(10deg); }
  100% {
    -o-transform: rotate(-10deg);
       transform: rotate(-10deg); } }

@keyframes evoWobbleAnim {
  0% {
    -webkit-transform: rotate(10deg);
       -moz-transform: rotate(10deg);
         -o-transform: rotate(10deg);
            transform: rotate(10deg); }
  100% {
    -webkit-transform: rotate(-10deg);
       -moz-transform: rotate(-10deg);
         -o-transform: rotate(-10deg);
            transform: rotate(-10deg); } }

.evo-spinup-anim {
  -webkit-animation-duration: 3s;
     -moz-animation-duration: 3s;
       -o-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-name: evoSpinupAnim;
     -moz-animation-name: evoSpinupAnim;
       -o-animation-name: evoSpinupAnim;
          animation-name: evoSpinupAnim;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
       -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-timing-function: ease-in;
     -moz-animation-timing-function: ease-in;
       -o-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.evo-spin-anim {
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: evoSpinAnim;
     -moz-animation-name: evoSpinAnim;
       -o-animation-name: evoSpinAnim;
          animation-name: evoSpinAnim;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0s, 0s;
     -moz-animation-delay: 0s, 0s;
       -o-animation-delay: 0s, 0s;
          animation-delay: 0s, 0s;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear; }

@-webkit-keyframes evoSpinAnim {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-moz-keyframes evoSpinAnim {
  from {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg); } }

@-o-keyframes evoSpinAnim {
  from {
    -o-transform: rotate(0deg);
       transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg);
       transform: rotate(360deg); } }

@keyframes evoSpinAnim {
  from {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes evoSpinupAnim {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-moz-keyframes evoSpinupAnim {
  from {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg); } }

@-o-keyframes evoSpinupAnim {
  from {
    -o-transform: rotate(0deg);
       transform: rotate(0deg); }
  to {
    -o-transform: rotate(360deg);
       transform: rotate(360deg); } }

@keyframes evoSpinupAnim {
  from {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg); } }

@media (min-width: 543px) {
  .evo-inflate-loop-anim {
    -webkit-animation-duration: 1.5s;
       -moz-animation-duration: 1.5s;
         -o-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-name: evoInflateLoop;
       -moz-animation-name: evoInflateLoop;
         -o-animation-name: evoInflateLoop;
            animation-name: evoInflateLoop;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
         -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards; } }

@-webkit-keyframes evoInflateLoop {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-moz-keyframes evoInflateLoop {
  from {
    -moz-transform: scale(1);
         transform: scale(1); }
  50% {
    -moz-transform: scale(1.1);
         transform: scale(1.1); }
  to {
    -moz-transform: scale(1);
         transform: scale(1); } }

@-o-keyframes evoInflateLoop {
  from {
    -o-transform: scale(1);
       transform: scale(1); }
  50% {
    -o-transform: scale(1.1);
       transform: scale(1.1); }
  to {
    -o-transform: scale(1);
       transform: scale(1); } }

@keyframes evoInflateLoop {
  from {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1); }
  to {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); } }

.evo-flip-out-x-anim {
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-name: evoFlipOutX;
     -moz-animation-name: evoFlipOutX;
       -o-animation-name: evoFlipOutX;
          animation-name: evoFlipOutX;
  -webkit-backface-visibility: visible !important;
     -moz-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-fill-mode: forwards;
     -moz-animation-fill-mode: forwards;
       -o-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes evoFlipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px); }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(0, 100%);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(0, 100%);
    opacity: 0; } }

@-moz-keyframes evoFlipOutX {
  from {
    -moz-transform: perspective(400px);
         transform: perspective(400px); }
  to {
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(0, 100%);
         transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(0, 100%);
    opacity: 0; } }

@-o-keyframes evoFlipOutX {
  from {
    transform: perspective(400px); }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(0, 100%);
    opacity: 0; } }

@keyframes evoFlipOutX {
  from {
    -webkit-transform: perspective(400px);
       -moz-transform: perspective(400px);
            transform: perspective(400px); }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(0, 100%);
       -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(0, 100%);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate(0, 100%);
    opacity: 0; } }

.evo-anim-delay1 {
  -webkit-animation-delay: 0.6s;
     -moz-animation-delay: 0.6s;
       -o-animation-delay: 0.6s;
          animation-delay: 0.6s; }