.cocktail-header {
  display: block;
  width: 100%;
  margin-top: -100px;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header---overlay-top {
  display: block;
  width: 100%;
  height: 200px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent));
  background-image: linear-gradient(180deg, #000, transparent);
}

.header---overlay-bottom {
  display: block;
  width: 100%;
  height: 200px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
  background-image: linear-gradient(0deg, #000, transparent);
}

.header---overlay-bottom-copy {
  height: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#fff));
  background-image: linear-gradient(180deg, #000, #fff);
}

.header-image-2 {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-highball-header.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.nav {
  position: relative;
  top: 150px;
  padding-right: 150px;
  padding-left: 160px;
  opacity: 1;
}

.text-block {
  display: none;
  direction: ltr;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.link-block {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 50px;
  float: right;
  background-color: transparent;
  text-align: left;
  text-decoration: none;
}

.text-span {
  color: #e6c540;
}

.text-block-2 {
  font-family: 'Bebas neue pro', sans-serif;
  font-size: 32px;
}

.text-block-3 {
  margin-top: 8px;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}

.div-block {
  width: 640px;
  margin-left: 160px;
}

.coctail-title {
  position: relative;
  left: 0%;
  top: 600px;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: block;
  width: 640px;
  margin-left: 160px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bold-text {
  color: #fff;
}

.scroll-down {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.scroll-target {
  display: block;
  width: 25px;
  height: 1px;
  background-color: #fff;
}

.dot {
  position: relative;
  top: -9px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 5px;
  height: 5px;
  border-radius: 20px;
  background-color: #fff;
}

.scroll-cta {
  position: relative;
  top: 625px;
  z-index: 1;
  margin-right: 160px;
  float: right;
  clear: none;
}

.details {
  display: block;
  overflow: visible;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 50px;
  float: right;
  clear: none;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.title-art {
  display: block;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  float: none;
  clear: left;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  text-align: center;
}

.image {
  display: block;
  margin-top: 100px;
  margin-right: auto;
  margin-left: auto;
}

.gallery {
  position: static;
  display: block;
  width: 100%;
  margin-top: 150px;
  float: left;
  clear: left;
  background-color: transparent;
  opacity: 1;
}

.detail-title {
  float: left;
  font-family: Avertape, sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.detail-number {
  float: right;
  font-family: Avertape, sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 300;
  text-align: right;
}

.text-span-2 {
  color: #e6c540;
}

.detail-attribute {
  margin-top: 10px;
  float: left;
  clear: left;
  font-family: Avertape, sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
}

.gold-dash {
  color: #e6c540;
}

.data {
  margin-top: 10px;
  float: right;
  font-family: Avertape, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-align: right;
}

.text-span-3 {
  float: right;
  clear: right;
  line-height: 25px;
}

.detail-attribute-1 {
  margin-top: 10px;
  float: left;
  clear: left;
  font-family: Avertape, sans-serif;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  text-align: left;
}

.attribute {
  padding-bottom: 25px;
}

.attribute._02 {
  padding-top: 0px;
}

.attribute._04 {
  padding-top: 15px;
}

.content-right {
  width: 320px;
  margin-right: 160px;
  float: right;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.contetns-left {
  width: 325px;
  margin-left: 160px;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.description {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  margin-top: 100px;
  float: left;
  clear: left;
  background-image: url('../images/description-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-x;
}

.description-colums {
  height: 175px;
  margin-top: 15px;
  padding-top: 5px;
  float: none;
  clear: none;
  direction: ltr;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  text-indent: 0px;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 5%;
  column-gap: 5%;
  -webkit-column-rule-style: none;
  column-rule-style: none;
  -webkit-column-rule-width: 0px;
  column-rule-width: 0px;
}

.description-contents {
  margin-right: 170px;
  margin-left: 170px;
  padding-top: 55px;
  float: none;
  clear: none;
}

.description-title {
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.slide-nav {
  display: none;
}

.slider {
  display: block;
  height: 700px;
  max-height: 990px;
  min-height: 557px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-arrow {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 100px;
  height: 100px;
  margin-bottom: 0px;
  background-color: #000;
  background-image: url('../images/previous.svg');
  background-position: 50% 50%;
  background-size: 125px;
}

.right-arrow {
  position: absolute;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  width: 100px;
  height: 100px;
  margin-bottom: 0px;
  margin-left: 100px;
  background-color: #000;
  background-image: url('../images/next.svg');
  background-position: 50% 50%;
  background-size: 125px;
}

.icon {
  display: none;
}

.icon-2 {
  display: none;
}

.slide {
  background-image: url('../images/Untitled-2.001.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-2 {
  background-image: url('../images/Untitled-2.003.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-3 {
  background-image: url('../images/Untitled-2.002.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-4 {
  background-image: url('../images/Untitled-2.005.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-5 {
  background-image: url('../images/Untitled-2.004.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-6 {
  background-image: url('../images/Untitled-2.001-copy.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-7 {
  background-image: url('../images/71x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-8 {
  background-image: url('../images/81x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
}

.other-cocktails {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  margin-top: 150px;
  float: left;
  clear: left;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.previous-cocktail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-left: 160px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/energy-hi-bow---p.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.div-block-2 {
  width: 414px;
  height: 150px;
  background-image: url('../images/energy-hi-bow---p.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.footer {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 300px;
  margin-top: 150px;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  background-color: #000;
}

.prev-title {
  font-family: 'Bebas neue pro', sans-serif;
  color: #fff;
  font-size: 20px;
  text-align: right;
  text-transform: uppercase;
}

.prev-contetns {
  margin-right: 25px;
}

.prev-additional {
  margin-top: 0px;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-weight: 300;
  text-align: right;
}

.other-arrow-prev {
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-transition: margin-left 500ms cubic-bezier(.23, 1, .32, 1);
  transition: margin-left 500ms cubic-bezier(.23, 1, .32, 1);
}

.other-arrow-prev:hover {
  margin-left: -10px;
}

.next-cocktail---1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-right: 160px;
  margin-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-hi-bow---n.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.next-title {
  width: 190px;
  margin-left: 0px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-family: 'Bebas neue pro', sans-serif;
  color: #fff;
  font-size: 20px;
  text-align: left;
  text-transform: uppercase;
}

.next-additional {
  width: 200px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-weight: 300;
  text-align: left;
}

.next-contetns {
  margin-left: 25px;
}

.logo-full {
  margin-top: 50px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.footer-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 135px;
  padding-bottom: 150px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.facebook {
  width: 22px;
  height: 22px;
}

.instagram {
  width: 22px;
  height: 22px;
}

.body {
  overflow: visible;
  -webkit-transition: padding-left 500ms cubic-bezier(.23, 1, .32, 1);
  transition: padding-left 500ms cubic-bezier(.23, 1, .32, 1);
}

.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  clear: none;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.column-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-block-4 {
  display: none;
  opacity: 1;
}

.top-bar {
  width: 15px;
  height: 2px;
  margin-bottom: 4px;
  float: right;
  border-radius: 20px;
  background-color: #fff;
}

.mid-bar {
  width: 25px;
  height: 2px;
  margin-bottom: 5px;
  float: left;
  border-radius: 20px;
  background-color: #fff;
}

.bot-bar {
  width: 15px;
  height: 2px;
  margin-bottom: 5px;
  float: right;
  border-radius: 20px;
  background-color: #fff;
}

.burger {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.cocktails-head-nav {
  display: none;
  margin-top: 50px;
  padding-right: 160px;
  padding-left: 160px;
}

.back-top {
  width: 15px;
  height: 2px;
  margin-bottom: 5px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 20px;
  background-color: #000;
}

.back {
  display: none;
  width: 25px;
  height: 22px;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 20px;
  background-color: transparent;
}

.logo-b {
  float: left;
}

.slide-nav-2 {
  left: 0%;
  top: -31px;
  right: 0%;
  bottom: 0%;
  height: 10px;
  padding-top: 0px;
  background-color: transparent;
}

.tab-link-tab-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  height: 10px;
  margin-left: 15px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: #000;
}

.tab-link-tab-2.w--current {
  display: block;
  width: 15px;
  height: 15px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-style: solid;
  border-width: 3px;
  border-color: #e6c540;
  background-color: #000;
}

.tab-link-tab-1 {
  width: 10px;
  height: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 20px;
  background-color: #000;
}

.tab-link-tab-1.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 15px;
  height: 15px;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-style: solid;
  border-width: 3px;
  border-color: #e6c540;
  border-radius: 20px;
  background-color: #000;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  text-decoration: none;
}

.tabs {
  top: -100px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
}

.tabs.food {
  display: none;
}

.tabs-content {
  width: 100%;
  height: 550px;
  clear: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.cocktail-01 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-left: auto;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-01:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.cocktail-2 {
  width: 180px;
  height: 320px;
  margin-right: 25px;
  margin-left: 25px;
  float: left;
  background-color: #000;
}

.cocktail-3 {
  width: 180px;
  height: 320px;
  float: left;
  background-color: #000;
}

.cocktail-cards {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-perspective-origin: 50% 100%;
  perspective-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.cocktail-1-img {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
  float: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #000;
  background-image: url('../images/1.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.cocktail-1-shadow {
  position: relative;
  z-index: 1;
  display: none;
  overflow: visible;
  width: 150px;
  height: 160px;
  float: left;
  clear: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #000;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);
}

.cocktail-1-shadow:hover {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.tab-pane-tab-1 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 5%;
  float: none;
  text-align: center;
}

.card---overlay {
  display: block;
  width: 100%;
  height: 125px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background-image: linear-gradient(180deg, transparent, #000);
  opacity: 0;
}

.card---overlay.food {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background-image: linear-gradient(180deg, transparent, #000);
  opacity: 1;
}

.text-block-5 {
  text-align: left;
}

.card-text {
  position: relative;
  top: 100px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 1;
  text-decoration: none;
}

.card-text.food {
  margin-left: 25px;
}

.image-3 {
  position: relative;
  top: 165px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  opacity: 0;
}

.cocktail-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-right: -163px;
  margin-left: auto;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-02:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.cocktail-02-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-right: 25px;
  margin-left: 25px;
  float: left;
  clear: both;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-02-1:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.cocktail-03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-right: auto;
  margin-left: auto;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-03:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.cocktail-03-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-right: auto;
  margin-left: auto;
  float: left;
  clear: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/3.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-03-1:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.card-1 {
  position: static;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.card-3 {
  position: static;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  clear: none;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.card-2 {
  position: static;
  left: 41%;
  top: auto;
  right: 0%;
  bottom: 0%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

.card-4 {
  position: static;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.card-5 {
  position: static;
  left: 41%;
  top: auto;
  right: 0%;
  bottom: 0%;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
}

.card-6 {
  position: static;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  clear: none;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.cocktail-04 {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-left: auto;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/4.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-04:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.cocktail-05 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-right: 25px;
  margin-left: 25px;
  float: left;
  clear: both;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/5.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-05:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.cocktail-06 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-right: auto;
  margin-left: auto;
  float: left;
  clear: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/6.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-06:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.tab-pane-tab-2 {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 5%;
}

.active---dot {
  position: relative;
  display: block;
  width: 7px;
  height: 7px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-radius: 20px;
  background-color: #000;
}

.active---border {
  display: none;
  width: 15px;
  height: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #e6c540;
  border-radius: 20px;
  opacity: 1;
}

.active---border-2 {
  display: none;
  width: 15px;
  height: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #e6c540;
  border-radius: 20px;
  opacity: 0;
}

.back-mid {
  width: 25px;
  height: 2px;
  margin-bottom: 5px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-radius: 20px;
  background-color: #000;
}

.back-bot {
  width: 15px;
  height: 2px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-radius: 20px;
  background-color: #000;
}

.mid-plus {
  position: relative;
  top: 2px;
  width: 25px;
  height: 2px;
  float: left;
  border-radius: 20px;
  background-color: #fff;
}

.image-4 {
  position: relative;
  z-index: 1;
  float: none;
}

.slider-cocktail-page {
  display: block;
  height: 700px;
  max-height: 990px;
  min-height: 557px;
  margin-left: 160px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.loader---bg {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 52;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100vh;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: #000;
  opacity: 1;
}

.logo-loading {
  display: block;
  width: 136px;
  margin-top: 25%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.footer---cocktails {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  margin-top: 0px;
  margin-bottom: 0px;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #000;
}

.slider-2 {
  z-index: 1;
  display: none;
}

.slider-2.food {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.cocktail-01-copy {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-left: auto;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-01-copy:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.cocktail-02-1-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 180px;
  height: 320px;
  margin-right: 25px;
  margin-left: 25px;
  float: left;
  clear: both;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  transition: height 1000ms cubic-bezier(.23, 1, .32, 1), width 1000ms cubic-bezier(.23, 1, .32, 1);
  text-decoration: none;
}

.cocktail-02-1-copy:hover {
  width: 270px;
  height: 480px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.other-arrow-next {
  -webkit-transition: margin-right 500ms cubic-bezier(.23, 1, .32, 1);
  transition: margin-right 500ms cubic-bezier(.23, 1, .32, 1);
}

.other-arrow-next:hover {
  margin-right: -10px;
}

.header-image-1 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/header-image.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.header-image-1._01 {
  background-image: url('../images/01.header-image.jpg'), url('../images/header-image.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: auto, cover;
  background-repeat: no-repeat, repeat-y;
}

.header-image-1._02 {
  background-image: url('../images/02.header-image.jpg'), url('../images/header-image.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, repeat-y;
}

.header-image-1._03 {
  background-image: url('../images/03.header-image.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.header-image-1._04 {
  background-image: url('../images/04.header-image.jpg'), url('../images/header-image.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, repeat-y;
}

.slide-1-1 {
  background-image: url('../images/11x.jpg'), url('../images/01.12x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: repeat, no-repeat;
}

.slide-1-1._01 {
  background-image: url('../images/01.12x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-1-1._02 {
  background-image: url('../images/02.12x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-1-1._03 {
  background-image: url('../images/03.12x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-1-1._04 {
  background-image: url('../images/04.12x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-2-1 {
  background-image: url('../images/21x.jpg'), url('../images/01.22x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.slide-2-1._01 {
  background-image: url('../images/01.22x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-2-1._02 {
  background-image: url('../images/02.22x.jpg'), url('../images/21x.jpg'), url('../images/01.22x.jpg');
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-size: cover, cover, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

.slide-2-1._03 {
  background-image: url('../images/03.22x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-2-1._04 {
  background-image: url('../images/04.22x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-3-1 {
  background-image: url('../images/31x.jpg'), url('../images/01.32x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.slide-3-1._01 {
  background-image: url('../images/01.32x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-3-1._02 {
  background-image: url('../images/02.32x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-3-1._03 {
  background-image: url('../images/03.32x.jpg'), url('../images/31x.jpg'), url('../images/01.32x.jpg');
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-size: cover, cover, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

.slide-3-1._04 {
  background-image: url('../images/04.32x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-4-1 {
  background-image: url('../images/41x.jpg'), url('../images/01.42x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.slide-4-1._01 {
  background-image: url('../images/01.42x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-4-1._02 {
  background-image: url('../images/02.42x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-4-1._03 {
  background-image: url('../images/03.42x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-4-1._04 {
  background-image: url('../images/04.42x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-5-1 {
  background-image: url('../images/51x.jpg'), url('../images/01.52x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.slide-5-1._01 {
  background-image: url('../images/01.52x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-5-1._02 {
  background-image: url('../images/02.52x.jpg');
  background-position: 50% 50%;
  background-size: 1760px;
  background-repeat: no-repeat;
}

.slide-5-1._03 {
  background-image: url('../images/03.52x.jpg'), url('../images/51x.jpg'), url('../images/01.52x.jpg');
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-size: cover, cover, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

.slide-5-1._04 {
  background-image: url('../images/04.52x.jpg'), url('../images/51x.jpg'), url('../images/01.52x.jpg');
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-size: cover, cover, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

.slide-6-1 {
  background-image: url('../images/61x.jpg'), url('../images/01.62x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.slide-6-1._01 {
  background-image: url('../images/01.62x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-6-1._02 {
  background-image: url('../images/02.62x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-6-1._03 {
  background-image: url('../images/03.62x.jpg'), url('../images/61x.jpg'), url('../images/01.62x.jpg');
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-size: cover, cover, cover;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

.slide-6-1._04 {
  background-image: url('../images/04.62x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-7-1 {
  background-image: url('../images/71x.jpg'), url('../images/01.72x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.slide-7-1._01 {
  background-image: url('../images/01.72x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-7-1._02 {
  background-image: url('../images/02.72x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
}

.slide-7-1._03 {
  background-image: url('../images/03.72x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-7-1._04 {
  background-image: url('../images/04.72x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-8-1 {
  background-image: url('../images/81x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
}

.slide-8-1._01 {
  background-image: url('../images/01.82x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-8-1._02 {
  background-image: url('../images/02.82x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
}

.slide-8-1._03 {
  background-image: url('../images/03.82x.jpg'), url('../images/81x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, repeat;
}

.slide-8-1._04 {
  background-image: url('../images/04.82x.jpg'), url('../images/81x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, repeat;
}

.previous-cocktail---1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-left: 160px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/energy-hi-bow---p.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.previous-cocktail---2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-left: 160px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-spritz---p.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.next-cocktail---2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-right: 160px;
  margin-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/old-fashion---n.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.header-image-3 {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/old-fashion-header.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-1-3 {
  background-image: url('../images/Untitled-2.001_1.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-2-3 {
  background-image: url('../images/Untitled-2.002_1.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-3-3 {
  background-image: url('../images/Untitled-2.003_1.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-4-3 {
  background-image: url('../images/Untitled-2.004_1.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-5-3 {
  background-image: url('../images/Untitled-2.005_1.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-6-3 {
  background-image: url('../images/Untitled-2.006.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-7-3 {
  background-image: url('../images/Untitled-2.007.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-8-3 {
  background-image: url('../images/Untitled-2.008.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
}

.slide-9-3 {
  background-image: url('../images/Untitled-2.009.jpeg');
  background-position: 50% 50%;
}

.previous-cocktail-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-left: 160px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-hi-bow-p.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.next-cocktail---3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-right: 160px;
  margin-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-sour---n.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.header-image-4 {
  position: static;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-sour.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-1-4 {
  background-image: url('../images/Untitled-2.001_2.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-2-4 {
  background-image: url('../images/Untitled-2.002_2.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-3-4 {
  background-image: url('../images/Untitled-2.003_2.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-4-4 {
  background-image: url('../images/Untitled-2.004_2.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-5-4 {
  background-image: url('../images/Untitled-2.005_2.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-6-4 {
  background-image: url('../images/Untitled-2.006_1.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-7-4 {
  background-image: url('../images/Untitled-2.007_1.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.previous-cocktail---4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-left: 160px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/old-fashion---p.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.next-cocktail---4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-right: 160px;
  margin-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/bloody-maria---n.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.header-image-5 {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/bloody-maria.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.description-5 {
  position: relative;
  height: 350px;
  margin-top: 100px;
  float: left;
  clear: left;
  background-image: url('../images/description-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-x;
}

.description-colums-5 {
  height: 175px;
  margin-top: 15px;
  float: none;
  clear: left;
  direction: ltr;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  text-indent: 0px;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 5%;
  column-gap: 5%;
  -webkit-column-rule-style: none;
  column-rule-style: none;
  -webkit-column-rule-width: 0px;
  column-rule-width: 0px;
}

.slide-1-5 {
  background-image: url('../images/Untitled-2.001_3.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-2-5 {
  background-image: url('../images/Untitled-2.002_3.jpeg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-3-5 {
  background-image: url('../images/Untitled-2.003_3.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-4-5 {
  background-image: url('../images/Untitled-2.004_3.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-5-5 {
  background-image: url('../images/Untitled-2.005_3.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-6-5 {
  background-image: url('../images/Untitled-2.006_2.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-7-5 {
  background-image: url('../images/Untitled-2.007_2.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-8-5 {
  background-image: url('../images/Untitled-2.008_1.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat;
}

.previous-cocktail---5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-left: 160px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-sour---p.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.next-cocktail---5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-right: 160px;
  margin-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/energy-hi-bow---n.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.header-image-6 {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/energy-highball.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-16 {
  background-image: url('../images/Untitled-2.001.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-1-6 {
  background-image: url('../images/Untitled-2.001_4.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-2-6 {
  background-image: url('../images/Untitled-2.002_4.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-3-6 {
  background-image: url('../images/Untitled-2.003_4.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-4-6 {
  background-image: url('../images/Untitled-2.004_4.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-5-6 {
  background-image: url('../images/Untitled-2.005_4.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.slide-6-6 {
  background-image: url('../images/Untitled-2.006_3.jpeg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.previous-cocktail---6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-left: 160px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/bloody-maria---p.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.next-cocktail---6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-right: 160px;
  margin-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-spritz---n.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.link-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  margin-left: 160px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-decoration: none;
}

.n-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.link-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.link-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.n-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.p-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.n-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.p-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.n-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.p-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.link-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.n-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.p-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.n-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.card-text-copy {
  position: relative;
  top: 100px;
  margin-left: 25px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  opacity: 0;
  text-decoration: none;
}

.card-text-copy-1 {
  position: relative;
  top: 100px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  opacity: 1;
  text-decoration: none;
}

.body-2 {
  overflow: visible;
  min-height: 100vh;
}

.footer-social-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 135px;
  margin-bottom: 50px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.header-image-10 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-sour-header.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.header-image-11 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/bloody-maria-header.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.details-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.description-colums-55 {
  height: 200px;
  margin-top: 15px;
  padding-top: 5px;
  float: none;
  clear: none;
  direction: ltr;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  text-indent: 0px;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 5%;
  column-gap: 5%;
  -webkit-column-rule-style: none;
  column-rule-style: none;
  -webkit-column-rule-width: 0px;
  column-rule-width: 0px;
}

.description-55 {
  position: relative;
  display: block;
  height: 300px;
  margin-top: 100px;
  float: left;
  clear: left;
  background-image: url('../images/description-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-x;
}

.header-image-12 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 650px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/energy-highball-header.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-y;
}

.coctail-title-3 {
  position: relative;
  left: 0%;
  top: 600px;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: block;
  width: 640px;
  margin-left: 160px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.scroll-down-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.coctail-title-2 {
  position: relative;
  left: 0%;
  top: 600px;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  display: block;
  width: 640px;
  margin-left: 160px;
  clear: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.scroll-down-2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.scroll-cta-2 {
  position: relative;
  top: 625px;
  z-index: 1;
  margin-right: 160px;
  float: right;
  clear: none;
}

.scroll-cta-3 {
  position: relative;
  top: 625px;
  z-index: 1;
  margin-right: 160px;
  float: right;
  clear: none;
}

.description-contents-6 {
  margin-right: 170px;
  margin-left: 170px;
  padding-top: 55px;
  float: none;
  clear: none;
}

.description-title-6 {
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.description-colums-6 {
  height: 175px;
  margin-top: 15px;
  padding-top: 5px;
  float: none;
  clear: none;
  direction: ltr;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0px;
  text-indent: 0px;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 5%;
  column-gap: 5%;
  -webkit-column-rule-style: none;
  column-rule-style: none;
  -webkit-column-rule-width: 0px;
  column-rule-width: 0px;
}

.text-block-6 {
  display: none;
  opacity: 1;
}

.description-6 {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  margin-top: 100px;
  float: left;
  clear: left;
  background-image: url('../images/description-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: repeat-x;
}

.description-6._01 {
  background-color: #000;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.description-6._02 {
  background-color: #000;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.description-6._03 {
  background-color: #000;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.description-6._04 {
  background-color: #000;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.cookies {
  position: relative;
  bottom: -226px;
  z-index: 15;
  display: none;
  overflow: visible;
  width: 100%;
  height: 100px;
  clear: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background-color: rgba(0, 0, 0, 0.9);
}

.text-block-7 {
  position: static;
  display: block;
  overflow: visible;
  width: 450px;
  padding-right: 50px;
  padding-left: 50px;
  float: none;
  clear: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-weight: 300;
}

.cookie-learn-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  text-decoration: none;
}

.text-block-8 {
  margin-right: auto;
  margin-left: auto;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.link-block-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 50px;
  margin-left: 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
  text-decoration: none;
}

.text-block-9 {
  margin-left: 25px;
  font-family: Avertape, sans-serif;
  color: #000;
  font-weight: 700;
  text-decoration: none;
}

.cookies---buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  clear: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.arrow-right {
  position: relative;
  top: -16px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  opacity: 1;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.cookies-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 50px;
  clear: none;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.column-3 {
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.columns-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.column-4 {
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.cookies---new {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 16;
  display: none;
  width: 100%;
  height: 100px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
}

.text-block-10 {
  font-family: Avertape, sans-serif;
  color: #fff;
  font-weight: 300;
}

.cookies---left {
  width: 600px;
  padding-top: 30px;
  padding-right: 50px;
  padding-left: 50px;
  float: left;
  clear: none;
  text-align: left;
}

.cookies---right {
  position: static;
  display: block;
  padding-top: 25px;
  padding-right: 50px;
  float: right;
  clear: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cookies-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cookies-inner-page {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 51;
  display: block;
  width: 100%;
  height: 100px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
}

.cookie-accept {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 50px;
  margin-left: 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
  text-decoration: none;
}

.nav---cookies-page {
  position: relative;
  top: 25px;
  padding-right: 150px;
  padding-left: 160px;
  opacity: 1;
}

.image-4-cookies-page {
  position: relative;
  z-index: 1;
  float: none;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.burger-cookies-page {
  width: 25px;
  height: 16px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.body-3 {
  padding-top: 0px;
}

.header---cookies {
  height: 100px;
}

.terms-cookies-content {
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  padding-right: 160px;
  padding-left: 160px;
}

.text-block-11 {
  font-family: 'Bebas neue pro', sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.text-block-12 {
  margin-top: 25px;
  font-family: Avertape, sans-serif;
  font-weight: 300;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  column-gap: 50px;
  -webkit-column-rule-style: none;
  column-rule-style: none;
  -webkit-column-rule-width: 0px;
  column-rule-width: 0px;
}

.link {
  color: #333;
  text-decoration: none;
}

.footer-cookies-page {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 300px;
  margin-top: 100px;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.cookie-expiration {
  display: none;
  color: #fff;
}

.fake-drag-wrap {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
  height: 200vh;
}

.fake-drag-trigger {
  position: fixed;
  left: 0%;
  top: 100vh;
  right: 0%;
  bottom: auto;
  z-index: 2;
  height: 1vh;
  background-color: #e6c540;
}

.page-contents {
  display: none;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.95);
}

.page-contents.p-c-active {
  min-height: 600px;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.dragdealer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 290px;
  height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.handle-3 {
  overflow: hidden;
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 500px;
  background-color: #fff;
  -webkit-transition: all 500ms cubic-bezier(.25, .46, .45, .94);
  transition: all 500ms cubic-bezier(.25, .46, .45, .94);
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.handle-3:active {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.handle-3.handle-active {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.slider-target {
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #fff;
  border-radius: 500px;
  background-color: rgba(0, 0, 0, 0.95);
}

.slider-path {
  width: 190px;
  height: 1px;
  margin-right: 50px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px dashed #fff;
}

.slider-states-wrap {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 290px;
  height: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.slider-path-wrap {
  position: absolute;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 290px;
  height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.image-5 {
  position: relative;
  left: -25px;
  top: -25px;
  width: 200%;
  height: 200%;
  max-width: 200%;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.s4-drop-area {
  position: absolute;
  right: 0px;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 1px solid #fff;
  border-radius: 100%;
  opacity: 1;
}

.s4-drop-area.s4-da-active {
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.s4-wrap {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  min-height: 600px;
  padding-top: 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  -webkit-perspective: 2000px;
  perspective: 2000px;
}

.s4-wrap.s4-wrap-active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.s4-dnd-cube-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 1px);
  transform: translate3d(0px, 0px, 1px);
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-dnd-cube-overlay.s4-dco-active {
  opacity: 1;
}

.s4-dnd-trigger-line {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 290px;
  height: 1px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: 0.5px none #fff;
  background-color: transparent;
}

.handle {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s4-light-source-rotater {
  position: relative;
  z-index: 1;
  width: 110vh;
  height: 110vh;
  max-height: 100vw;
  max-width: 100vw;
  margin-right: auto;
  margin-left: auto;
}

.s4-dnd-cube-top {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #020018;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0px, 0px, 50px);
  transform: translate3d(0px, 0px, 50px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-dnd-cube-back {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #020018;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(0px, -50px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  transform: translate(0px, -50px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-light-source-spacer {
  height: 45vh;
}

.s4-dnd-handler {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 500px;
  background-color: #fff;
  box-shadow: 25px 0 15px -7px rgba(0, 0, 0, 0.25);
  -webkit-transition: all 250ms cubic-bezier(.23, 1, .32, 1);
  transition: all 250ms cubic-bezier(.23, 1, .32, 1);
  cursor: -webkit-grab;
  cursor: grab;
}

.s4-dnd-handler:active {
  background-color: #e6c540;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.s4-dnd-handler.s4-dh-active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.s4-dnd-cube-front {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #020018;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(0px, 50px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
  transform: translate(0px, 50px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-dnd-cube-right {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #020018;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(50px, 0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
  transform: translate(50px, 0px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-dnd-wrap {
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 290px;
  height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.s4-light-source-wrap-in {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.s4-dnd-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.s4-dnd-cube-bottom {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  background-color: #020018;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0px, 0px, -50px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
  transform: translate3d(0px, 0px, -50px) rotateX(-180deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-dnd-cube-left {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #020018;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(-50px, 0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
  transform: translate(-50px, 0px) rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-dnd-text {
  position: relative;
  z-index: 1;
  -webkit-transform: translate3d(0px, 0px, 2px);
  transform: translate3d(0px, 0px, 2px);
  -webkit-transition: text-shadow 500ms ease, color 500ms ease;
  transition: text-shadow 500ms ease, color 500ms ease;
  color: hsla(0, 0%, 100%, 0.2);
  font-size: 55px;
  line-height: 1em;
  text-transform: uppercase;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-dnd-text.s4-text-active {
  color: #ff0062;
  text-shadow: 1px 1px 10px #ff0062;
}

.s4-dnd-cube-mover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.s4-dnd-cube-overlay-color {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: #5f7ea8;
}

.s4-dnd-cube-base {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 25px;
  -webkit-transform: scale(1) translate3d(0px, 0px, 75px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  transform: scale(1) translate3d(0px, 0px, 75px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-dnd-cube-base.s4-dcb-active {
  -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0px, 0px, 75px) rotateX(90deg) rotateY(0deg) rotateZ(20deg);
  transform: scale3d(0.8, 0.8, 0.8) translate3d(0px, 0px, 75px) rotateX(90deg) rotateY(0deg) rotateZ(20deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.s4-light-source {
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 0 60px #fff, 1px 0 90px 45px #0df, 1px 1px 450px 69px #fff;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
}

.s4-light-source.s4-ls-active {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.s4-light-source-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.s4-space {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 49;
  display: block;
  overflow: hidden;
  height: 200vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.s4-fake-dnd-trigger {
  position: fixed;
  left: 0%;
  top: 85vh;
  right: 0%;
  bottom: auto;
  z-index: 50;
  height: 1vh;
  background-color: #e6c540;
}

.s4-custom-code {
  height: 0px;
}

.s4-display-none {
  display: none;
}

.bg-video {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #000;
}

.lottie-animation {
  position: static;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 125%;
  margin-top: -25px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.drag-wrapper {
  width: 290px;
  height: 50px;
}

.drag-titile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  margin-bottom: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-block-13 {
  font-family: 'Bebas neue pro', sans-serif;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
}

.image-6 {
  position: absolute;
  z-index: 2;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-block-14 {
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
}

.llottie-overlay-b {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.image-7 {
  margin-top: 75px;
}

.age-gate-overlay {
  position: relative;
  z-index: 50;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
}

.nav-background {
  position: fixed;
  left: 0%;
  right: 0%;
  bottom: -100vh;
  z-index: 55;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.nav-cocktails-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 50px;
  margin-top: 150px;
  margin-bottom: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: 'Bebas neue pro', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 25px;
  text-decoration: none;
}

.nav-88-link {
  width: 290px;
  height: 75px;
}

.yellow-dash-v {
  width: 1px;
  height: 22px;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #e6c540;
}

.text-block-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.text-block-15.food {
  margin-left: -36px;
}

.image-8 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-food-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 50px;
  margin-bottom: 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: 'Bebas neue pro', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 25px;
  text-decoration: none;
}

.slide-9._01 {
  background-image: url('../images/01.92x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-9._02 {
  background-image: url('../images/02.92x.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide-9._03 {
  background-image: url('../images/03.92x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-9._04 {
  background-image: url('../images/04.92x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-10._01 {
  background-image: url('../images/01.102x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-10._02 {
  background-image: url('../images/02.102x.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide-10._03 {
  background-image: url('../images/03.102x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.footer-cocktails-nav {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  margin-top: 0px;
  margin-bottom: 0px;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.slide-11._02 {
  background-image: url('../images/02.112x.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide-11._03 {
  background-image: url('../images/03.112x.jpg');
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide-12._02 {
  background-image: url('../images/02.122x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slider-food {
  height: 650px;
  background-color: transparent;
}

.food-01-card-link {
  position: static;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.food-card-content {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 270px;
  height: 480px;
  margin-left: auto;
  float: left;
  clear: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-self: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background-color: #000;
  background-image: url('../images/01.thumb-v2x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 20px 15px -15px rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

.food-card-content:hover {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.food-card-content._02 {
  background-image: url('../images/04.thumb-v2x.jpg'), url('../images/01.thumb-v2x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.food-card-content._03 {
  background-image: url('../images/03.thumb-v2x.jpg'), url('../images/01.thumb-v2x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.food-card-content._04 {
  background-image: url('../images/02.thumb-v2x.jpg'), url('../images/01.thumb-v2x.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.food-thumb-arrow {
  position: relative;
  top: 165px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 1;
}

.food-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.left-arrow-3 {
  margin-left: 135px;
}

.right-arrow-3 {
  margin-right: 135px;
}

.icon-3 {
  background-color: transparent;
  -webkit-filter: invert(100%);
  filter: invert(100%);
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}

.icon-4 {
  -webkit-filter: invert(100%);
  filter: invert(100%);
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}

.slide-nav-4 {
  display: none;
}

.food-02-card-link {
  position: static;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.food-03-card-link {
  position: static;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.food-04-card-link {
  position: static;
  left: 0%;
  top: auto;
  right: auto;
  bottom: 0%;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.other-food {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  margin-top: 150px;
  float: left;
  clear: left;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.prev-food {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-left: 160px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/02.thumb-h2x_1.jpg'), url('../images/energy-hi-bow---p.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, 414px;
  background-repeat: no-repeat, repeat;
}

.prev-food._02 {
  background-image: url('../images/01.thumb-h2x.jpg'), url('../images/02.thumb-h2x_1.jpg'), url('../images/energy-hi-bow---p.jpg');
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-size: 414px, cover, 414px;
  background-repeat: no-repeat, no-repeat, repeat;
}

.prev-food._03 {
  background-image: url('../images/04.thumb-h2x.jpg'), url('../images/02.thumb-h2x_1.jpg'), url('../images/energy-hi-bow---p.jpg');
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-size: cover, cover, 414px;
  background-repeat: no-repeat, no-repeat, repeat;
}

.prev-food._04 {
  background-image: url('../images/03.thumb-h2x.jpg'), url('../images/02.thumb-h2x_1.jpg'), url('../images/energy-hi-bow---p.jpg');
  background-position: 50% 50%, 50% 50%, 50% 50%;
  background-size: cover, cover, 414px;
  background-repeat: no-repeat, no-repeat, repeat;
}

.next-food {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 414px;
  height: 150px;
  margin-right: 160px;
  margin-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/straldja-hi-bow---n.jpg');
  background-position: 50% 50%;
  background-size: 414px;
}

.next-food._02 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15))), url('../images/03.thumb-h2x.jpg'), url('../images/straldja-hi-bow---n.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url('../images/03.thumb-h2x.jpg'), url('../images/straldja-hi-bow---n.jpg');
  background-position: 0px 0px, 50% 50%, 50% 50%;
  background-size: auto, cover, 414px;
  background-repeat: repeat, no-repeat, repeat;
}

.next-food._01 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))), url('../images/04.thumb-h2x.jpg'), url('../images/straldja-hi-bow---n.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../images/04.thumb-h2x.jpg'), url('../images/straldja-hi-bow---n.jpg');
  background-position: 0px 0px, 50% 50%, 50% 50%;
  background-size: auto, cover, 414px;
  background-repeat: repeat, no-repeat, repeat;
}

.next-food._03 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25))), url('../images/02.thumb-h2x.jpg'), url('../images/straldja-hi-bow---n.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url('../images/02.thumb-h2x.jpg'), url('../images/straldja-hi-bow---n.jpg');
  background-position: 0px 0px, 50% 50%, 50% 50%;
  background-size: auto, cover, 414px;
  background-repeat: repeat, no-repeat, repeat;
}

.next-food._04 {
  background-image: url('../images/01.thumb-h2x.jpg'), url('../images/straldja-hi-bow---n.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, 414px;
  background-repeat: no-repeat, repeat;
}

.food-p-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  text-decoration: none;
}

.food-n-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.nav-close {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 50px;
  height: 50px;
  margin-top: 50px;
  margin-right: 165px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-close-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25px;
  height: 25px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.nav-close-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.x-dash-1 {
  position: absolute;
  width: 25px;
  height: 2px;
  border-radius: 500px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.x-dash-2 {
  position: absolute;
  width: 25px;
  height: 2px;
  border-radius: 500px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.description-food {
  margin-top: 100px;
  padding: 75px 165px;
  background-color: #000;
}

.description-food-content {
  float: none;
  clear: none;
}

.description-food-title {
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.description-food-title._01 {
  width: 50%;
}

.description-food-colums {
  margin-top: 20px;
  float: none;
  clear: none;
  direction: ltr;
  font-family: Avertape, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: 0px;
  text-indent: 0px;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 5%;
  column-gap: 5%;
  -webkit-column-rule-style: none;
  column-rule-style: none;
  -webkit-column-rule-width: 0px;
  column-rule-width: 0px;
}

.bullet-style {
  color: #e6c540;
}

.bold-text-2 {
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .nav {
    padding-right: 50px;
    padding-left: 50px;
  }
  .coctail-title {
    width: 480px;
    margin-left: 50px;
  }
  .scroll-down {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .scroll-target {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #fff;
  }
  .scroll-cta {
    z-index: 5;
    margin-right: 50px;
  }
  .content-right {
    margin-right: 40px;
  }
  .contetns-left {
    margin-left: 40px;
  }
  .description-contents {
    margin-right: 50px;
    margin-left: 50px;
  }
  .slider {
    height: 557px;
    margin-left: 0px;
  }
  .previous-cocktail {
    margin-left: 0px;
  }
  .next-cocktail---1 {
    margin-right: 0px;
  }
  .text-block-4 {
    display: none;
  }
  .cocktails-head-nav {
    padding-left: 50px;
  }
  .tabs {
    margin-top: 50px;
  }
  .slider-cocktail-page {
    height: 557px;
    margin-left: 0px;
  }
  .loader---bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .slider-2 {
    display: none;
  }
  .previous-cocktail---1 {
    margin-left: 0px;
  }
  .previous-cocktail---2 {
    margin-left: 0px;
  }
  .next-cocktail---2 {
    margin-right: 0px;
  }
  .previous-cocktail-3 {
    margin-left: 0px;
  }
  .next-cocktail---3 {
    margin-right: 0px;
  }
  .previous-cocktail---4 {
    margin-left: 0px;
  }
  .next-cocktail---4 {
    margin-right: 0px;
  }
  .previous-cocktail---5 {
    margin-left: 0px;
  }
  .next-cocktail---5 {
    margin-right: 0px;
  }
  .previous-cocktail---6 {
    margin-left: 0px;
  }
  .next-cocktail---6 {
    margin-right: 0px;
  }
  .coctail-title-3 {
    width: 480px;
    margin-left: 50px;
  }
  .scroll-down-3 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .coctail-title-2 {
    width: 480px;
    margin-left: 50px;
  }
  .scroll-down-2 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .scroll-cta-2 {
    z-index: 5;
    margin-right: 50px;
  }
  .scroll-cta-3 {
    z-index: 5;
    margin-right: 50px;
  }
  .description-contents-6 {
    margin-right: 50px;
    margin-left: 50px;
  }
  .text-block-6 {
    display: none;
  }
  .text-block-7 {
    padding-right: 0px;
  }
  .cookies-text {
    padding-right: 0px;
  }
  .column-3 {
    padding-right: 0px;
  }
  .columns-2 {
    padding-top: 20px;
  }
  .cookies---left {
    display: block;
    width: 390px;
    padding-right: 0px;
    float: left;
    clear: left;
  }
  .cookies---right {
    clear: right;
  }
  .nav---cookies-page {
    padding-right: 50px;
    padding-left: 50px;
  }
  .terms-cookies-content {
    padding-right: 50px;
    padding-left: 50px;
  }
  .text-block-12 {
    -webkit-column-count: auto;
    column-count: auto;
  }
  .s4-wrap {
    background-color: #000;
  }
  .bg-video {
    height: 100vh;
  }
  .lottie-animation {
    width: 200%;
    height: 200%;
    margin-top: -50px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .nav-cocktails-link {
    margin-top: 100px;
  }
  .left-arrow-3 {
    margin-left: 25px;
  }
  .right-arrow-3 {
    margin-right: 25px;
  }
  .prev-food {
    margin-left: 0px;
  }
  .next-food {
    margin-right: 0px;
  }
  .nav-close {
    margin-right: 50px;
  }
  .description-food {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media (max-width: 767px) {
  .coctail-title {
    top: 604px;
    width: 400px;
  }
  .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .content-right {
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: left;
  }
  .contetns-left {
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: left;
  }
  .description {
    height: 350px;
    background-repeat: repeat-x;
  }
  .description-colums {
    display: block;
    height: 200px;
    -webkit-column-count: auto;
    column-count: auto;
  }
  .slider {
    margin-left: 0px;
  }
  .left-arrow {
    width: 50px;
    height: 50px;
  }
  .right-arrow {
    width: 50px;
    height: 50px;
    margin-left: 50px;
  }
  .other-cocktails {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .previous-cocktail {
    display: none;
  }
  .next-cocktail---1 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .column {
    clear: left;
  }
  .column-2 {
    clear: left;
  }
  .text-block-4 {
    display: block;
    height: 200px;
    margin-top: 15px;
    font-family: Avertape, sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
  }
  .tabs {
    top: -100px;
    display: none;
  }
  .tabs-content {
    height: 525px;
  }
  .card---overlay {
    opacity: 1;
  }
  .card-text {
    margin-left: 25px;
    opacity: 1;
  }
  .image-3 {
    opacity: 1;
  }
  .cocktail-02-1 {
    width: 270px;
    height: 480px;
  }
  .cocktail-03-1 {
    width: 270px;
    height: 480px;
  }
  .cocktail-04 {
    width: 270px;
    height: 480px;
  }
  .cocktail-05 {
    width: 270px;
    height: 480px;
  }
  .cocktail-06 {
    width: 270px;
    height: 480px;
  }
  .slider-cocktail-page {
    margin-left: 0px;
  }
  .loader---bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .footer---cocktails {
    margin-top: 75px;
  }
  .left-arrow-2 {
    display: none;
  }
  .right-arrow-2 {
    display: none;
  }
  .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .slider-2 {
    display: block;
    height: 500px;
    margin-top: 100px;
    background-color: transparent;
  }
  .cocktail-01-copy {
    width: 270px;
    height: 480px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: none;
    transition-property: none;
  }
  .slide-nav-3 {
    top: 550px;
    margin-bottom: auto;
  }
  .slide-9 {
    margin-left: -165px;
  }
  .cocktail-02-1-copy {
    width: 270px;
    height: 480px;
  }
  .slide-10 {
    float: none;
  }
  .lightbox-link {
    width: 100%;
    height: 550px;
  }
  ._6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  ._5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .previous-cocktail---1 {
    display: none;
  }
  .previous-cocktail---2 {
    display: none;
  }
  .next-cocktail---2 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .previous-cocktail-3 {
    display: none;
  }
  .next-cocktail---3 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .previous-cocktail---4 {
    display: none;
  }
  .next-cocktail---4 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .description-5 {
    height: 350px;
    background-repeat: repeat-x;
  }
  .description-colums-5 {
    display: none;
    height: 200px;
  }
  .previous-cocktail---5 {
    display: none;
  }
  .next-cocktail---5 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .previous-cocktail---6 {
    display: none;
  }
  .next-cocktail---6 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .card-text-copy {
    margin-left: 25px;
    opacity: 1;
  }
  .card-text-copy-1 {
    margin-left: 25px;
    opacity: 1;
  }
  .description-colums-55 {
    display: block;
    height: 200px;
    -webkit-column-count: auto;
    column-count: auto;
  }
  .description-55 {
    height: 350px;
    background-repeat: repeat-x;
  }
  .coctail-title-3 {
    top: 604px;
    width: 400px;
  }
  .coctail-title-2 {
    top: 604px;
    width: 400px;
  }
  .description-colums-6 {
    display: block;
    height: 200px;
    -webkit-column-count: auto;
    column-count: auto;
  }
  .text-block-6 {
    display: block;
    height: 200px;
    margin-top: 15px;
    font-family: Avertape, sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
  }
  .description-6 {
    width: 100%;
    height: 350px;
    background-repeat: repeat-x;
  }
  .cookies {
    height: 175px;
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .text-block-7 {
    clear: left;
  }
  .cookies---buttons {
    margin-left: -25px;
  }
  .arrow-right {
    opacity: 1;
  }
  .column-3 {
    clear: left;
  }
  .column-4 {
    clear: left;
  }
  .cookies---new {
    height: 175px;
  }
  .cookies---left {
    position: static;
    width: 100%;
    padding-right: 50px;
    padding-left: 50px;
    float: none;
    clear: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: left;
  }
  .cookies---right {
    margin-top: 0px;
    padding-left: 50px;
    float: left;
    clear: both;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .cookies-inner-page {
    height: 175px;
  }
  .lottie-animation {
    width: 250%;
    margin-top: -100px;
  }
  .nav-cocktails-link {
    margin-top: 50px;
  }
  .footer-cocktails-nav {
    margin-top: 75px;
  }
  .food-card-content {
    width: 270px;
    height: 480px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: none;
    transition-property: none;
  }
  .food-thumb-arrow {
    opacity: 1;
  }
  .other-food {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .prev-food {
    display: none;
  }
  .next-food {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .description-food-colums {
    display: block;
    -webkit-column-count: auto;
    column-count: auto;
  }
}

@media (max-width: 479px) {
  .header---overlay-top {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header-image-2 {
    height: 550px;
    background-position: 50% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
  }
  .nav {
    padding-right: 25px;
    padding-left: 25px;
  }
  .text-block-2 {
    width: 225px;
    font-size: 20px;
  }
  .text-block-3 {
    width: 225px;
    margin-top: 0px;
    font-size: 14px;
  }
  .coctail-title {
    top: 531px;
    width: 275px;
    margin-left: 25px;
  }
  .scroll-cta {
    top: 542px;
    margin-right: 25px;
  }
  .image {
    margin-top: 75px;
  }
  .description {
    height: 400px;
  }
  .description-contents {
    margin-right: 25px;
    margin-left: 25px;
    padding-top: 50px;
  }
  .slider {
    height: 450px;
    min-height: 450px;
  }
  .next-cocktail---1 {
    overflow: hidden;
  }
  .logo-full.nav {
    top: 0px;
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .footer-social.nav {
    top: 0px;
    margin-top: 50px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .column {
    padding-left: 0px;
  }
  .text-block-4 {
    overflow: visible;
    height: 200px;
    opacity: 1;
  }
  .slider-cocktail-page {
    height: 450px;
    min-height: 450px;
  }
  .loader---bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .footer---cocktails {
    margin-top: 50px;
  }
  .footer---cocktails.nav {
    height: 250px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .slider-2 {
    margin-top: 35px;
  }
  .slide-9 {
    margin-left: -25px;
  }
  .header-image-1 {
    height: 550px;
  }
  .next-cocktail---2 {
    overflow: hidden;
  }
  .header-image-3 {
    height: 550px;
    background-position: 50% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
  }
  .next-cocktail---3 {
    overflow: hidden;
  }
  .header-image-4 {
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: scroll;
  }
  .next-cocktail---4 {
    overflow: hidden;
  }
  .header-image-5 {
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: scroll;
  }
  .description-5 {
    height: 400px;
  }
  .next-cocktail---5 {
    overflow: hidden;
  }
  .header-image-6 {
    height: 650px;
    background-position: 50% 50%;
    background-repeat: repeat;
    background-attachment: scroll;
  }
  .next-cocktail---6 {
    overflow: hidden;
  }
  .n-4 {
    text-decoration: none;
  }
  .header-image-10 {
    height: 550px;
  }
  .header-image-11 {
    height: 550px;
  }
  .description-55 {
    display: block;
    height: 500px;
  }
  .header-image-12 {
    height: 550px;
  }
  .coctail-title-3 {
    top: 534px;
    width: 275px;
    margin-left: 25px;
  }
  .coctail-title-2 {
    top: 534px;
    width: 275px;
    margin-left: 25px;
  }
  .scroll-cta-2 {
    top: 544px;
    margin-right: 25px;
  }
  .scroll-cta-3 {
    top: 543px;
    margin-right: 25px;
  }
  .description-contents-6 {
    margin-right: 25px;
    margin-left: 25px;
    padding-top: 50px;
  }
  .description-colums-6 {
    display: block;
    -webkit-column-count: auto;
    column-count: auto;
  }
  .text-block-6 {
    overflow: visible;
    height: 200px;
    opacity: 1;
  }
  .description-6 {
    height: 400px;
  }
  .text-block-7 {
    width: 100%;
    margin-left: 0px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .cookie-learn-more {
    width: 125px;
  }
  .link-block-7 {
    width: 125px;
    margin-right: 0px;
  }
  .cookies---buttons {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 25px;
    padding-left: 25px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .arrow-right {
    top: -18px;
  }
  .cookies---left {
    padding-left: 25px;
  }
  .cookies---right {
    padding-top: 15px;
    padding-right: 0px;
    padding-left: 25px;
  }
  .cookie-accept {
    width: 125px;
    margin-right: 0px;
  }
  .nav---cookies-page {
    padding-right: 25px;
    padding-left: 25px;
  }
  .terms-cookies-content {
    padding-right: 25px;
    padding-left: 25px;
  }
  .s4-space {
    height: 100vh;
  }
  .lottie-animation {
    width: 350%;
    height: 250%;
    margin-top: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .age-gate-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .nav-background {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .nav-cocktails-link {
    margin-top: 150px;
  }
  .nav-food-link {
    margin-bottom: 0px;
  }
  .footer-cocktails-nav {
    margin-top: 50px;
  }
  .icon-3 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
  }
  .icon-4 {
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
  }
  .next-food {
    overflow: hidden;
  }
  .description-food {
    padding: 50px 25px;
  }
  .description-food-content {
    margin-right: 25px;
    margin-left: 25px;
    padding-top: 50px;
  }
  .description-food-colums {
    display: block;
    -webkit-column-count: auto;
    column-count: auto;
  }
}

@font-face {
  font-family: 'Bebas neue pro';
  src: url('../fonts/Bebas-Neue-Pro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Avertape';
  src: url('../fonts/avertape-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Avertape';
  src: url('../fonts/avertape-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Avertape';
  src: url('../fonts/avertape-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Avertape';
  src: url('../fonts/avertape-black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Avertape';
  src: url('../fonts/avertape-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}