/* Animations */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
html, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, i, span, small, body{font-family: 'Roboto', sans-serif;}
@-webkit-keyframes lightSway {
  0% {
    -webkit-transform: rotate(-1deg) translateY(2px);
            transform: rotate(-1deg) translateY(2px);
  }

  100% {
    -webkit-transform: rotate(1deg) translateY(-3px);
            transform: rotate(1deg) translateY(-3px);
  }
}
@keyframes lightSway {
  0% {
    -webkit-transform: rotate(-1deg) translateY(2px);
            transform: rotate(-1deg) translateY(2px);
  }

  100% {
    -webkit-transform: rotate(1deg) translateY(-3px);
            transform: rotate(1deg) translateY(-3px);
  }
}
@-webkit-keyframes waterSway {
  0% {
    -webkit-transform: translateX(1%) translateY(-5%);
            transform: translateX(1%) translateY(-5%);
  }

  100% {
    -webkit-transform: translateX(-1%) translateY(5%);
            transform: translateX(-1%) translateY(5%);
  }
}
@keyframes waterSway {
  0% {
    -webkit-transform: translateX(1%) translateY(-5%);
            transform: translateX(1%) translateY(-5%);
  }

  100% {
    -webkit-transform: translateX(-1%) translateY(5%);
            transform: translateX(-1%) translateY(5%);
  }
}
@-webkit-keyframes boatSway {
  0% {
    -webkit-transform: translateX(5px) translateY(-10px);
            transform: translateX(5px) translateY(-10px);
  }

  100% {
    -webkit-transform: translateX(-5px) translateY(10px);
            transform: translateX(-5px) translateY(10px);
  }
}
@keyframes boatSway {
  0% {
    -webkit-transform: translateX(5px) translateY(-10px);
            transform: translateX(5px) translateY(-10px);
  }

  100% {
    -webkit-transform: translateX(-5px) translateY(10px);
            transform: translateX(-5px) translateY(10px);
  }
}
@keyframes landingWormDrop {
  0% {
    -webkit-transform: rotate(-3deg) translateY(-10%) translateZ(0);
            transform: rotate(-3deg) translateY(-10%) translateZ(0);
  }

  50% {
    -webkit-transform: translateY(0) translateZ(0);
            transform: translateY(0) translateZ(0);
  }

  100% {
      -webkit-transform: translateY(2%) translateZ(0);
              transform: translateY(2%) translateZ(0);
  }
}
@-webkit-keyframes bubbleRise1 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
  }
}
@keyframes bubbleRise1 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-150%);
            transform: translateY(-150%);
  }
}
@-webkit-keyframes bubbleRise2 {
  0% {
    -webkit-transform: translateY(120%);
            transform: translateY(120%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@keyframes bubbleRise2 {
  0% {
    -webkit-transform: translateY(120%);
            transform: translateY(120%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@-webkit-keyframes bubbleRise3 {
  0% {
    -webkit-transform: translateY(120%);
            transform: translateY(120%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@keyframes bubbleRise3 {
  0% {
    -webkit-transform: translateY(120%);
            transform: translateY(120%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@-webkit-keyframes bubbleRise4 {
  0% {
    -webkit-transform: rotate(15deg) translateY(110%);
            transform: rotate(15deg) translateY(110%);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(15deg) translateY(-40%);
            transform: rotate(15deg) translateY(-40%);
  }
}
@keyframes bubbleRise4 {
  0% {
    -webkit-transform: rotate(15deg) translateY(110%);
            transform: rotate(15deg) translateY(110%);
  }

  100% {
    opacity: 0;
    -webkit-transform: rotate(15deg) translateY(-40%);
            transform: rotate(15deg) translateY(-40%);
  }
}


/* Core page styling*/
html,
body {
  height: 100%;
}

.margin {
  margin: 30px 0;
}

.twitter-follow-button,
.twitter-share-button {
  vertical-align: middle;
  margin: 0 10px;
}

.IN-widget {
  vertical-align: middle !important;
  margin: 0 10px;
}


.slick-slide img {
  display: inline;
}

.btn-wrap {
  white-space: normal;
}

/* Landing page */
/**
 * Triggers of the animations are from the .landing--animation-* classes
 */
.landing-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: #1271ab;
  opacity: 1;
  -webkit-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
}
.splash-done .landing-wrapper {
  opacity: 0;
}
.landing {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0;
  margin: auto;
  /* Keep the landing page in a 16:9 aspect ratio */
  padding-bottom: 56.25%;
  overflow: hidden;
}

.landing:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #1271ab;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
  z-index: 99;
}
.landing--animation-5.landing:before {
  opacity: 1;
}
.landing--animation-finished.landing {
  opacity: 0;
}

.landing-control {
  position: absolute;
  z-index: 102;
  right: 40px;
  bottom: 40px;
  left: 40px;
}

.landing-content {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  -webkit-transform: scale(2.5);
      -ms-transform: scale(2.5);
          transform: scale(2.5);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}

.landing-background {
  height: 100%;
}

.landing-water {
  position: absolute;
  top: 40%;
  right: -10%;
  left: -10%;
  width: 120%;
  opacity: .9;
  -webkit-animation: waterSway 5s ease-in-out alternate infinite;
          animation: waterSway 5s ease-in-out alternate infinite;
}

.landing--animation-1 .landing-content {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.landing--animation-3 .landing-content {
  -webkit-transform: translateX(-28%);
      -ms-transform: translateX(-28%);
          transform: translateX(-28%);
}
.landing--animation-4 .landing-content {
  -webkit-transform: translateX(-14%);
      -ms-transform: translateX(-14%);
          transform: translateX(-14%);
}

.landing-worm-container {
  position: absolute;
  top: 5%;
  right: 0;
  bottom: 0;
  left: 14%;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  text-align: right;
  z-index: 10;
}

.landing-worm {
  height: 100%;
  -webkit-transform: rotate(15deg) scale(.7) translateY(-100%) translateZ(0);
          transform: rotate(15deg) scale(.7) translateY(-100%) translateZ(0);
  -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
}
.landing--animation-1 .landing-worm {
  -webkit-transform: rotate(-3deg) scale(1) translateY(-10%) translateZ(0);
          transform: rotate(-3deg) scale(1) translateY(-10%) translateZ(0);
}
.landing--animation-2 .landing-worm {
  animation: landingWormDrop 3s ease-out forwards 1;
}

.landing-boat {
  position: absolute;
  width: 20%;
  top: 25%;
  left: 15%;
  -webkit-animation: waterSway 5s ease-in-out alternate infinite -.2s;
          animation: waterSway 5s ease-in-out alternate infinite -.2s;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out 1s;
          transition: all 1s ease-in-out 1s;
}
.landing--animation-3 .landing-boat {
  opacity: 1;
}

.landing-bubbles {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.landing-bubble {
  position: absolute;
  bottom: 0;
  width: 10%;
}

.landing-bubble-1 {
  right: 15%;
  -webkit-animation: bubbleRise1 7.44s linear forwards infinite;
          animation: bubbleRise1 7.44s linear forwards infinite;
}
.landing-bubble-2 {
  left: 43%;
  -webkit-animation: bubbleRise2 4.221s linear forwards infinite;
          animation: bubbleRise2 4.221s linear forwards infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.landing--animation-1 .landing-bubble-2 {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.landing-bubble-3 {
  left: 23%;
  -webkit-animation: bubbleRise3 8.205s linear forwards infinite;
          animation: bubbleRise3 8.205s linear forwards infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.landing--animation-3 .landing-bubble-3 {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.landing-bubble-4 {
  left: 63%;
  -webkit-animation: bubbleRise4 5.12s linear forwards infinite;
          animation: bubbleRise4 5.12s linear forwards infinite;
}
.landing-bubble-5 {
  left: 12%;
  -webkit-animation: bubbleRise4 5.12s linear forwards infinite;
          animation: bubbleRise4 5.12s linear forwards infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.landing--animation-3 .landing-bubble-5 {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.landing-sea-creatures {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.landing-fishes {
  position: absolute;
  bottom: 0;
  max-width: 10%;
}
.landing-fishes-1 {
  left: 3%;
  -webkit-transform: rotate(17deg) translateY(-100%) translateX(10%);
      -ms-transform: rotate(17deg) translateY(-100%) translateX(10%);
          transform: rotate(17deg) translateY(-100%) translateX(10%);
  -webkit-transition: all 75s linear;
          transition: all 75s linear;
}
.landing--animation-0 .landing-fishes-1 {
  -webkit-transform: rotate(0deg) translateY(-200%) translateX(1000%);
      -ms-transform: rotate(0deg) translateY(-200%) translateX(1000%);
          transform: rotate(0deg) translateY(-200%) translateX(1000%);
}
.landing-fishes-2 {
  left: 50%;
  -webkit-transform: rotate(-17deg) translateY(100%) translateX(10%);
      -ms-transform: rotate(-17deg) translateY(100%) translateX(10%);
          transform: rotate(-17deg) translateY(100%) translateX(10%);
  -webkit-transition: all 66s linear;
          transition: all 66s linear;
}
.landing--animation-0 .landing-fishes-2 {
  -webkit-transform: rotate(0deg) translateY(0) translateX(1000%);
      -ms-transform: rotate(0deg) translateY(0) translateX(1000%);
          transform: rotate(0deg) translateY(0) translateX(1000%);
}
.landing-fishes-3 {
  right: 1%;
  bottom: 22%;
  -webkit-transform: rotate(-4deg) translateY(-100%) translateX(10%);
      -ms-transform: rotate(-4deg) translateY(-100%) translateX(10%);
          transform: rotate(-4deg) translateY(-100%) translateX(10%);
  -webkit-transition: all 62s linear;
          transition: all 62s linear;
}
.landing--animation-0 .landing-fishes-3 {
  -webkit-transform: rotate(0deg) translateY(-100%) translateX(-1000%);
      -ms-transform: rotate(0deg) translateY(-100%) translateX(-1000%);
          transform: rotate(0deg) translateY(-100%) translateX(-1000%);
}
.landing-fishes-4 {
  right: 20%;
  -webkit-transform: rotate(-4deg) translateY(0%) translateX(10%);
      -ms-transform: rotate(-4deg) translateY(0%) translateX(10%);
          transform: rotate(-4deg) translateY(0%) translateX(10%);
  -webkit-transition: all 82s linear;
          transition: all 82s linear;
}
.landing--animation-0 .landing-fishes-4 {
  -webkit-transform: rotate(0deg) translateY(-25%) translateX(-1000%);
      -ms-transform: rotate(0deg) translateY(-25%) translateX(-1000%);
          transform: rotate(0deg) translateY(-25%) translateX(-1000%);
}
.landing-fishes-5 {
  left: 11%;
  bottom: 20%;
  -webkit-transform: rotate(-4deg) translateY(-25%) translateX(10%);
      -ms-transform: rotate(-4deg) translateY(-25%) translateX(10%);
          transform: rotate(-4deg) translateY(-25%) translateX(10%);
  -webkit-transition: all 44s linear;
          transition: all 44s linear;
}
.landing--animation-0 .landing-fishes-5 {
  -webkit-transform: rotate(0deg) translateY(-125%) translateX(528%);
      -ms-transform: rotate(0deg) translateY(-125%) translateX(528%);
          transform: rotate(0deg) translateY(-125%) translateX(528%);
}
.landing-fishes-6 {
  left: 48%;
  bottom: 5%;
  -webkit-transform: rotate(-22deg) translateY(-50%) translateX(10%);
      -ms-transform: rotate(-22deg) translateY(-50%) translateX(10%);
          transform: rotate(-22deg) translateY(-50%) translateX(10%);
  -webkit-transition: all 82s linear;
          transition: all 82s linear;
}
.landing--animation-0 .landing-fishes-6 {
  -webkit-transform: rotate(-32deg) translateY(200%) translateX(777%);
      -ms-transform: rotate(-32deg) translateY(200%) translateX(777%);
          transform: rotate(-32deg) translateY(200%) translateX(777%);
}
.landing-fishes-7 {
  right: 20%;
  bottom: -5%;
  -webkit-transform: rotate(-17deg) translateY(0%) translateX(10%);
      -ms-transform: rotate(-17deg) translateY(0%) translateX(10%);
          transform: rotate(-17deg) translateY(0%) translateX(10%);
  -webkit-transition: all 82s linear;
          transition: all 82s linear;
}
.landing--animation-0 .landing-fishes-7 {
  -webkit-transform: rotate(-17deg) translateY(0%) translateX(-1000%);
      -ms-transform: rotate(-17deg) translateY(0%) translateX(-1000%);
          transform: rotate(-17deg) translateY(0%) translateX(-1000%);
}
.landing-fishes-8 {
  left: 2%;
  bottom: 14%;
  -webkit-transform: rotate(0) translateY(-50%) translateX(10%);
      -ms-transform: rotate(0) translateY(-50%) translateX(10%);
          transform: rotate(0) translateY(-50%) translateX(10%);
  -webkit-transition: all 82s linear;
          transition: all 82s linear;
}
.landing--animation-0 .landing-fishes-8 {
  -webkit-transform: rotate(-10deg) translateY(-60%) translateX(777%);
      -ms-transform: rotate(-10deg) translateY(-60%) translateX(777%);
          transform: rotate(-10deg) translateY(-60%) translateX(777%);
}

.landing-hungry-fish {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 7%;
  margin: auto;
  transition: all .7s ease-out;
  opacity: 0;
}
.landing--animation-3 .landing-hungry-fish {
  opacity: 1;
}

.landing-hungry-fish-1 {
  transform: rotate(-20deg) translateX(-165%) translateY(205%);
}
.landing--animation-3 .landing-hungry-fish-1 {
  transform: rotate(-20deg) translateX(-25%) translateY(115%);
}

.landing-hungry-fish-2 {
  transform: rotate(15deg) scaleX(-1) translateX(-350%) translateY(20%);
}
.landing--animation-3 .landing-hungry-fish-2 {
  transform: rotate(15deg) scaleX(-1) translateX(-250%) translateY(20%);
}

.landing-hungry-fish-3 {
  transform: rotate(0deg) scaleX(-1) translateX(160%) translateY(40%);
}
.landing--animation-3 .landing-hungry-fish-3 {
  transform: rotate(0deg) scaleX(-1) translateX(70%) translateY(40%);
}

.landing-finished-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: all 1.5s ease-in-out;
          transition: all 1.5s ease-in-out;
}
.landing--animation-5 .landing-finished-overlay {
  opacity: 1;
  -webkit-transform: translateY(-305%);
      -ms-transform: translateY(-305%);
          transform: translateY(-305%);
}

/* Hero carousel */
.hero-carousel {
  position: relative;
  color: white;
  text-shadow: 0 1px 2px black;
}

.hero-carousel .slick-track {
  position: relative;
  background-image: url('../images/hero-background.jpg');
  background-repeat: no-repeat;
}
.hero-carousel .slick-track:before {
  content: '';
  display: block;
  position: absolute;
  top: 50px;
  right: -2%;
  bottom: 0;
  left: -2%;
  background-image: url('../images/hero-water.png');
  background-repeat: no-repeat;
  -webkit-animation: waterSway 5s ease-in-out alternate infinite;
          animation: waterSway 5s ease-in-out alternate infinite;
}

.hero-carousel-item {
  position: relative;
  padding: 150px 0 50px;
  /*max-height: 700px;*/
}

.hero-social-buttons {
  margin-top: 20px;
}

@media all and (max-width: 767px) {
  .hero-carousel .slick-track {
    background-repeat: no-repeat;
  }

  .hero-carousel-item {
    padding-top: 100px;
  }
}

@media all and (min-width: 768px) {
  .hero-carousel .slick-track {
    background-size: cover;
  }

  .hero-carousel .slick-track:before {
    background-size: cover;
  }
}

/* Hero carousel contents */
.hero-carousel-item--2__vending-machine {
  position: relative;
  top: -150px;
  width: 300px;
  margin-bottom: -150px;
  -webkit-transform: translateY(-100%) rotate(1deg);
      -ms-transform: translateY(-100%) rotate(1deg);
          transform: translateY(-100%) rotate(1deg);
  -webkit-transition: all .2s ease-out;
          transition: all .2s ease-out;
}
.arrowDiv{
      position: absolute;
    text-align: center;
    width: 100%;
    margin-top: -7%;
}
.arrowDiv span, .arrowDivsubSection span{    
    color: #337AB7;
    line-height: 18px;
  }
.subheademanus{    
    max-height: 100px;
    margin: 0px;
}
.subheademanus  a{    
    font-size: 10px;
    position: relative;
    line-height: 26px;
    text-decoration: none; 
}
.subheademanus .slick-prev, .subheademanus  .slick-next {display:   none!important;}
a.btn.btn-fb.popovers {
    background: #3b5998;
    color: white;
}
a.btn.btn-twitter.popovers {
    background: #00aced;
    color: white;
}
a.btn.btn-in.popovers {
    background: #007bb5;
    color: white;
}
a.btn.btn-youtube.popovers {
    background: #bb0000;
    color: white;
}
#heroCarorusel .btn {
    margin: 0px 12px;
}
ul.machine-list-small-carousel-navigation.slick-initialized.slick-slider {
   height: 35px;
    padding: 0px;
    margin: 19px 0px;
}
#thumbs .slick-list.draggable {
    padding: 0px!important;
}
#thumbs .slick-slide  {
      display: block;
    white-space: nowrap;
      /*padding: 5px 55px;*/
          width: 40%!important;
      }
  #thumbs .slick-current{text-decoration:   underline;  }
#thumbs .slick-track {
    width: 100%!important;
    position: absolute;
    width: 100%!important;
    float: left;
    left: -23%;
}
#thumbs a.active li  {    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px 10px;
    background: #eee;}

.mainParentTabs .panel-title{font-size:12px;}
.arrowDivsubSection{display: none;}
.smallText {display: none;}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #5BC0DE;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default {
    border-color: #5BC0DE;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
    background: none;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 3px;
    margin: 5px 0px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
    font-weight: bold;
}
@media all and (max-width: 767px) {
  .panel-body p{font-size: 12px;}
  .text-center-sm{text-align: center;}
  .hanging-menus-item {
      text-align: left!important;
      padding: 30px 0;
  }
  .machine-list-small-carousel-item, .bait-range-small-carousel-item, .tackle-range-small-carousel-item {
      padding: 5px!important;.
       white-space: normal;
      height: auto!important  ;
  }
   .machine-list-small-carousel, .bait-range-small-carousel, .tackle-range-small-carousel {
      margin: 40px 0;
      height: 180px;
  }
  .bait-range-carousel .slick-slide img{
    display: inline-block;
    width: 94px;
    height: 85px;
    margin: 0 auto;
  }
  .h3, h3 {
        font-weight: bold;
      font-size: 15px;
  }
  #vendingMachines .h2, h2 {
    font-size: 16px;
    font-weight: bolder;
  }
  #vendingMachines img{width: 30%;}
  .hidden{display: none;}
  .legendbox span{font-size: 10px;}
  .legendbox img{width: 25%;}
  .hanging-menus {
      padding-bottom: 0px;
       background: #eee;
           margin-top: 40px;
  }
  .section-content {
    padding-top: 20px!important ;
  }
  #googleMap, #googleMap1{width:100%; height:150px;}
  .arrowDiv {
      margin-top: -16%;
  }
  .arrowDivsubSection {
        margin-top: 2%;
        position: absolute;
        text-align: center;
        width: 100%;
        display: block;
  }
  .hero-carousel-item--2__vending-machine {
    width: 225px;
  }
  #heroCarorusel .slick-list, .machine-list-small-carousel-navigation .slick-list {
      position: relative;
      display: block;
      overflow: hidden;
      margin: 0;
      padding: 0;
      height: 400px;
  }
  .hero-carousel {
      position: relative;
      color: white;
      text-shadow: 0 1px 2px black;
      height: 389px;
  }
  .slick-slide img {
      display: block;
      width: 120px;
      height: 140px;
      margin: 0 auto;
  }
  .hero-carousel-item--2__vending-machine {
    position: relative;
    top: 0px;
  }
  .hero-carousel h3{margin:0px 0px 0px 10px!important; font-size:  18px;font-weight:  bold;}
  
  #heroCarorusel .btn {
    padding: 4px 3px;
    font-size:  12px;
  }
 
  .mainParentTabs .nav-justified>li {
      float: left;
  }
  .mainParentTabs  .tab-pane .nav-tabs>li>a {
      font-size: 0.9rem;
  }
  .navbar {
    height: 70px!important ;
      -webkit-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }
  .navbar-fixed.is-small .nav-logo, .nav-logo {
    max-width: 57px!important;}
  .smallText{position: relative;top: 11px;}
  .notvisible{display: none;}
  .visible{display: inline;}
  .nav-item {
      position: relative;
      top: 10px;
      line-height: 0px!important;
  }
  .hero-bottom-section  .btn-location span{
        white-space: normal;
  }
  .hero-bottom-section img{width:30%;}
  .hero-carousel-item--3__fish-1, .hero-carousel-item--3__fish-2, .hero-carousel-item--3__fish-3, .hero-carousel-item--5__squid{width:50px!important ; height:50px!important;}
  .btn-location {
      background: #D05A58;
      color: #FDFDFD;
      min-height: 84px;
      padding:  10px 16px 0px 16px;
  }
}



.slick-slide.transition .hero-carousel-item--2__vending-machine {
  -webkit-transform: translateY(0) rotate(-1deg);
      -ms-transform: translateY(0) rotate(-1deg);
          transform: translateY(0) rotate(-1deg);
}
.slick-slide.animate .hero-carousel-item--2__vending-machine {
  -webkit-animation: lightSway ease-in-out 3s alternate both infinite;
          animation: lightSway ease-in-out 3s alternate both infinite;
}
.hero-carousel-item--2__bubble {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: .7;
  -webkit-transform: translateY(500px) scale(.6);
      -ms-transform: translateY(500px) scale(.6);
          transform: translateY(500px) scale(.6);
  -webkit-transition: all .8s ease-out;
          transition: all .8s ease-out;
}
.slick-slide.transition .hero-carousel-item--2__bubble {
  -webkit-transform: translateY(-1060px) scale(.5);
      -ms-transform: translateY(-1060px) scale(.5);
          transform: translateY(-1060px) scale(.5);
}
.hero-carousel-item--3__bait {
  margin: 0 auto;
}
.hero-carousel-item--3__fish-1 {
  position: absolute;
  bottom: 0;
  left: 10%;
  -webkit-transform: rotate(-30deg) translateX(-50px);
      -ms-transform: rotate(-30deg) translateX(-50px);
          transform: rotate(-30deg) translateX(-50px);
  opacity: 0;
  -webkit-transition: all .8s ease-in-out;
          transition: all .8s ease-in-out;
}
.slick-slide.transition .hero-carousel-item--3__fish-1 {
  -webkit-transform: rotate(-30deg) translateX(0);
      -ms-transform: rotate(-30deg) translateX(0);
          transform: rotate(-30deg) translateX(0);
  opacity: 1;
}
.hero-carousel-item--3__fish-2 {
  position: absolute;
  top: 10%;
  right: 7%;
  -webkit-transform: scaleX(-1) translateX(-70px) translateY(15px);
      -ms-transform: scaleX(-1) translateX(-70px) translateY(15px);
          transform: scaleX(-1) translateX(-70px) translateY(15px);
  opacity: 0;
  -webkit-transition: all .8s ease-in-out;
          transition: all .8s ease-in-out;
}
.slick-slide.transition .hero-carousel-item--3__fish-2 {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  opacity: 1;
}
.hero-carousel-item--3__fish-3 {
  position: absolute;
  bottom: 5%;
  right: 16%;
  -webkit-transform: scaleX(-1) rotate(-25deg) translateX(-30px) translateY(40px);
      -ms-transform: scaleX(-1) rotate(-25deg) translateX(-30px) translateY(40px);
          transform: scaleX(-1) rotate(-25deg) translateX(-30px) translateY(40px);
  opacity: 0;
  -webkit-transition: all .8s ease-in-out;
          transition: all .8s ease-in-out;
}
.slick-slide.transition .hero-carousel-item--3__fish-3 {
  -webkit-transform: scaleX(-1) rotate(-25deg);
      -ms-transform: scaleX(-1) rotate(-25deg);
          transform: scaleX(-1) rotate(-25deg);
  opacity: 1;
}
.hero-carousel-item--4__cart {
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  -webkit-transition: all .8s ease-out;
          transition: all .8s ease-out;
}
.slick-slide.transition .hero-carousel-item--4__cart {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.hero-carousel-item--5__squid {
  position: absolute;
  bottom: -25px;
  left: -125px;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: scale(0) translateX(20px) translateY(-50px);
      -ms-transform: scale(0) translateX(20px) translateY(-50px);
          transform: scale(0) translateX(20px) translateY(-50px);
  -webkit-transition: all .5s ease-out;
          transition: all .5s ease-out;
}
.slick-slide.transition .hero-carousel-item--5__squid {
  opacity: 1;
  -webkit-transform: scale(1) translateX(0) translateY(0);
      -ms-transform: scale(1) translateX(0) translateY(0);
          transform: scale(1) translateX(0) translateY(0);
}

/* Navigation bar */
.navbar {
  height: 85px;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

.navbar-fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
}

.nav-item {
  line-height: 85px;
  vertical-align: middle;
}

/* Menu toggle and search toggle to be positioned 40px aside */
.nav-item-menu{
  padding-left: 40px;
}
.nav-item-search {
  padding-right: 40px;
}

.splash-running .nav-logo {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.splash-done .nav-logo {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}

.navbar-fixed .nav-logo {
  width: 100%;
  max-width: 200px;
}

.navbar-fixed.is-small {
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 0 1px rgba(0, 0, 0, .7);
}

.navbar-fixed.is-small .nav-logo,
.nav-logo {
  max-width: 75px;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}

/* Navigation menu from hamburger icon */
.menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: #555;
  color: white;
  padding: 15px 0;
  overflow: auto;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}

.menu a {
  color: white;
}

.menu-close {
  position: absolute;
  top: 15px;
  right: 10px;
}

.menu.active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.menu-home {
  padding: 10px;
  font-size: 18px;
}

.menu-list {
  list-style-type: none;
  padding-left: 0;
}

.menu-list li {
  padding: 5px 15px;
  border-bottom: thin solid #505050;
  text-align: right;
}

.menu-list .menu-list-heading {
  background: #444;
  text-align: left;
}

.menu-list-heading h3 {
  margin: 10px 0;
}

/* Hero bottom section buttons and interactions */
.hero-bottom-section {
  padding-top: 20px;
}

.hero-bottom-section-social .btn {
  margin-bottom: 10px;
}

@media all and (max-width: 768px) {
  .hero-bottom-section-social .btn {
    display: block;
    margin: 10px 0;
  }
}

/* Anchor site search as fixed position on viewport down below */
.form-site-search {
  padding: 20px 20px 40px 20px;
  position: fixed;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 100;
  line-height: 1.6;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
  transition: all .4s ease-in-out;
}

/* Site search on the search results page */
.form-site-search--page {
  position: static;
  padding: 20px 0;
  box-shadow: none;
}

.form-site-search.is-shown {
  transform: translateY(-100%);
}

.form-site-search .col-xs-9,
.form-site-search .col-xs-3 {
  padding: 0;
}

/* Hanging menus */
.hanging-menus {
  padding-bottom: 80px;
}

.hanging-menus-item {
  text-align: center;
  padding: 30px 0;
}

/* Nearest Bait 'N' Go button */
/*.btn-location {
  background: #be7d7c;
  color: #e6b7b2;
}*/
.btn-location {
    background: #D05A58;
    color: #FDFDFD;
}

.btn-location:hover {
  background: #a45a59;
  color: #e6b7b2;
}

@media all and (max-width: 480px) {
  .btn-location {
    display: block;
  }
}

/* Section contents */
/*.section-content {
  padding-top: 100px;
}*/

.section-content .toggle-rich-text {
  display: none;
}
.text-only .toggle-rich-text {
  display: block;
}

.text-only .toggle-text-only {
  display: none;
}

.text-only img {
  display: none;
}

.text-only .col-text-only-full {
  width: 100%;
}

.text-only .col-text-only-hide {
  display: none;
}

/* Exception to the logo on navigation bar */
.text-only .nav-logo {
  display: inline;
}

.section-content.text-only .section-content__text-container {
  width: 100%;
}

.section-content.text-only .section-content__image-container {
  display: none;
}

/* Bait range carousel */
.machine-list-small-carousel {
  margin: 40px 0;
}

.machine-list-small-carousel .slick-prev:before,
.machine-list-small-carousel .slick-next:before {
  color: black;
}

.machine-list-small-carousel-item {
  white-space: normal;
  height: 400px;
  padding: 30px;
}

.text-only .machine-list-small-carousel-item {
  height: auto;
}

/* Bait range carousel */
.bait-range-small-carousel {
  margin: 40px 0;
}

.bait-range-small-carousel .slick-prev:before,
.bait-range-small-carousel .slick-next:before {
  color: black;
}

.bait-range-small-carousel-item {
  white-space: normal;
  height: 250px;
  padding: 30px;
}

.text-only .bait-range-small-carousel-item {
  height: auto;
}

/* Tackle range carousel */
.tackle-range-small-carousel {
  margin: 40px 0;
}

.tackle-range-small-carousel-item {
  height: 300px;
  padding: 40px;
}

.text-only .tackle-range-small-carousel-item {
  height: auto;
}

.tackle-range-carousel-partition {
  border-top: thin solid #ccc;
}

.tackle-range-carousel-list li {
  margin: 50px 0 20px;
  padding-bottom: 30px;
  border-bottom: thin solid #eee;
}

.footer {
  margin-top: 50px;
  padding: 50px 0 100px;
  border-top: thin solid #ccc;
}

.footer-btn {
  margin-bottom: 30px;
  white-space: normal;
}

/* Contact form - contact.html */
.form-contact {
  padding-bottom: 100px;
}

.form-contact-other-box {
  margin-top: 30px;
}

/* Info tables */
.info-table-header a {
  color: inherit;
}

.info-table-link {
  margin: 10px;
}

.info-table-image {
  width: 100%;
  max-width: 50px;
}


/* Subscribe form */
.subscribe-form input {
  margin: 20px 0;
}

/* Machines location page */
.machine-entry {
  min-height: 325px;
}

/* Nav machine tabs */
.nav-machines-tabs {
  margin-bottom: 20px;
}

/* Prepaid card */
.prepaid-card-card-amount {
  padding-bottom: 7px;
}

#top-link-block.affix {
    position: fixed;
    right: 35px;
    bottom: 35px;
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    left: 10px; /* padding from the left side of the window */
}

#top-link-block i{    position: relative;
    top: -7px;}
#top-link {
    position: fixed;
    right: 35px;
    bottom: 35px;
    z-index: 99;
}
#bottom-link{
      position: fixed;
    left: 10px;
    bottom: 65px;
    z-index: 99;
}
#bottom-link i{    color: red;
    font-weight: bold;}

.hidden{
  display:none;
}

.googleMap{height:150px;}
.bcircle {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 5px;
}