@charset "UTF-8";
/* HAVANA PRO */
@font-face {
  font-family: "havana_icons";
  src: url("../fonts/havana_icons.eot?46f478ddf8091b1d7338a6e1682c4127");
  src: url("../fonts/havana_icons.eot?#iefix") format("embedded-opentype"), url("../fonts/havana_icons.woff?46f478ddf8091b1d7338a6e1682c4127") format("woff"), url("../fonts/havana_icons.ttf?46f478ddf8091b1d7338a6e1682c4127") format("truetype");
  font-weight: normal;
  font-style: normal; }

.icon, .rate-widget-fivestar .rate-button:before, .twist-it-popin .btn-close:after, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button,
.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button, .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item a:before, .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item:before, .node-type-cocktail .strate-steps .video-player-screen:before, .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item a:before, .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item:before {
  font-family: "havana_icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-down-after:after {
  content: "\f103"; }

.icon-close-after:after, .twist-it-popin .btn-close:after {
  content: "\f10c"; }

.icon-quote-down-after:after {
  content: "\f11b"; }

/* Icons */
.icon-arrow-carousel-left:before {
  content: "\f101"; }

.icon-arrow-carousel-right:before {
  content: "\f102"; }

.icon-arrow-down:before {
  content: "\f103"; }

.icon-bottle-1:before {
  content: "\f104"; }

.icon-bottle-2:before {
  content: "\f105"; }

.icon-bottle-3:before {
  content: "\f106"; }

.icon-bottle-4:before {
  content: "\f107"; }

.icon-bullet:before {
  content: "\f108"; }

.icon-caroussel_fleche_fond:before {
  content: "\f109"; }

.icon-caroussel_fleche_iconD:before {
  content: "\f10a"; }

.icon-caroussel_fleche_iconG:before {
  content: "\f10b"; }

.icon-checked:before {
  content: "\f10c"; }

.icon-close:before {
  content: "\f10d"; }

.icon-cta_icon_buy:before {
  content: "\f10e"; }

.icon-cta_icon_store:before {
  content: "\f10f"; }

.icon-footer_arrow:before {
  content: "\f110"; }

.icon-icon_facebook:before, .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item.hvn-footer-target-fb a:before, .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item.hvn-footer-target-fb a:before {
  content: "\f111"; }

.icon-icon_instagram:before, .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item.hvn-footer-target-insta a:before, .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item.hvn-footer-target-insta a:before {
  content: "\f112"; }

.icon-icon_twitter:before, .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item.hvn-footer-target-twitter a:before, .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item.hvn-footer-target-twitter a:before {
  content: "\f113"; }

.icon-icon_youtube:before, .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item.hvn-footer-target-yt a:before, .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item.hvn-footer-target-yt a:before {
  content: "\f114"; }

.icon-loupe:before {
  content: "\f115"; }

.icon-map_marker:before {
  content: "\f116"; }

.icon-pastille:before, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item:before, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active:before, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button:before,
.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button:before, .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item:before, .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item:before {
  content: "\f117"; }

.icon-player:before {
  content: "\f118"; }

.icon-player_play:before, .node-type-cocktail .strate-steps .video-player-screen:before {
  content: "\f119"; }

.icon-player_play_bg:before {
  content: "\f11a"; }

.icon-quote-down:before {
  content: "\f11b"; }

.icon-quote:before {
  content: "\f11c"; }

.icon-star:before, .rate-widget-fivestar .rate-button:before {
  content: "\f11d"; }

.icon-tiret:before {
  content: "\f11e"; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 15px 15px;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #000;
  background-color: #ffda23;
  border-color: #ffd60a; }
  .btn-primary:focus, .btn-primary.focus {
    color: #000;
    background-color: #efc700;
    border-color: #897200; }
  .btn-primary:hover {
    color: #000;
    background-color: #efc700;
    border-color: #cba900; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #efc700;
    border-color: #cba900; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #000;
      background-color: #cba900;
      border-color: #897200; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #ffda23;
    border-color: #ffd60a; }
  .btn-primary .badge {
    color: #ffda23;
    background-color: #000; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #ffda23;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #d6b200;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg {
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 0; }

.btn-sm {
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0; }

.btn-xs {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 0; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.full-img img {
  max-width: none;
  width: 100%; }

.btn {
  text-transform: uppercase;
  font-family: "FuturaStd-Bold";
  position: relative;
  z-index: +1; }

.no-max-width, .node-type-cocktail .strate-steps .column-left .trame-background img {
  max-width: none;
  width: 100%; }

.node-type-cocktail .wrapper-navigation {
  display: none; }

.node-type-cocktail .range-subtitle {
  color: #00aa4f; }

@media only screen and (min-width: 1199px) {
  .node-type-cocktail .wrapper-navigation {
    display: block;
    background: #fff;
    transition: opacity 400ms ease-in 200ms;
    opacity: 0; }
    .node-type-cocktail .wrapper-navigation.nav-fixed {
      position: fixed;
      right: 0;
      top: 0;
      height: 100px;
      z-index: 1050;
      width: 40%;
      display: flex;
      flex-direction: column;
      align-self: center;
      justify-content: center; }
      .node-type-cocktail .wrapper-navigation.nav-fixed .cocktail-navigation {
        text-align: right; }
        .node-type-cocktail .wrapper-navigation.nav-fixed .cocktail-navigation li {
          width: auto;
          text-align: right; }
    .node-type-cocktail .wrapper-navigation .cocktail-navigation {
      font-size: 0;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .node-type-cocktail .wrapper-navigation .cocktail-navigation li {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        font-family: "FuturaStd-Bold";
        text-transform: uppercase;
        display: inline-block;
        line-height: 100px;
        vertical-align: middle;
        min-width: 35px;
        padding: 0 30px; }
        .node-type-cocktail .wrapper-navigation .cocktail-navigation li a {
          position: relative;
          color: #000;
          line-height: 16px;
          width: 100%; }
        .node-type-cocktail .wrapper-navigation .cocktail-navigation li:last-child .nav-cocktail-link {
          padding-right: 1.5rem;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .node-type-cocktail .wrapper-navigation .cocktail-navigation li:last-child .nav-cocktail-link:after {
            position: absolute;
            content: '\203A';
            font-size: 24px;
            font-size: 2.4rem;
            line-height: 24px;
            line-height: 16px;
            right: 0;
            top: -1px; }
          .node-type-cocktail .wrapper-navigation .cocktail-navigation li:last-child .nav-cocktail-link:hover:before, .node-type-cocktail .wrapper-navigation .cocktail-navigation li:last-child .nav-cocktail-link:focus:before {
            text-decoration: none; }
    .node-type-cocktail .wrapper-navigation .nav-cocktail-link {
      color: #fff;
      display: inline-block;
      vertical-align: middle; }
    .node-type-cocktail .wrapper-navigation .strate-recipe .field-name-field-cocktail-recipe-text {
      font-size: 3.6vw;
      line-height: 120%; }
  .no-scroll-margin .cocktail-navigation {
    margin-right: 17px; }
  .has-age-gate .node-type-cocktail .wrapper-navigation.nav-fixed {
    z-index: -1; } }

.rate-widget-fivestar {
  text-align: center;
  max-width: 200px;
  margin: 20px auto 0; }
  .rate-widget-fivestar .rate-info {
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: -4px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px; }
  .rate-widget-fivestar ul {
    display: inline-block; }
    .rate-widget-fivestar ul li {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 14px;
      display: inline-block;
      float: none; }
  .rate-widget-fivestar .rate-fivestar-btn-empty,
  .rate-widget-fivestar .rate-fivestar-btn-filled {
    background: none; }
  .rate-widget-fivestar .rate-button {
    display: inline-block;
    float: none;
    width: 27px;
    height: 26px;
    position: relative;
    text-decoration: none; }
    .rate-widget-fivestar .rate-button:before {
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 26px;
      position: absolute;
      left: 0;
      top: 0;
      color: #333333;
      text-indent: 0; }
  .rate-widget-fivestar .rate-fivestar-btn-filled:before {
    color: #efba5e; }

@media only screen and (min-width: 767px) {
  .rate-widget-fivestar {
    text-align: left;
    margin-top: 22px;
    max-width: none; }
    .rate-widget-fivestar .rate-info {
      color: #fff;
      top: -10px; } }

.twist-it-popin-wrapper {
  position: fixed;
  top: 0;
  left: -99999px;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  opacity: 0;
  transition: opacity 400ms linear;
  z-index: -2; }
  .twist-it-popin-wrapper.pop {
    left: 0;
    right: 0;
    opacity: 1;
    z-index: 2000; }

.twist-it-popin {
  height: 100vh;
  position: relative; }
  .twist-it-popin .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
    border: none;
    font-family: "FuturaStd-Book";
    text-transform: uppercase; }
    .twist-it-popin .btn-close:after {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 16px;
      top: -2px;
      position: relative;
      margin-left: 8px; }
  .twist-it-popin .inner-wrapper {
    height: 100vh;
    display: inline-block;
    background: #fff;
    padding: 30px 10px 0;
    position: relative;
    overflow-y: auto; }
    @media only screen and (min-width: 767px) {
      .twist-it-popin .inner-wrapper {
        height: 555px; } }
  .twist-it-popin .twist-it-popin-title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
    font-family: "HCCubanTouchW04-Regular";
    color: #e2231b;
    margin-bottom: 30px; }

.twist-it-cocktail-list {
  font-size: 0;
  max-width: 1366px;
  margin: 0 auto; }

.twist-it-cocktail-item {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 30px;
  vertical-align: top; }
  @media only screen and (min-width: 767px) {
    .twist-it-cocktail-item {
      /* one item */
      /* two items */
      /* three items */ }
      .twist-it-cocktail-item:first-child:nth-last-child(1) {
        max-width: 100%; }
      .twist-it-cocktail-item:first-child:nth-last-child(2),
      .twist-it-cocktail-item:first-child:nth-last-child(2) ~ li {
        max-width: 50%; }
      .twist-it-cocktail-item:first-child:nth-last-child(3),
      .twist-it-cocktail-item:first-child:nth-last-child(3) ~ li {
        max-width: 33.3333%; } }
  .twist-it-cocktail-item .twist-it-img {
    margin-bottom: 15px; }
  .twist-it-cocktail-item .twist-it-with,
  .twist-it-cocktail-item .twist-it-cocktail-title {
    font-family: "FuturaStd-Bold";
    padding: 5px 10px;
    text-transform: uppercase; }
  .twist-it-cocktail-item .twist-it-with {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    color: #e2231b;
    padding: 0; }
  .twist-it-cocktail-item .twist-it-cocktail-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px; }
    .twist-it-cocktail-item .twist-it-cocktail-title a {
      color: #000; }

.node-type-cocktail .strate-twist {
  position: relative; }
  .node-type-cocktail .strate-twist .field-name-field-cocktail-title-style {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 48px;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    font-family: "HCCubanTouchW04-Regular";
    color: #fff;
    z-index: 2;
    display: table; }
    .node-type-cocktail .strate-twist .field-name-field-cocktail-title-style > .field-items {
      display: table-cell;
      vertical-align: middle; }
  .node-type-cocktail .strate-twist .wrapper-content {
    padding: 15px 0;
    max-width: 480px;
    margin: 0 auto; }
  .node-type-cocktail .strate-twist .field-name-field-cocktail-img-cover {
    position: relative; }
    .node-type-cocktail .strate-twist .field-name-field-cocktail-img-cover:before {
      content: '';
      position: absolute;
      display: block;
      width: 60%;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      background: rgba(0, 0, 0, 0.3);
      background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
      background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
      background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
      background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1); }
    .node-type-cocktail .strate-twist .field-name-field-cocktail-img-cover img {
      max-width: none;
      width: 100%; }
  .node-type-cocktail .strate-twist .field-name-field-cocktail-catch {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    font-family: "FuturaStd-Bold";
    text-transform: uppercase;
    padding: 0 45px; }
  .node-type-cocktail .strate-twist .field-name-field-cocktail-desc {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    font-family: "FuturaStd-Book";
    padding: 0 45px; }
  .node-type-cocktail .strate-twist .wrapper-twist {
    margin-top: 25px;
    text-align: center; }
  @media only screen and (min-width: 767px) {
    .node-type-cocktail .strate-twist .content-inner-wrapper {
      position: absolute;
      height: 768px;
      top: 0;
      left: 8%;
      z-index: +1;
      max-width: 480px; }
    .node-type-cocktail .strate-twist .field-name-field-cocktail-img-cover {
      position: relative;
      overflow: hidden;
      height: 768px; }
      .node-type-cocktail .strate-twist .field-name-field-cocktail-img-cover img {
        height: 768px;
        width: 1200px;
        left: 50%;
        margin-left: -600px;
        position: absolute; }
    .node-type-cocktail .strate-twist .field-name-field-cocktail-title-style {
      text-align: left;
      height: auto !important;
      width: auto;
      z-index: 2;
      display: block;
      position: relative; }
      .node-type-cocktail .strate-twist .field-name-field-cocktail-title-style > .field-items {
        display: block; }
    .node-type-cocktail .strate-twist .wrapper-content {
      color: white;
      width: 100%;
      margin: 0;
      z-index: 1; }
      .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-catch {
        margin-top: 0; }
      .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-catch, .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-desc, .node-type-cocktail .strate-twist .wrapper-content .rate-widget-fivestar ul, .node-type-cocktail .strate-twist .wrapper-content .wrapper-twist {
        text-align: left; }
      .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-catch, .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-desc {
        padding: 0; }
        .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-catch .field-item, .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-desc .field-item {
          max-width: 400px; }
      .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-catch {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 25px;
        line-height: 35px; }
      .node-type-cocktail .strate-twist .wrapper-content .field-name-field-cocktail-desc {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 28px; } }
  @media only screen and (min-width: 1199px) {
    .node-type-cocktail .strate-twist .field-name-field-cocktail-img-cover {
      height: auto !important;
      width: 100%; }
      .node-type-cocktail .strate-twist .field-name-field-cocktail-img-cover img {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        margin-left: 0; }
    .node-type-cocktail .strate-twist .wrapper-content {
      z-index: 1; }
    .node-type-cocktail .strate-twist .content-inner-wrapper {
      margin-top: 13%;
      height: 100%; } }

.node-type-cocktail .strate-recipe .trame-background img {
  width: 100%;
  max-width: none; }

.node-type-cocktail .strate-recipe .column-left {
  position: relative; }
  .node-type-cocktail .strate-recipe .column-left .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: 10.6%; }
  .node-type-cocktail .strate-recipe .column-left .headline {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 30.6%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    font-family: "FuturaStd-Book"; }
  .node-type-cocktail .strate-recipe .column-left .wrapper-form {
    margin-top: 44.6%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center; }
    .node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select {
      border: 5px solid transparent;
      -webkit-border-image: url("../img/border-brush-white-text.png") 8 round;
      border-image: url("../img/border-brush-white-text.png") 8 round;
      display: inline-block;
      width: calc(100% - 90px); }
      .node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select .form-group {
        position: relative;
        margin-bottom: 0; }
        .node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select .form-group:before {
          content: '';
          background-color: #fff;
          top: 0;
          left: -1px;
          right: -1px;
          bottom: 0;
          position: absolute; }
      .node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select .form-select {
        height: 35px;
        border: none;
        margin: -1px;
        padding: 0;
        padding-left: 10px;
        color: #e2231b;
        font-family: "FuturaStd-Bold";
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        position: relative;
        z-index: 1;
        box-shadow: none; }
    .node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-submit {
      border: 5px solid transparent;
      -webkit-border-image: url("../img/border-brush-red-text.png") 8 round;
      border-image: url("../img/border-brush-red-text.png") 8 round;
      display: inline-block;
      bottom: 3px;
      position: relative; }
      .node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-submit .form-submit {
        background: #e2231b;
        border: none;
        margin: -1px;
        width: 35px;
        height: 35px;
        color: white;
        text-transform: uppercase;
        font-family: "HCCubanTouchW04-Regular";
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 15px; }

.node-type-cocktail .strate-recipe .column-middle .field-name-field-cocktail-recipe-text {
  padding-top: 5.3%;
  text-align: center; }

.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-people {
  display: inline-block; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-people div {
    display: inline-block; }

.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings {
  margin-top: 6.6%;
  text-align: center; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings > .field-items > .field-item {
    margin-bottom: 15px; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number, .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-ccktl-ing-ingredient {
    display: inline-block;
    vertical-align: middle; }
    .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number div, .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-ccktl-ing-ingredient div {
      display: inline-block; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number {
    width: 23%;
    text-align: right; }
    .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items {
      text-align: left;
      padding: 0 14px;
      overflow: hidden; }
      .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item {
        width: 34px;
        padding: 7px 0;
        background-color: #00aa4f;
        color: #ffda23;
        font-family: "HCCubanTouchW04-Regular";
        position: relative;
        z-index: 1;
        text-transform: lowercase; }
        .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item:before, .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item:after {
          content: '';
          position: absolute;
          width: 34px;
          height: 34px;
          border-radius: 13px;
          background-color: #00aa4f;
          top: 50%;
          margin-top: -17px;
          z-index: -2; }
        .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item:before {
          left: -14px; }
        .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item:after {
          right: -14px; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-ccktl-ing-ingredient {
    width: 75%;
    text-align: left;
    padding-left: 20px;
    padding-right: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    font-family: "FuturaStd-Book";
    margin-left: 23%; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number + .field-name-field-ccktl-ing-ingredient {
    margin-left: 0; }

.node-type-cocktail .strate-recipe .column-middle .wrapper-twist {
  margin-top: 4.6%;
  text-align: center; }

@media only screen and (min-width: 767px) {
  .node-type-cocktail .strate-recipe .trame-background {
    height: 768px;
    position: relative;
    overflow: hidden; }
    .node-type-cocktail .strate-recipe .trame-background img {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -300px;
      width: 600px;
      height: auto; }
  .node-type-cocktail .strate-recipe .column-left .wrapper-text {
    margin-left: 11.8%;
    margin-top: 52.73%;
    position: absolute;
    top: 0;
    left: 0; }
  .node-type-cocktail .strate-recipe .column-left .title {
    position: relative;
    text-align: left;
    margin-top: 0; }
    .node-type-cocktail .strate-recipe .column-left .title .range-title {
      font-size: 45px;
      font-size: 4.5rem;
      line-height: 45px; }
    .node-type-cocktail .strate-recipe .column-left .title:before {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 22px;
      bottom: -20px;
      left: 0;
      margin-left: 0; }
  .node-type-cocktail .strate-recipe .column-left .headline {
    position: relative;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    text-align: left;
    margin-top: 9%; }
  .node-type-cocktail .strate-recipe .column-left .wrapper-form {
    margin-top: 9%;
    position: relative;
    text-align: left; }
    .node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select .form-select {
      height: 45px;
      padding-left: 20px; }
    .node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-submit .form-submit {
      width: 44px;
      height: 44px; }
  .node-type-cocktail .strate-recipe .column-middle .field-name-field-cocktail-recipe-text {
    padding-top: 75px; }
  .node-type-cocktail .strate-recipe .column-middle .field-name-field-cocktail-recipe {
    margin-top: 40px; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .title {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    color: #e2231b;
    font-family: "FuturaStd-Bold";
    text-transform: uppercase; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings {
    margin-top: 30px; }
    .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 18px;
      padding: 8px 0; }
    .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-ccktl-ing-ingredient {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 18px; } }

@media only screen and (min-width: 1199px) {
  .node-type-cocktail .strate-recipe .trame-background {
    height: auto; }
    .node-type-cocktail .strate-recipe .trame-background img {
      position: relative;
      width: 100%;
      margin-left: 0;
      left: 0; }
  .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings {
    overflow: hidden; }
    .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings > .field-items {
      position: relative;
      z-index: +1; }
    .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number {
      width: 19%; }
    .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-ccktl-ing-ingredient {
      margin-left: 19%;
      width: 80%; }
    .node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number + .field-name-field-ccktl-ing-ingredient {
      margin-left: 0; } }

@media only screen and (min-width: 480px) and (max-width: 1199px) {
  .node-type-cocktail .strate-recipe .row > div:last-child {
    display: none; } }

.node-type-cocktail .strate-steps {
  margin-top: 6%; }
  .node-type-cocktail .strate-steps .column-left {
    position: relative; }
    .node-type-cocktail .strate-steps .column-left .trame-background {
      position: absolute;
      left: 0;
      right: 0; }
    .node-type-cocktail .strate-steps .column-left .wrapper-content {
      padding-top: 6%;
      text-align: center; }
    .node-type-cocktail .strate-steps .column-left .title {
      position: relative; }
      .node-type-cocktail .strate-steps .column-left .title span {
        display: block; }
      .node-type-cocktail .strate-steps .column-left .title .range-title, .node-type-cocktail .strate-steps .column-left .title .range-subtitle {
        color: #fff; }
    .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps {
      margin-top: 11%; }
      .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list {
        margin: 0 -13px; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item {
          display: inline-block;
          margin: 0 13px;
          position: relative;
          z-index: 0;
          width: 30px;
          height: 30px;
          text-align: center; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item:before {
            font-size: 30px;
            font-size: 3rem;
            line-height: 30px;
            color: white;
            position: absolute;
            top: 0;
            left: 0; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item > div, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item > span {
            position: relative;
            text-align: center;
            color: #e2231b;
            font-family: "HCCubanTouchW04-Regular";
            font-size: 15px;
            font-size: 1.5rem;
            line-height: 15px;
            z-index: 1;
            margin-top: 9px;
            display: block; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item:after {
            content: '';
            width: 31px;
            height: 1px;
            background: #fff;
            position: absolute;
            left: 100%;
            top: 50%;
            margin-left: -1px; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item:last-child:after {
            display: none; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active {
            position: relative;
            z-index: 0;
            width: 30px;
            height: 30px;
            text-align: center; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active:before {
              font-size: 30px;
              font-size: 3rem;
              line-height: 30px;
              color: #e2231b;
              position: absolute;
              top: 0;
              left: 0; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active > div, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active > span {
              position: relative;
              text-align: center;
              color: #ffda23;
              font-family: "HCCubanTouchW04-Regular";
              font-size: 15px;
              font-size: 1.5rem;
              line-height: 15px;
              z-index: 1;
              margin-top: 9px;
              display: block; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active:after {
              background: #e2231b; }
      .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps,
      .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video {
        padding: 0 50px 0 60px;
        margin-top: 40px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        font-family: "FuturaStd-Bold";
        text-transform: uppercase; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item,
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .field-item {
          line-height: 20px; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-prev,
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-prev {
          left: 0;
          width: 65px;
          height: 65px;
          z-index: 1; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-prev:before,
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-prev:before {
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            margin-left: -10px;
            margin-top: -10px;
            color: #fff; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-prev:after,
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-prev:after {
            font-family: "havana_icons";
            content: "";
            font-size: 65px;
            font-size: 6.5rem;
            line-height: 65px;
            line-height: 1;
            color: #e2231b;
            z-index: 0; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-next,
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-next {
          right: 0;
          width: 65px;
          height: 65px;
          z-index: 1; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-next:before,
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-next:before {
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 50%;
            margin-left: -10px;
            margin-top: -10px;
            color: #fff; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-next:after,
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-next:after {
            font-family: "havana_icons";
            content: "";
            font-size: 65px;
            font-size: 6.5rem;
            line-height: 65px;
            line-height: 1;
            color: #e2231b;
            z-index: 0; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-prev,
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-prev {
          left: -55px; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-next,
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-next {
          right: -55px; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots,
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots {
          bottom: auto;
          top: -60px; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li,
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li {
            height: 36px;
            width: 36px;
            margin: 0 7px; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button,
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button {
              position: relative;
              z-index: 0;
              width: 30px;
              height: 30px;
              text-align: center;
              height: 36px;
              width: 36px;
              color: #e2231b;
              font-size: 15px;
              font-size: 1.5rem;
              line-height: 15px;
              font-family: "HCCubanTouchW04-Regular";
              padding-top: 8px; }
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button:before,
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button:before {
                font-size: 30px;
                font-size: 3rem;
                line-height: 30px;
                color: #fff;
                position: absolute;
                top: 0;
                left: 0; }
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button > div, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button > span,
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button > div,
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button > span {
                position: relative;
                text-align: center;
                color: #e2231b;
                font-family: "HCCubanTouchW04-Regular";
                font-size: 15px;
                font-size: 1.5rem;
                line-height: 15px;
                z-index: 1;
                margin-top: 9px;
                display: block; }
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button:before,
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button:before {
                font-size: 36px;
                font-size: 3.6rem;
                line-height: 36px;
                height: 36px;
                width: 36px;
                z-index: -1; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.slick-active button, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.active button,
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.slick-active button,
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button {
              color: #ffda23; }
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.slick-active button:before, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.active button:before,
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.slick-active button:before,
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button:before {
                color: #e2231b; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step,
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step {
          color: #000;
          text-decoration: none; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step:hover,
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step:hover {
            color: #000; }
      .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.slick-active button {
        color: #e2231b; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.slick-active button:before {
          color: #fff; }
      .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button {
        color: #ffda23; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button:before {
          color: #e2231b; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button:after {
          background-color: #e2231b; }
      .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li:last-child button:after {
        content: none; }
      .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button {
        position: relative; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button:after {
          content: '';
          position: absolute;
          width: 100%;
          top: 50%;
          margin-top: -1px;
          height: 2px;
          background-color: #fff;
          left: 80%;
          z-index: -4; }
    .node-type-cocktail .strate-steps .column-left .wrapper-actions {
      text-align: center;
      margin-top: 6%;
      margin-bottom: 6%; }
      .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn {
        color: #ffda23;
        background-color: #00aa4f;
        border-color: #00aa4f; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:focus, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.focus {
          color: #ffda23;
          background-color: #007737;
          border-color: #002b14; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:hover {
          color: #ffda23;
          background-color: #007737;
          border-color: #006d33; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active,
        .open > .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle {
          color: #ffda23;
          background-color: #007737;
          border-color: #006d33; }
          .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active:hover, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active:focus, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active.focus, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active:hover, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active:focus, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active.focus,
          .open > .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle:hover,
          .open > .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle:focus,
          .open > .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle.focus {
            color: #ffda23;
            background-color: #005327;
            border-color: #002b14; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active,
        .open > .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle {
          background-image: none; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled:hover, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled:focus, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled.focus, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled]:hover, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled]:focus, .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled].focus,
        fieldset[disabled] .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:hover,
        fieldset[disabled] .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:focus,
        fieldset[disabled] .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.focus {
          background-color: #00aa4f;
          border-color: #00aa4f; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .btn .badge {
          color: #00aa4f;
          background-color: #ffda23; }
      .node-type-cocktail .strate-steps .column-left .wrapper-actions .wrapper-download, .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list {
        display: inline-block; }
      .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list {
        text-align: center;
        vertical-align: middle; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item {
          list-style: none;
          display: inline-block;
          font-size: 0;
          position: relative;
          margin: 0 3px; }
          .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item a {
            text-decoration: none;
            width: 42px;
            height: 42px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1; }
            .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item a:before {
              margin: 11px auto;
              font-size: 20px;
              font-size: 2rem;
              line-height: 20px;
              color: white; }
          .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item:before {
            font-size: 42px;
            font-size: 4.2rem;
            line-height: 42px;
            color: black; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item:before {
          color: #00aa4f; }
        .node-type-cocktail .strate-steps .column-left .wrapper-actions .socials-list .footer-social-item a:before {
          color: #ffda23; }
  .node-type-cocktail .strate-steps .column-right .field-name-field-cocktail-steps-imgs img,
  .node-type-cocktail .strate-steps .column-right .field-name-field-fc-video-image img {
    width: 100%;
    max-width: none; }
  .node-type-cocktail .strate-steps .column-right .field-name-field-fc-video .video-container {
    position: relative;
    padding-bottom: 68.5%;
    height: 0;
    overflow: hidden; }
    @media only screen and (min-width: 1199px) {
      .node-type-cocktail .strate-steps .column-right .field-name-field-fc-video .video-container {
        padding-bottom: 75.62%; } }
    .node-type-cocktail .strate-steps .column-right .field-name-field-fc-video .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .node-type-cocktail .strate-steps .video-player-screen {
    text-decoration: none;
    position: relative;
    display: block;
    text-decoration: none; }
    .node-type-cocktail .strate-steps .video-player-screen:before {
      font-size: 40px;
      font-size: 4rem;
      line-height: 40px;
      position: absolute;
      top: calc(50% - 20px);
      left: calc(50% - 14px);
      z-index: 1;
      color: #000; }
    .node-type-cocktail .strate-steps .video-player-screen:after {
      content: '';
      display: block;
      position: absolute;
      width: 90px;
      height: 90px;
      top: calc(50% - 45px);
      left: calc(50% - 45px);
      background-color: rgba(255, 218, 35, 0.8);
      border-radius: 50%;
      cursor: pointer; }
  @media only screen and (min-width: 767px) {
    .node-type-cocktail .strate-steps {
      margin-top: 0; }
      .node-type-cocktail .strate-steps .column-left .title, .node-type-cocktail .strate-steps .column-left .wrapper-actions {
        margin-left: 11.71%; }
      .node-type-cocktail .strate-steps .column-left .title {
        margin-top: 30px;
        text-align: left; }
      .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps {
        text-align: left;
        margin-top: 5%; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list {
          width: 70px;
          float: left;
          margin: -13px 0; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active {
            margin: 13px 0;
            width: 50px;
            height: 50px; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item:before, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active:before {
              width: 50px;
              height: 50px;
              font-size: 50px;
              font-size: 5rem;
              line-height: 50px; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item > span, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active > span {
              margin-top: 15px;
              font-size: 24px;
              font-size: 2.4rem;
              line-height: 24px; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item:after, .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .steps-index-list .steps-index-item.active:after {
              height: 31px;
              width: 1px;
              top: 100%;
              left: 50%; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps {
          margin-top: 0;
          position: relative; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps:first-child {
            counter-reset: customlistcounter; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 16px;
            line-height: 1.4;
            padding: 10px 0 10px 40px;
            position: relative;
            counter-increment: customlistcounter;
            min-height: 60px;
            height: auto !important; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item .vm {
              vertical-align: top !important; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item:before {
              font-family: "havana_icons", sans-serif;
              content: "";
              font-size: 44px;
              font-size: 4.4rem;
              line-height: 44px;
              color: #fff;
              speak: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: absolute;
              top: 0;
              left: -22px; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item:after {
              content: counter(customlistcounter);
              width: 44px;
              height: 44px;
              vertical-align: middle;
              text-align: center;
              font-size: 24px;
              font-size: 2.4rem;
              line-height: 24px;
              line-height: 44px;
              font-family: "HCCubanTouchW04-Regular";
              color: #e2231b;
              display: inline-block;
              position: absolute;
              top: 0;
              margin-top: 1px;
              left: -22px; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active:before {
              color: #e2231b; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active:after {
              color: #ffda23; }
        .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video {
          margin-top: 0;
          position: relative; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video > .field-items > .field-item:last-child .video-step {
            border-left: none;
            padding-bottom: 0; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video:first-child {
            counter-reset: customlistcounter; }
          .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .field-name-field-cocktail-steps-video-step .video-step {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 16px;
            font-size: 1.05vw;
            line-height: 1.35;
            padding: 10px 0 10px 40px;
            position: relative;
            counter-increment: customlistcounter;
            min-height: 60px;
            border-left: 1px solid #fff;
            height: auto !important; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .field-name-field-cocktail-steps-video-step .video-step .vm {
              vertical-align: top !important; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .field-name-field-cocktail-steps-video-step .video-step:before {
              font-family: "havana_icons", sans-serif;
              content: "";
              font-size: 44px;
              font-size: 4.4rem;
              line-height: 44px;
              color: #fff;
              speak: none;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              position: absolute;
              top: 0;
              left: -22px; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .field-name-field-cocktail-steps-video-step .video-step:after {
              content: counter(customlistcounter);
              width: 44px;
              height: 44px;
              vertical-align: middle;
              text-align: center;
              font-size: 24px;
              font-size: 2.4rem;
              line-height: 24px;
              line-height: 44px;
              font-family: "HCCubanTouchW04-Regular";
              color: #e2231b;
              display: inline-block;
              position: absolute;
              left: -22px;
              top: -10px;
              margin-top: 1px; }
            .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .field-name-field-cocktail-steps-video-step .video-step.active {
              border-left-color: #e2231b; }
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .field-name-field-cocktail-steps-video-step .video-step.active:before {
                color: #e2231b; }
              .node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .field-name-field-cocktail-steps-video-step .video-step.active:after {
                color: #ffda23; }
      .node-type-cocktail .strate-steps .column-left .wrapper-actions {
        text-align: left; } }
  @media only screen and (min-width: 1199px) {
    .node-type-cocktail .strate-steps .column-left .wrapper-content {
      max-height: calc(100% - 120px);
      overflow-y: auto; }
    .node-type-cocktail .strate-steps .column-left .trame-background {
      height: auto;
      overflow: auto; }
      .node-type-cocktail .strate-steps .column-left .trame-background img {
        width: 100%;
        margin-left: 0;
        top: 0;
        position: relative;
        height: auto;
        left: 0; }
    .node-type-cocktail .strate-steps .column-left .title, .node-type-cocktail .strate-steps .column-left .wrapper-actions {
      margin-left: 12.2%; }
    .node-type-cocktail .strate-steps .column-left .title {
      margin-top: 14%; }
    .node-type-cocktail .strate-steps .column-right .field-name-field-cocktail-steps-imgs .field-items {
      height: auto;
      overflow: auto; }
      .node-type-cocktail .strate-steps .column-right .field-name-field-cocktail-steps-imgs .field-items img {
        width: 100%;
        margin-left: 0;
        top: 0;
        position: relative;
        height: auto;
        left: 0; } }
  @media only screen and (min-width: 480px) and (max-width: 1199px) {
    .node-type-cocktail .strate-steps .row {
      display: flex; }
      .node-type-cocktail .strate-steps .row > div:first-of-type {
        display: flex; }
        .node-type-cocktail .strate-steps .row > div:first-of-type .column-left {
          display: flex;
          flex-direction: column;
          justify-content: space-around; }
          .node-type-cocktail .strate-steps .row > div:first-of-type .column-left .wrapper-legend-steps {
            margin-top: 0; }
          .node-type-cocktail .strate-steps .row > div:first-of-type .column-left .title {
            margin-top: 0; }
            .node-type-cocktail .strate-steps .row > div:first-of-type .column-left .title .range-title {
              font-size: 28px;
              font-size: 2.8rem;
              line-height: 28px; }
            .node-type-cocktail .strate-steps .row > div:first-of-type .column-left .title .range-subtitle {
              font-size: 32px;
              font-size: 3.2rem;
              line-height: 32px; }
          .node-type-cocktail .strate-steps .row > div:first-of-type .column-left .wrapper-content {
            padding-top: 1%; }
          .node-type-cocktail .strate-steps .row > div:first-of-type .column-left .wrapper-actions {
            margin-bottom: 2%; }
          .node-type-cocktail .strate-steps .row > div:first-of-type .column-left .trame-background {
            top: 0; } }
  .node-type-cocktail .strate-steps .row > div:first-of-type .column-left .title .range-title {
    padding-bottom: 1.5rem; }

.node-type-cocktail .strate-newsletter {
  margin-bottom: 12%; }
  .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-title {
    margin-top: 18.67%;
    width: 100%;
    text-align: center;
    padding: 0 12%; }
    .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-title .range-subtitle {
      color: #00aa4f; }
  .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-desc {
    margin-top: 10.67%;
    padding: 0 12%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    font-family: "FuturaStd-Book"; }
  .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form {
    position: relative;
    text-align: center;
    max-width: 480px;
    margin: 8% auto 0;
    padding: 0 20px; }
    .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text {
      border: 5px solid transparent;
      -webkit-border-image: url("../img/border-brush-grey-text.png") 8 round;
      border-image: url("../img/border-brush-grey-text.png") 8 round;
      display: inline-block;
      margin: -1px;
      position: relative; }
      .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text:before {
        content: '';
        background: #e4e4e4;
        position: absolute;
        left: -1px;
        right: -1px;
        top: 0;
        bottom: 0; }
      .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text .form-text {
        position: relative;
        z-index: 1;
        border: none;
        background: #e4e4e4;
        width: 100%;
        color: black;
        height: 40px;
        padding-right: 60px;
        box-shadow: none; }
        .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text .form-text::-moz-placeholder {
          color: black;
          opacity: 1; }
        .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text .form-text:-ms-input-placeholder {
          color: black; }
        .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text .form-text::-webkit-input-placeholder {
          color: black; }
    .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit {
      position: absolute;
      right: 22px;
      top: 0;
      background: none;
      border: none;
      font-family: "HCCubanTouchW04-Regular";
      color: #e2231b;
      font-size: 20px;
      font-size: 2rem;
      line-height: 20px;
      z-index: +1; }
  .node-type-cocktail .strate-newsletter .column-left .wrapper-newsletter {
    max-width: 390px;
    margin: 3rem auto 0;
    text-align: center; }
    .node-type-cocktail .strate-newsletter .column-left .wrapper-newsletter .item-newsletter-cta {
      padding: 0; }
      .node-type-cocktail .strate-newsletter .column-left .wrapper-newsletter .item-newsletter-cta a {
        padding: 15px 30px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 23px;
        color: #e2231b; }
        .node-type-cocktail .strate-newsletter .column-left .wrapper-newsletter .item-newsletter-cta a:hover, .node-type-cocktail .strate-newsletter .column-left .wrapper-newsletter .item-newsletter-cta a:focus {
          color: #FFF;
          background-image: url("../img/product/nav-carousel-red-bg.png");
          background-position: 15% 50%;
          background-size: 100% 100%;
          background-repeat: no-repeat; }
  .node-type-cocktail .strate-newsletter .column-middle {
    margin-top: 9.3%; }
    .node-type-cocktail .strate-newsletter .column-middle .title {
      width: 100%;
      text-align: center;
      position: relative; }
      .node-type-cocktail .strate-newsletter .column-middle .title .range-title {
        color: #00aa4f; }
    .node-type-cocktail .strate-newsletter .column-middle .footer-social-list {
      margin-top: 5.3%;
      text-align: center; }
      .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item {
        list-style: none;
        display: inline-block;
        font-size: 0;
        position: relative;
        margin: 0 3px; }
        .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item a {
          text-decoration: none;
          width: 42px;
          height: 42px;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1; }
          .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item a:before {
            margin: 11px auto;
            font-size: 20px;
            font-size: 2rem;
            line-height: 20px;
            color: white; }
        .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item:before {
          font-size: 42px;
          font-size: 4.2rem;
          line-height: 42px;
          color: black; }
      .node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item:before {
        color: #e2231b; }
  @media only screen and (min-width: 767px) {
    .node-type-cocktail .strate-newsletter {
      margin-bottom: 0; }
      .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-title {
        padding: 0 11%;
        margin-top: 110px; }
        .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-title .range-title {
          font-size: 50px;
          font-size: 5rem;
          line-height: 50px; }
        .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-title .range-subtitle {
          font-size: 60px;
          font-size: 6rem;
          line-height: 60px; }
      .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-desc {
        margin-top: 30px;
        text-align: left;
        padding-left: 12.89%;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px; }
      .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form {
        text-align: left;
        padding-left: 12.89%;
        padding-right: 12.89%;
        margin-top: 65px; }
        .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text .form-text {
          height: 50px; }
        .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit {
          right: calc(12.89% + 10px);
          height: 60px; }
      .node-type-cocktail .strate-newsletter .column-left .wrapper-newsletter {
        margin-top: 6rem; }
      .node-type-cocktail .strate-newsletter .column-middle {
        position: relative;
        margin-top: 0; }
        .node-type-cocktail .strate-newsletter .column-middle .trame-background {
          height: 768px;
          overflow: hidden; }
          .node-type-cocktail .strate-newsletter .column-middle .trame-background .img-responsive {
            max-width: none; }
          .node-type-cocktail .strate-newsletter .column-middle .trame-background img {
            width: 600px;
            height: 768px;
            position: relative;
            left: 50%;
            margin-left: -300px; }
        .node-type-cocktail .strate-newsletter .column-middle .title {
          position: absolute;
          top: 0;
          margin-top: 325px;
          width: 100%;
          text-align: center; }
          .node-type-cocktail .strate-newsletter .column-middle .title .range-title {
            font-size: 25px;
            font-size: 2.5rem;
            line-height: 25px; }
          .node-type-cocktail .strate-newsletter .column-middle .title:before {
            font-size: 30px;
            font-size: 3rem;
            line-height: 30px;
            bottom: -35px;
            margin-left: -15px; }
        .node-type-cocktail .strate-newsletter .column-middle .footer-social-list {
          position: absolute;
          top: 0;
          margin-top: 400px;
          width: 100%;
          text-align: center; } }
  @media only screen and (min-width: 1199px) {
    .node-type-cocktail .strate-newsletter .column-left {
      padding: 0 6%; }
      .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-title {
        margin-top: 36.73%;
        padding: 0; }
      .node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-desc {
        margin-top: 9.18%;
        text-align: center;
        padding: 0; }
      .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form {
        margin-top: 11.22%;
        text-align: center;
        padding-left: 0;
        padding-right: 0; }
        .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text .form-text {
          border: none;
          background: #e4e4e4; }
        .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit {
          right: 10px;
          transition: all 150ms ease-in; }
          .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit:hover, .node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit:focus {
            color: #00aa4f; }
      .node-type-cocktail .strate-newsletter .column-left .wrapper-newsletter .item-newsletter-cta a {
        padding: 25px; }
    .node-type-cocktail .strate-newsletter .column-middle .trame-background {
      height: auto;
      overflow: auto; }
      .node-type-cocktail .strate-newsletter .column-middle .trame-background img {
        width: 100%;
        margin-left: 0;
        top: 0;
        position: relative;
        height: auto;
        left: 0; } }
  @media only screen and (min-width: 1400px) {
    .node-type-cocktail .strate-newsletter .column-middle .title .range-title {
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 32px; } }
  @media only screen and (min-width: 1679px) {
    .node-type-cocktail .strate-newsletter .column-middle .title .range-title {
      font-size: 45px;
      font-size: 4.5rem;
      line-height: 45px; } }

.node-type-cocktail .strate-make .column-left .trame-background img {
  max-width: none;
  width: 100%; }

.node-type-cocktail .strate-make .column-left .wrapper-parts {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: 3.67%;
  width: 100%;
  text-align: center; }
  .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item {
    display: inline-block;
    width: 32.33%; }
    .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title {
      color: #008fd4;
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 17px;
      text-transform: capitalize;
      font-family: "hchumantouch"; }
      .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title strong {
        color: #e2231b;
        font-size: 58px;
        font-size: 5.8rem;
        line-height: 58px; }
    .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-subtitle {
      color: #008fd4;
      font-family: "HCCubanTouchW04-Regular";
      font-size: 25px;
      font-size: 2.5rem;
      line-height: 25px;
      margin-left: 15px; }
  @media only screen and (max-width: 480px) {
    .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item {
      padding: 0 .5rem; }
      .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 15px; }
        .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title strong {
          font-size: 28px;
          font-size: 2.8rem;
          line-height: 28px; }
      .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-subtitle {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 15px;
        margin-left: 0; } }

.node-type-cocktail .strate-make .column-middle {
  margin-top: 18.67%;
  margin-bottom: 13.33%; }
  .node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-title {
    width: 100%;
    text-align: center; }
    .node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-title .range-subtitle {
      color: #00aa4f; }
  .node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-desc {
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    padding: 0 20px;
    line-height: 24px;
    margin-top: 20px;
    font-family: "FuturaStd-Book"; }
    .node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-desc .range-subtitle {
      font-family: "FuturaStd-Book";
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 16px; }
  .node-type-cocktail .strate-make .column-middle .wrapper-more {
    margin-top: 12%;
    text-align: center;
    width: 100%; }

@media only screen and (min-width: 767px) {
  .node-type-cocktail .strate-make .column-left {
    position: relative; }
    .node-type-cocktail .strate-make .column-left .trame-background {
      height: 768px;
      overflow: hidden; }
      .node-type-cocktail .strate-make .column-left .trame-background .img-responsive {
        max-width: none; }
      .node-type-cocktail .strate-make .column-left .trame-background img {
        width: 600px;
        height: 768px;
        position: relative;
        left: 50%;
        margin-left: -300px; }
    .node-type-cocktail .strate-make .column-left .wrapper-parts {
      margin-top: 0; }
      .node-type-cocktail .strate-make .column-left .wrapper-parts .vm-wrapper {
        height: 100%; }
      .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item {
        display: block;
        width: 170px;
        margin-left: 0; }
        .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title {
          font-size: 34px;
          font-size: 3.4rem;
          line-height: 34px; }
          .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title strong {
            font-size: 95px;
            font-size: 9.5rem;
            line-height: 95px;
            line-height: 70px; }
        .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-subtitle {
          font-size: 48px;
          font-size: 4.8rem;
          line-height: 48px; }
        .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item:nth-child(1) {
          margin-left: 42.96%;
          margin-top: 0; }
        .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item:nth-child(2) {
          margin-left: 12.89%;
          margin-top: 70px; }
        .node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item:nth-child(3) {
          margin-top: 70px;
          margin-left: 42.96%; }
  .node-type-cocktail .strate-make .column-middle {
    margin-top: 0;
    margin-bottom: 0; }
    .node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-title .range-title {
      display: block;
      font-size: 48px;
      font-size: 4.8rem;
      line-height: 48px; }
    .node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-title .range-subtitle {
      font-size: 42px;
      font-size: 4.2rem;
      line-height: 42px; }
    .node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-desc {
      margin-top: 60px;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 18px; }
    .node-type-cocktail .strate-make .column-middle .wrapper-more {
      margin-top: 60px; } }

@media only screen and (min-width: 1199px) {
  .node-type-cocktail .strate-make .column-left .trame-background {
    height: auto;
    overflow: auto; }
    .node-type-cocktail .strate-make .column-left .trame-background img {
      width: 100%;
      margin-left: 0;
      top: 0;
      position: relative;
      height: auto;
      left: 0; }
  .node-type-cocktail .strate-make .column-middle {
    height: 100%;
    margin-top: 0;
    padding-left: 14.28%;
    padding-right: 14.28%; }
    .node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-desc {
      margin-top: 18.36%; }
    .node-type-cocktail .strate-make .column-middle .wrapper-more {
      margin-top: 16.32%; } }

.range-especial .btn.btn-primary {
  color: #008fd4;
  background-color: #ffda23;
  border-color: #ffda23; }
  .range-especial .btn.btn-primary:focus, .range-especial .btn.btn-primary.focus {
    color: #008fd4;
    background-color: #efc700;
    border-color: #a38700; }
  .range-especial .btn.btn-primary:hover {
    color: #008fd4;
    background-color: #efc700;
    border-color: #e5be00; }
  .range-especial .btn.btn-primary:active, .range-especial .btn.btn-primary.active,
  .open > .range-especial .btn.btn-primary.dropdown-toggle {
    color: #008fd4;
    background-color: #efc700;
    border-color: #e5be00; }
    .range-especial .btn.btn-primary:active:hover, .range-especial .btn.btn-primary:active:focus, .range-especial .btn.btn-primary:active.focus, .range-especial .btn.btn-primary.active:hover, .range-especial .btn.btn-primary.active:focus, .range-especial .btn.btn-primary.active.focus,
    .open > .range-especial .btn.btn-primary.dropdown-toggle:hover,
    .open > .range-especial .btn.btn-primary.dropdown-toggle:focus,
    .open > .range-especial .btn.btn-primary.dropdown-toggle.focus {
      color: #008fd4;
      background-color: #cba900;
      border-color: #a38700; }
  .range-especial .btn.btn-primary:active, .range-especial .btn.btn-primary.active,
  .open > .range-especial .btn.btn-primary.dropdown-toggle {
    background-image: none; }
  .range-especial .btn.btn-primary.disabled:hover, .range-especial .btn.btn-primary.disabled:focus, .range-especial .btn.btn-primary.disabled.focus, .range-especial .btn.btn-primary[disabled]:hover, .range-especial .btn.btn-primary[disabled]:focus, .range-especial .btn.btn-primary[disabled].focus,
  fieldset[disabled] .range-especial .btn.btn-primary:hover,
  fieldset[disabled] .range-especial .btn.btn-primary:focus,
  fieldset[disabled] .range-especial .btn.btn-primary.focus {
    background-color: #ffda23;
    border-color: #ffda23; }
  .range-especial .btn.btn-primary .badge {
    color: #ffda23;
    background-color: #008fd4; }

.range-especial .sticky-anchors .anchors-item .anchors-link {
  background: rgba(0, 143, 212, 0.6); }
  .range-especial .sticky-anchors .anchors-item .anchors-link:before {
    background: #ffda23; }
  .range-especial .sticky-anchors .anchors-item .anchors-link:after {
    background: #008fd4; }

.range-especial .sticky-anchors .anchors-item.active {
  background: #008fd4; }

.range-especial.node-type-cocktail .slick-prev:after,
.range-especial.node-type-cocktail .slick-next:after {
  color: #008fd4 !important; }

.range-especial.node-type-cocktail .slick-dots li.slick-active button:before {
  color: #008fd4; }

.range-especial.node-type-cocktail .slick-dots li button:before {
  color: #ffda23; }

.range-especial.node-type-cocktail .range-title {
  color: #008fd4; }

.range-especial.node-type-cocktail .range-subtitle {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-twist .range-title {
  color: #fff; }

.range-especial.node-type-cocktail .strate-recipe .column-left .title:before,
.range-especial.node-type-cocktail .strate-recipe .column-left .headline {
  color: #fff; }

.range-especial.node-type-cocktail .strate-recipe .column-left .range-title {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select .form-select {
  color: #008fd4; }

.range-especial.node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-submit {
  border: 5px solid transparent;
  -webkit-border-image: url("../img/border-brush-yellow-text.png") 8 round;
  border-image: url("../img/border-brush-yellow-text.png") 8 round; }
  .range-especial.node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-submit .form-submit {
    background-color: #ffda23;
    color: #008fd4; }

.range-especial.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .title {
  color: #008fd4; }

.range-especial.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item {
  background-color: #ffda23;
  color: #008fd4; }
  .range-especial.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item:before, .range-especial.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item:after {
    background-color: #ffda23; }

.range-especial.node-type-cocktail .strate-steps .column-left .title .range-subtitle {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item {
  color: #fff; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active:after {
    color: #008fd4; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active:before {
    color: #ffda23; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active span:before {
    background-color: #ffda23; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item:after {
    color: #008fd4; }

.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.slick-active button {
  color: #fff; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.slick-active button:before {
    color: #008fd4; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.slick-active button:after {
    background-color: #008fd4; }

.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.active button,
.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button {
  color: #fff; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.active button:before,
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button:before {
    color: #008fd4; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.active button:after,
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button:after {
    background-color: #008fd4; }

.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button,
.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button {
  color: #008fd4; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button:before,
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button:before {
    color: #fff; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button:after,
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button:after {
    background-color: #fff; }

.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step,
.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step {
  color: #fff; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step.active,
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step.active {
    border-left-color: #ffda23; }
    .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step.active:after,
    .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step.active:after {
      color: #008fd4; }
    .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step.active:before,
    .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step.active:before {
      color: #ffda23; }
    .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step.active span:before,
    .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step.active span:before {
      background-color: #ffda23; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step:after,
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step:after {
    color: #008fd4; }

.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn {
  color: #008fd4;
  background-color: #ffda23;
  border-color: #ffda23; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:focus, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.focus {
    color: #008fd4;
    background-color: #efc700;
    border-color: #a38700; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:hover {
    color: #008fd4;
    background-color: #efc700;
    border-color: #e5be00; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active,
  .open > .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle {
    color: #008fd4;
    background-color: #efc700;
    border-color: #e5be00; }
    .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active:hover, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active:focus, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active.focus, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active:hover, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active:focus, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active.focus,
    .open > .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle:hover,
    .open > .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle:focus,
    .open > .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle.focus {
      color: #008fd4;
      background-color: #cba900;
      border-color: #a38700; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active,
  .open > .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle {
    background-image: none; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled:hover, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled:focus, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled.focus, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled]:hover, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled]:focus, .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled].focus,
  fieldset[disabled] .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:hover,
  fieldset[disabled] .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:focus,
  fieldset[disabled] .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.focus {
    background-color: #ffda23;
    border-color: #ffda23; }
  .range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn .badge {
    color: #ffda23;
    background-color: #008fd4; }

.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .footer-social-item:before {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-steps .column-left .wrapper-actions .footer-social-item a:before {
  color: #008fd4; }

.range-especial.node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-title .range-subtitle {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit {
  color: #008fd4; }
  .range-especial.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit:hover, .range-especial.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit:focus {
    color: #ffda23; }

.range-especial.node-type-cocktail .strate-newsletter .column-middle .title:before {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-newsletter .column-middle .title .range-title {
  color: #008fd4; }

.range-especial.node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item a:before {
  color: #008fd4; }

.range-especial.node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item:before {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title {
  color: #ffda23; }
  .range-especial.node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title strong {
    color: #fff; }

.range-especial.node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-subtitle {
  color: #fff; }

.range-especial.node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-title .range-subtitle {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a {
  color: #008fd4;
  background-color: #ffda23;
  border-color: #ffda23; }
  .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:focus, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.focus {
    color: #008fd4;
    background-color: #efc700;
    border-color: #a38700; }
  .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:hover {
    color: #008fd4;
    background-color: #efc700;
    border-color: #e5be00; }
  .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active,
  .open > .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle {
    color: #008fd4;
    background-color: #efc700;
    border-color: #e5be00; }
    .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active:hover, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active:focus, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active.focus, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active:hover, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active:focus, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active.focus,
    .open > .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle:hover,
    .open > .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle:focus,
    .open > .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle.focus {
      color: #008fd4;
      background-color: #cba900;
      border-color: #a38700; }
  .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active,
  .open > .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle {
    background-image: none; }
  .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.disabled:hover, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.disabled:focus, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.disabled.focus, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a[disabled]:hover, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a[disabled]:focus, .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a[disabled].focus,
  fieldset[disabled] .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:hover,
  fieldset[disabled] .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:focus,
  fieldset[disabled] .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.focus {
    background-color: #ffda23;
    border-color: #ffda23; }
  .range-especial.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a .badge {
    color: #ffda23;
    background-color: #008fd4; }

.range-especial.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .wrapper {
  background: #008fd4; }

.range-especial.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .field-name-field-push-img-quote .field-item:before, .range-especial.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .field-name-field-push-img-quote .field-item:after {
  color: #ffda23; }

.range-especial.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_image_mod .field-name-field-push-img-title-style .range-title {
  color: #008fd4; }

.range-especial.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-prev {
  left: 0;
  width: 65px;
  height: 65px;
  z-index: 1; }
  .range-especial.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-prev:before {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    color: #fff; }
  .range-especial.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-prev:after {
    font-family: "havana_icons";
    content: "";
    font-size: 65px;
    font-size: 6.5rem;
    line-height: 65px;
    line-height: 1;
    color: #008fd4;
    z-index: 0; }

.range-especial.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-next {
  right: 0;
  width: 65px;
  height: 65px;
  z-index: 1; }
  .range-especial.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-next:before {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    color: #fff; }
  .range-especial.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-next:after {
    font-family: "havana_icons";
    content: "";
    font-size: 65px;
    font-size: 6.5rem;
    line-height: 65px;
    line-height: 1;
    color: #008fd4;
    z-index: 0; }

.range-especial.node-type-cocktail .strate-pushs .field-name-field-cocktail-push .slick-prev {
  left: 0;
  width: 65px;
  height: 65px;
  z-index: 1; }
  .range-especial.node-type-cocktail .strate-pushs .field-name-field-cocktail-push .slick-prev:before {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    color: #fff; }
  .range-especial.node-type-cocktail .strate-pushs .field-name-field-cocktail-push .slick-prev:after {
    font-family: "havana_icons";
    content: "";
    font-size: 65px;
    font-size: 6.5rem;
    line-height: 65px;
    line-height: 1;
    color: #008fd4;
    z-index: 0; }

.range-especial.node-type-cocktail .strate-pushs .field-name-field-cocktail-push .slick-next {
  right: 0;
  width: 65px;
  height: 65px;
  z-index: 1; }
  .range-especial.node-type-cocktail .strate-pushs .field-name-field-cocktail-push .slick-next:before {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    color: #fff; }
  .range-especial.node-type-cocktail .strate-pushs .field-name-field-cocktail-push .slick-next:after {
    font-family: "havana_icons";
    content: "";
    font-size: 65px;
    font-size: 6.5rem;
    line-height: 65px;
    line-height: 1;
    color: #008fd4;
    z-index: 0; }

.range-especial.node-type-cocktail .strate-pushs .field-name-field-cocktail-push .node-push .field-name-field-push-hashtag {
  border: 5px solid transparent;
  -webkit-border-image: url("../img/border-brush-yellow-text.png") 8 round;
  border-image: url("../img/border-brush-yellow-text.png") 8 round;
  color: #008fd4; }
  .range-especial.node-type-cocktail .strate-pushs .field-name-field-cocktail-push .node-push .field-name-field-push-hashtag .field-item {
    background: #ffda23; }

.range-especial .strate-tips .node-push-image.node--push_image--push_image_tips_mod .field-name-field-push-img-title-style .range-title {
  color: white; }

@media only screen and (min-width: 1199px) {
  .range-especial.node-type-cocktail .strate-newsletter .column-middle .title:before {
    color: #fff; }
  .range-especial.node-type-cocktail .strate-newsletter .column-middle .title .range-title {
    color: #fff; } }

.range-hc7 .region-content {
  background: #000; }

.range-hc7 .sticky-anchors .anchors-item .anchors-link {
  background: rgba(0, 0, 0, 0.6); }
  .range-hc7 .sticky-anchors .anchors-item .anchors-link:before {
    background: #b40924; }
  .range-hc7 .sticky-anchors .anchors-item .anchors-link:after {
    background: rgba(0, 0, 0, 0.6); }

.range-hc7 .sticky-anchors .anchors-item.active {
  background: black; }

.range-hc7.node-type-cocktail .slick-dots li.slick-active button:before {
  color: #b40924; }

.range-hc7.node-type-cocktail .slick-dots li button:before {
  color: #ffcf69; }

.range-hc7.node-type-cocktail .btn.btn-primary {
  color: #fff;
  background-color: #b40924;
  border-color: #b40924; }
  .range-hc7.node-type-cocktail .btn.btn-primary:focus, .range-hc7.node-type-cocktail .btn.btn-primary.focus {
    color: #fff;
    background-color: #83071a;
    border-color: #3b030c; }
  .range-hc7.node-type-cocktail .btn.btn-primary:hover {
    color: #fff;
    background-color: #83071a;
    border-color: #7a0618; }
  .range-hc7.node-type-cocktail .btn.btn-primary:active, .range-hc7.node-type-cocktail .btn.btn-primary.active,
  .open > .range-hc7.node-type-cocktail .btn.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #83071a;
    border-color: #7a0618; }
    .range-hc7.node-type-cocktail .btn.btn-primary:active:hover, .range-hc7.node-type-cocktail .btn.btn-primary:active:focus, .range-hc7.node-type-cocktail .btn.btn-primary:active.focus, .range-hc7.node-type-cocktail .btn.btn-primary.active:hover, .range-hc7.node-type-cocktail .btn.btn-primary.active:focus, .range-hc7.node-type-cocktail .btn.btn-primary.active.focus,
    .open > .range-hc7.node-type-cocktail .btn.btn-primary.dropdown-toggle:hover,
    .open > .range-hc7.node-type-cocktail .btn.btn-primary.dropdown-toggle:focus,
    .open > .range-hc7.node-type-cocktail .btn.btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #610513;
      border-color: #3b030c; }
  .range-hc7.node-type-cocktail .btn.btn-primary:active, .range-hc7.node-type-cocktail .btn.btn-primary.active,
  .open > .range-hc7.node-type-cocktail .btn.btn-primary.dropdown-toggle {
    background-image: none; }
  .range-hc7.node-type-cocktail .btn.btn-primary.disabled:hover, .range-hc7.node-type-cocktail .btn.btn-primary.disabled:focus, .range-hc7.node-type-cocktail .btn.btn-primary.disabled.focus, .range-hc7.node-type-cocktail .btn.btn-primary[disabled]:hover, .range-hc7.node-type-cocktail .btn.btn-primary[disabled]:focus, .range-hc7.node-type-cocktail .btn.btn-primary[disabled].focus,
  fieldset[disabled] .range-hc7.node-type-cocktail .btn.btn-primary:hover,
  fieldset[disabled] .range-hc7.node-type-cocktail .btn.btn-primary:focus,
  fieldset[disabled] .range-hc7.node-type-cocktail .btn.btn-primary.focus {
    background-color: #b40924;
    border-color: #b40924; }
  .range-hc7.node-type-cocktail .btn.btn-primary .badge {
    color: #b40924;
    background-color: #fff; }

.range-hc7.node-type-cocktail .slick-prev:after,
.range-hc7.node-type-cocktail .slick-next:after {
  color: #b40924 !important; }

.range-hc7.node-type-cocktail .range-title,
.range-hc7.node-type-cocktail .range-subtitle {
  color: #efba5e; }

.range-hc7.node-type-cocktail .range-title {
  font-family: "HC7Modern-bold"; }

.range-hc7.node-type-cocktail .range-subtitle {
  font-family: "HC7Craft-Medium"; }

.range-hc7.node-type-cocktail .strate-twist .wrapper-content {
  color: #959595; }

.range-hc7.node-type-cocktail .strate-twist .field-name-field-cocktail-title-style {
  font-family: "HC7Modern-bold";
  color: #efba5e; }

.range-hc7.node-type-cocktail .strate-recipe .column-left .icon-tiret:before {
  content: ''; }

.range-hc7.node-type-cocktail .strate-recipe .column-left .title .range-title,
.range-hc7.node-type-cocktail .strate-recipe .column-left .title .range-subtitle {
  color: #efba5e; }

.range-hc7.node-type-cocktail .strate-recipe .column-left .title:before {
  height: 3px;
  background-color: #efba5e;
  width: 80px;
  bottom: -13px; }

.range-hc7.node-type-cocktail .strate-recipe .column-left .headline {
  color: #959595; }

.range-hc7.node-type-cocktail .strate-recipe .column-left .range-title {
  color: #efba5e; }

.range-hc7.node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select {
  border: 5px solid transparent;
  -webkit-border-image: url("../img/border-brush-grey-dark-text.png") 8 round;
  border-image: url("../img/border-brush-grey-dark-text.png") 8 round; }
  .range-hc7.node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select .form-group:before {
    background-color: #959595; }
  .range-hc7.node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-select .form-select {
    background-color: #959595;
    color: #000; }

.range-hc7.node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-submit {
  border: 5px solid transparent;
  -webkit-border-image: url("../img/border-brush-red-dark-text.png") 8 round;
  border-image: url("../img/border-brush-red-dark-text.png") 8 round; }
  .range-hc7.node-type-cocktail .strate-recipe .column-left .wrapper-form .wrapper-form-submit .form-submit {
    background-color: #b40924;
    color: #fff; }

.range-hc7.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .title {
  color: #959595; }

.range-hc7.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings {
  color: #959595; }
  .range-hc7.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item {
    background-color: #efba5e;
    color: #000; }
    .range-hc7.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item:before, .range-hc7.node-type-cocktail .strate-recipe .column-middle .node-cocktail-recipe .field-name-field-ccktl-rec-ings .field-name-field-field-ccktl-ing-number .field-items .field-item:after {
      background-color: #efba5e; }

.range-hc7.node-type-cocktail .strate-steps .column-left .title .range-title,
.range-hc7.node-type-cocktail .strate-steps .column-left .title .range-subtitle {
  color: #efba5e; }

.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item {
  color: #959595; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active {
    color: #efba5e; }
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active:after {
      color: #000; }
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active:before {
      color: #efba5e; }
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item.active span:before {
      background-color: #efba5e; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item:after {
    color: #000; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .field-item:before {
    color: #959595; }

.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.slick-active button {
  color: #fff; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.slick-active button:before {
    color: #b40924; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.slick-active button:after {
    background-color: #b40924; }

.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.active button,
.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button {
  color: #000; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.active button:before,
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button:before {
    color: #efba5e; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li.active button:after,
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li.active button:after {
    background-color: #efba5e; }

.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button,
.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button {
  color: #000; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button:before,
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button:before {
    color: #959595; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .slick-dots li button:after,
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .slick-dots li button:after {
    background-color: #959595; }

.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step,
.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step {
  color: #959595;
  border-left-color: #959595; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step.active,
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step.active {
    border-left-color: #efba5e; }
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step.active:after,
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step.active:after {
      color: #000; }
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step.active:before,
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step.active:before {
      color: #efba5e; }
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step.active span:before,
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step.active span:before {
      background-color: #efba5e; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step:after,
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step:after {
    color: #000; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step:before,
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step:before {
    color: #959595; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps .video-step span:before,
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-legend-steps .field-name-field-cocktail-steps-video .video-step span:before {
    background-color: #959595; }

.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn {
  color: #fff;
  background-color: #b40924;
  border-color: #b40924; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:focus, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.focus {
    color: #fff;
    background-color: #83071a;
    border-color: #3b030c; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:hover {
    color: #fff;
    background-color: #83071a;
    border-color: #7a0618; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active,
  .open > .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle {
    color: #fff;
    background-color: #83071a;
    border-color: #7a0618; }
    .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active:hover, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active:focus, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active.focus, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active:hover, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active:focus, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active.focus,
    .open > .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle:hover,
    .open > .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle:focus,
    .open > .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle.focus {
      color: #fff;
      background-color: #610513;
      border-color: #3b030c; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:active, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.active,
  .open > .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.dropdown-toggle {
    background-image: none; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled:hover, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled:focus, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.disabled.focus, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled]:hover, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled]:focus, .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn[disabled].focus,
  fieldset[disabled] .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:hover,
  fieldset[disabled] .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn:focus,
  fieldset[disabled] .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn.focus {
    background-color: #b40924;
    border-color: #b40924; }
  .range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .btn .badge {
    color: #b40924;
    background-color: #fff; }

.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .footer-social-item:before {
  color: #b40924; }

.range-hc7.node-type-cocktail .strate-steps .column-left .wrapper-actions .footer-social-item a:before {
  color: #fff; }

.range-hc7.node-type-cocktail .strate-newsletter .column-left .field-name-field-cocktail-tips-title .range-subtitle {
  color: #efba5e; }

.range-hc7.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text {
  border: 5px solid transparent;
  -webkit-border-image: url("../img/border-brush-grey-dark-text.png") 8 round;
  border-image: url("../img/border-brush-grey-dark-text.png") 8 round; }
  .range-hc7.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-item-newsletter-text:before {
    background-color: #959595; }

.range-hc7.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-text {
  background-color: #959595; }

.range-hc7.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit {
  color: #000; }
  .range-hc7.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit:hover, .range-hc7.node-type-cocktail .strate-newsletter .column-left #hvn-newsletter-cta-newsletter-form .form-submit:focus {
    color: #efba5e; }

.range-hc7.node-type-cocktail .strate-newsletter .column-middle .title:before {
  color: #efba5e;
  width: 160px;
  height: 2px;
  background-color: #efba5e;
  margin-left: -80px; }

.range-hc7.node-type-cocktail .strate-newsletter .column-middle .title .range-title {
  color: #efba5e; }

.range-hc7.node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item a:before {
  color: #fff; }

.range-hc7.node-type-cocktail .strate-newsletter .column-middle .footer-social-list .footer-social-item:before {
  color: #b40924; }

.range-hc7.node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title {
  color: #efba5e; }
  .range-hc7.node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-title strong {
    color: #efba5e; }

.range-hc7.node-type-cocktail .strate-make .column-left .wrapper-parts .parts-list .parts-item .range-subtitle {
  color: #efba5e; }

.range-hc7.node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-title .range-subtitle {
  color: #efba5e; }

.range-hc7.node-type-cocktail .strate-make .column-middle .field-name-field-cocktail-make-desc {
  color: #959595; }

.range-hc7.node-type-cocktail .strate-tips {
  color: #aaa9a9; }
  .range-hc7.node-type-cocktail .strate-tips .field-name-field-cocktail-afi-title .range-title,
  .range-hc7.node-type-cocktail .strate-tips .field-name-field-cocktail-afi-title .range-subtitle {
    color: #efba5e; }
  .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips .field-item {
    display: inline-block;
    overflow: hidden; }
  .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips .range-title {
    overflow: hidden;
    text-align: center; }
    .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips .range-title:before, .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips .range-title:after {
      background-color: #ffcf69;
      content: "";
      display: inline-block;
      height: 2px;
      margin-top: -6px;
      position: relative;
      vertical-align: middle;
      width: 50%; }
    .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips .range-title:before {
      right: 3%;
      margin-left: -50%; }
    .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips .range-title:after {
      left: 3%;
      margin-right: -50%; }
  .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips .range-title,
  .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips .range-subtitle {
    color: #ffcf69; }
  .range-hc7.node-type-cocktail .strate-tips .node-push-image {
    border: 10px solid transparent;
    -webkit-border-image: url("../img/border-brush-frame-black.png") 15 round;
    border-image: url("../img/border-brush-frame-black.png") 15 round; }
    .range-hc7.node-type-cocktail .strate-tips .node-push-image .wrapper {
      background-color: #000; }
    .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-thumbnail {
      border: 10px solid transparent;
      -webkit-border-image: url("../img/border-brush-frame-black.png") 15 round;
      border-image: url("../img/border-brush-frame-black.png") 15 round; }
    .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a {
      color: #fff;
      background-color: #b40924;
      border-color: #b40924; }
      .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:focus, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.focus {
        color: #fff;
        background-color: #83071a;
        border-color: #3b030c; }
      .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:hover {
        color: #fff;
        background-color: #83071a;
        border-color: #7a0618; }
      .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active,
      .open > .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle {
        color: #fff;
        background-color: #83071a;
        border-color: #7a0618; }
        .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active:hover, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active:focus, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active.focus, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active:hover, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active:focus, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active.focus,
        .open > .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle:hover,
        .open > .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle:focus,
        .open > .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle.focus {
          color: #fff;
          background-color: #610513;
          border-color: #3b030c; }
      .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:active, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.active,
      .open > .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.dropdown-toggle {
        background-image: none; }
      .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.disabled:hover, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.disabled:focus, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.disabled.focus, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a[disabled]:hover, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a[disabled]:focus, .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a[disabled].focus,
      fieldset[disabled] .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:hover,
      fieldset[disabled] .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a:focus,
      fieldset[disabled] .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a.focus {
        background-color: #b40924;
        border-color: #b40924; }
      .range-hc7.node-type-cocktail .strate-tips .node-push-image .field-name-field-push-img-link a .badge {
        color: #b40924;
        background-color: #fff; }
    .range-hc7.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .field-name-field-push-img-title-style .range-title,
    .range-hc7.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .field-name-field-push-img-title-style .range-subtitle {
      color: #ffcf69; }
    .range-hc7.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .field-name-field-push-img-quote {
      color: #aaa9a9; }
      .range-hc7.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .field-name-field-push-img-quote .field-item:before, .range-hc7.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .field-name-field-push-img-quote .field-item:after {
        color: #ffcf69; }
    .range-hc7.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_tips_mod .wrapper {
      background: #000; }
    .range-hc7.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_image_mod .field-name-field-push-img-title-style .range-title,
    .range-hc7.node-type-cocktail .strate-tips .node-push-image.node--push_image--push_image_image_mod .field-name-field-push-img-title-style .range-subtitle {
      color: #ffcf69; }
  .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-prev {
    left: 0;
    width: 65px;
    height: 65px;
    z-index: 1; }
    .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-prev:before {
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      margin-left: -10px;
      margin-top: -10px;
      color: #fff; }
    .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-prev:after {
      font-family: "havana_icons";
      content: "";
      font-size: 65px;
      font-size: 6.5rem;
      line-height: 65px;
      line-height: 1;
      color: #b40924;
      z-index: 0; }
  .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-next {
    right: 0;
    width: 65px;
    height: 65px;
    z-index: 1; }
    .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-next:before {
      position: absolute;
      z-index: 1;
      left: 50%;
      top: 50%;
      margin-left: -10px;
      margin-top: -10px;
      color: #fff; }
    .range-hc7.node-type-cocktail .strate-tips .field-name-field-product-tips-pushs .slick-next:after {
      font-family: "havana_icons";
      content: "";
      font-size: 65px;
      font-size: 6.5rem;
      line-height: 65px;
      line-height: 1;
      color: #b40924;
      z-index: 0; }

@media only screen and (min-width: 1199px) {
  .range-hc7.node-type-cocktail .strate-newsletter .column-middle .title:before {
    color: #efba5e; }
  .range-hc7.node-type-cocktail .strate-newsletter .column-middle .title .range-title {
    color: #efba5e; } }

.range-hc3 .strate-recipe .title .range-subtitle,
.range-hc3 .field-name-field-cocktail-recipe-text .range-subtitle {
  color: #00aa4f; }

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