/** Shopify CDN: Minification failed

Line 80:3 Unexpected "zoom"
Line 1588:3 Unexpected "zoom"
Line 9179:9 Expected identifier but found whitespace
Line 9179:10 Unexpected "87px"

**/
/*============================================================================
  Debut | Built with Shopify Slate

  Some things to know about this file:
    - Sass is compiled on Shopify's server so you don't need to convert it to CSS yourself
    - The output CSS is compressed and comments are removed
    - You cannot use native CSS/Sass @imports in this file without a build script
==============================================================================*/
/*================ SASS HELPERS ================*/
/*============================================================================
  Convert pixels to ems
  eg. for a relational value of 12px write em(12) when the parent is 16px
  if the parent is another value say 24px write em(12, 24)
  Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_px-to-em.scss
==============================================================================*/
/*============================================================================
  Strips the unit from a number.
  @param {Number (With Unit)} $value
  @example scss - Usage
    $dimension: strip-units(10em);
  @example css - CSS Output
    $dimension: 10;
  @return {Number (Unitless)}
  based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_strip-units.scss
==============================================================================*/
/*================ #Mixins ================*/
  /*============================================================================
    Prefix mixin for generating vendor prefixes.
    Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss

    Usage:
      // Input:
      .element {
        @include prefix(transform, scale(1), ms webkit spec);
      }

      // Output:
      .element {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
      }
  ==============================================================================*/
/*================ Media Query Mixin ================*/
/*================ Responsive Show/Hide Helper ================*/
/*================ Responsive Text Alignment Helper ================*/
/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
/*================ VARIABLES ================*/
/*================ Sizing Variables ================*/
/*============================================================================
  Grid Breakpoints and Class Names
    - Do not change the variable names
==============================================================================*/
/*============================================================================
  Generate breakpoint-specific column widths and push classes
    - Default column widths: $grid-breakpoint-has-widths: ($small, $medium-up);
    - Default is no push classes
==============================================================================*/
/*============================================================================
  #Grid
==============================================================================*/
/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
.grid {
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -20px; }
  .grid::after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (max-width: 768px) {
    .grid {
      margin-left: -20px; } }

.grid__item {
  float: left;
  padding-left: 20px;
  width: 100%; }
  .grid__item[class*="--push"] {
    position: relative; }

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right; }

/*============================================================================
  Grid Columns
    - Create width classes, prepended by the breakpoint name.
==============================================================================*/
/*================ Grid push classes ================*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Build Base Grid Classes ================*/
/* Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.33333%; }

.two-thirds {
  width: 66.66667%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

/* Fifths */
.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

/* Sixths */
.one-sixth {
  width: 16.66667%; }

.two-sixths {
  width: 33.33333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.66667%; }

.five-sixths {
  width: 83.33333%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.33333%; }

.two-twelfths {
  width: 16.66667%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.33333%; }

.five-twelfths {
  width: 41.66667%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.33333%; }

.eight-twelfths {
  width: 66.66667%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.33333%; }

.eleven-twelfths {
  width: 91.66667%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

/*================ Build Responsive Grid Classes ================*/
@media only screen and (max-width: 479px) {
  /* Whole */
  .xsmall--one-whole {
    width: 100%; }

  /* Halves */
  .xsmall--one-half {
    width: 50%; }

  /* Thirds */
  .xsmall--one-third {
    width: 33.33333%; }

  .xsmall--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .xsmall--one-quarter {
    width: 25%; }

  .xsmall--two-quarters {
    width: 50%; }

  .xsmall--three-quarters {
    width: 75%; }

  /* Fifths */
  .xsmall--one-fifth {
    width: 20%; }

  .xsmall--two-fifths {
    width: 40%; }

  .xsmall--three-fifths {
    width: 60%; }

  .xsmall--four-fifths {
    width: 80%; }

  /* Sixths */
  .xsmall--one-sixth {
    width: 16.66667%; }

  .xsmall--two-sixths {
    width: 33.33333%; }

  .xsmall--three-sixths {
    width: 50%; }

  .xsmall--four-sixths {
    width: 66.66667%; }

  .xsmall--five-sixths {
    width: 83.33333%; }

  /* Eighths */
  .xsmall--one-eighth {
    width: 12.5%; }

  .xsmall--two-eighths {
    width: 25%; }

  .xsmall--three-eighths {
    width: 37.5%; }

  .xsmall--four-eighths {
    width: 50%; }

  .xsmall--five-eighths {
    width: 62.5%; }

  .xsmall--six-eighths {
    width: 75%; }

  .xsmall--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .xsmall--one-tenth {
    width: 10%; }

  .xsmall--two-tenths {
    width: 20%; }

  .xsmall--three-tenths {
    width: 30%; }

  .xsmall--four-tenths {
    width: 40%; }

  .xsmall--five-tenths {
    width: 50%; }

  .xsmall--six-tenths {
    width: 60%; }

  .xsmall--seven-tenths {
    width: 70%; }

  .xsmall--eight-tenths {
    width: 80%; }

  .xsmall--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .xsmall--one-twelfth {
    width: 8.33333%; }

  .xsmall--two-twelfths {
    width: 16.66667%; }

  .xsmall--three-twelfths {
    width: 25%; }

  .xsmall--four-twelfths {
    width: 33.33333%; }

  .xsmall--five-twelfths {
    width: 41.66667%; }

  .xsmall--six-twelfths {
    width: 50%; }

  .xsmall--seven-twelfths {
    width: 58.33333%; }

  .xsmall--eight-twelfths {
    width: 66.66667%; }

  .xsmall--nine-twelfths {
    width: 75%; }

  .xsmall--ten-twelfths {
    width: 83.33333%; }

  .xsmall--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .xsmall--one-half:nth-child(2n+1),
  .grid--uniform .xsmall--one-third:nth-child(3n+1),
  .grid--uniform .xsmall--one-quarter:nth-child(4n+1),
  .grid--uniform .xsmall--one-fifth:nth-child(5n+1),
  .grid--uniform .xsmall--one-sixth:nth-child(6n+1),
  .grid--uniform .xsmall--two-sixths:nth-child(3n+1),
  .grid--uniform .xsmall--three-sixths:nth-child(2n+1),
  .grid--uniform .xsmall--one-eighth:nth-child(8n+1),
  .grid--uniform .xsmall--two-eighths:nth-child(4n+1),
  .grid--uniform .xsmall--four-eighths:nth-child(2n+1),
  .grid--uniform .xsmall--five-tenths:nth-child(2n+1),
  .grid--uniform .xsmall--one-twelfth:nth-child(12n+1),
  .grid--uniform .xsmall--two-twelfths:nth-child(6n+1),
  .grid--uniform .xsmall--three-twelfths:nth-child(4n+1),
  .grid--uniform .xsmall--four-twelfths:nth-child(3n+1),
  .grid--uniform .xsmall--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .xsmall--show {
    display: block !important; }

  .xsmall--hide {
    display: none !important; }

  .xsmall--text-left {
    text-align: left !important; }

  .xsmall--text-right {
    text-align: right !important; }

  .xsmall--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 480px) and (max-width: 768px) {
  /* Whole */
  .small--one-whole {
    width: 100%; }

  /* Halves */
  .small--one-half {
    width: 50%; }

  /* Thirds */
  .small--one-third {
    width: 33.33333%; }

  .small--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .small--one-quarter {
    width: 25%; }

  .small--two-quarters {
    width: 50%; }

  .small--three-quarters {
    width: 75%; }

  /* Fifths */
  .small--one-fifth {
    width: 20%; }

  .small--two-fifths {
    width: 40%; }

  .small--three-fifths {
    width: 60%; }

  .small--four-fifths {
    width: 80%; }

  /* Sixths */
  .small--one-sixth {
    width: 16.66667%; }

  .small--two-sixths {
    width: 33.33333%; }

  .small--three-sixths {
    width: 50%; }

  .small--four-sixths {
    width: 66.66667%; }

  .small--five-sixths {
    width: 83.33333%; }

  /* Eighths */
  .small--one-eighth {
    width: 12.5%; }

  .small--two-eighths {
    width: 25%; }

  .small--three-eighths {
    width: 37.5%; }

  .small--four-eighths {
    width: 50%; }

  .small--five-eighths {
    width: 62.5%; }

  .small--six-eighths {
    width: 75%; }

  .small--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .small--one-tenth {
    width: 10%; }

  .small--two-tenths {
    width: 20%; }

  .small--three-tenths {
    width: 30%; }

  .small--four-tenths {
    width: 40%; }

  .small--five-tenths {
    width: 50%; }

  .small--six-tenths {
    width: 60%; }

  .small--seven-tenths {
    width: 70%; }

  .small--eight-tenths {
    width: 80%; }

  .small--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small--one-twelfth {
    width: 8.33333%; }

  .small--two-twelfths {
    width: 16.66667%; }

  .small--three-twelfths {
    width: 25%; }

  .small--four-twelfths {
    width: 33.33333%; }

  .small--five-twelfths {
    width: 41.66667%; }

  .small--six-twelfths {
    width: 50%; }

  .small--seven-twelfths {
    width: 58.33333%; }

  .small--eight-twelfths {
    width: 66.66667%; }

  .small--nine-twelfths {
    width: 75%; }

  .small--ten-twelfths {
    width: 83.33333%; }

  .small--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .small--one-half:nth-child(2n+1),
  .grid--uniform .small--one-third:nth-child(3n+1),
  .grid--uniform .small--one-quarter:nth-child(4n+1),
  .grid--uniform .small--one-fifth:nth-child(5n+1),
  .grid--uniform .small--one-sixth:nth-child(6n+1),
  .grid--uniform .small--two-sixths:nth-child(3n+1),
  .grid--uniform .small--three-sixths:nth-child(2n+1),
  .grid--uniform .small--one-eighth:nth-child(8n+1),
  .grid--uniform .small--two-eighths:nth-child(4n+1),
  .grid--uniform .small--four-eighths:nth-child(2n+1),
  .grid--uniform .small--five-tenths:nth-child(2n+1),
  .grid--uniform .small--one-twelfth:nth-child(12n+1),
  .grid--uniform .small--two-twelfths:nth-child(6n+1),
  .grid--uniform .small--three-twelfths:nth-child(4n+1),
  .grid--uniform .small--four-twelfths:nth-child(3n+1),
  .grid--uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .small--show {
    display: block !important; }

  .small--hide {
    display: none !important; }

  .small--text-left {
    text-align: left !important; }

  .small--text-right {
    text-align: right !important; }

  .small--text-center {
    text-align: center !important; } }
@media only screen and (max-width: 768px) {
  /* Whole */
  .small-down--one-whole {
    width: 100%; }

  /* Halves */
  .small-down--one-half {
    width: 50%; }

  /* Thirds */
  .small-down--one-third {
    width: 33.33333%; }

  .small-down--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .small-down--one-quarter {
    width: 25%; }

  .small-down--two-quarters {
    width: 50%; }

  .small-down--three-quarters {
    width: 75%; }

  /* Fifths */
  .small-down--one-fifth {
    width: 20%; }

  .small-down--two-fifths {
    width: 40%; }

  .small-down--three-fifths {
    width: 60%; }

  .small-down--four-fifths {
    width: 80%; }

  /* Sixths */
  .small-down--one-sixth {
    width: 16.66667%; }

  .small-down--two-sixths {
    width: 33.33333%; }

  .small-down--three-sixths {
    width: 50%; }

  .small-down--four-sixths {
    width: 66.66667%; }

  .small-down--five-sixths {
    width: 83.33333%; }

  /* Eighths */
  .small-down--one-eighth {
    width: 12.5%; }

  .small-down--two-eighths {
    width: 25%; }

  .small-down--three-eighths {
    width: 37.5%; }

  .small-down--four-eighths {
    width: 50%; }

  .small-down--five-eighths {
    width: 62.5%; }

  .small-down--six-eighths {
    width: 75%; }

  .small-down--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .small-down--one-tenth {
    width: 10%; }

  .small-down--two-tenths {
    width: 20%; }

  .small-down--three-tenths {
    width: 30%; }

  .small-down--four-tenths {
    width: 40%; }

  .small-down--five-tenths {
    width: 50%; }

  .small-down--six-tenths {
    width: 60%; }

  .small-down--seven-tenths {
    width: 70%; }

  .small-down--eight-tenths {
    width: 80%; }

  .small-down--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small-down--one-twelfth {
    width: 8.33333%; }

  .small-down--two-twelfths {
    width: 16.66667%; }

  .small-down--three-twelfths {
    width: 25%; }

  .small-down--four-twelfths {
    width: 33.33333%; }

  .small-down--five-twelfths {
    width: 41.66667%; }

  .small-down--six-twelfths {
    width: 50%; }

  .small-down--seven-twelfths {
    width: 58.33333%; }

  .small-down--eight-twelfths {
    width: 66.66667%; }

  .small-down--nine-twelfths {
    width: 75%; }

  .small-down--ten-twelfths {
    width: 83.33333%; }

  .small-down--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .small-down--one-half:nth-child(2n+1),
  .grid--uniform .small-down--one-third:nth-child(3n+1),
  .grid--uniform .small-down--one-quarter:nth-child(4n+1),
  .grid--uniform .small-down--one-fifth:nth-child(5n+1),
  .grid--uniform .small-down--one-sixth:nth-child(6n+1),
  .grid--uniform .small-down--two-sixths:nth-child(3n+1),
  .grid--uniform .small-down--three-sixths:nth-child(2n+1),
  .grid--uniform .small-down--one-eighth:nth-child(8n+1),
  .grid--uniform .small-down--two-eighths:nth-child(4n+1),
  .grid--uniform .small-down--four-eighths:nth-child(2n+1),
  .grid--uniform .small-down--five-tenths:nth-child(2n+1),
  .grid--uniform .small-down--one-twelfth:nth-child(12n+1),
  .grid--uniform .small-down--two-twelfths:nth-child(6n+1),
  .grid--uniform .small-down--three-twelfths:nth-child(4n+1),
  .grid--uniform .small-down--four-twelfths:nth-child(3n+1),
  .grid--uniform .small-down--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .small-down--show {
    display: block !important; }

  .small-down--hide {
    display: none !important; }

  .small-down--text-left {
    text-align: left !important; }

  .small-down--text-right {
    text-align: right !important; }

  .small-down--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 480px) {
  /* Whole */
  .small-up--one-whole {
    width: 100%; }

  /* Halves */
  .small-up--one-half {
    width: 50%; }

  /* Thirds */
  .small-up--one-third {
    width: 33.33333%; }

  .small-up--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .small-up--one-quarter {
    width: 25%; }

  .small-up--two-quarters {
    width: 50%; }

  .small-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .small-up--one-fifth {
    width: 20%; }

  .small-up--two-fifths {
    width: 40%; }

  .small-up--three-fifths {
    width: 60%; }

  .small-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .small-up--one-sixth {
    width: 16.66667%; }

  .small-up--two-sixths {
    width: 33.33333%; }

  .small-up--three-sixths {
    width: 50%; }

  .small-up--four-sixths {
    width: 66.66667%; }

  .small-up--five-sixths {
    width: 83.33333%; }

  /* Eighths */
  .small-up--one-eighth {
    width: 12.5%; }

  .small-up--two-eighths {
    width: 25%; }

  .small-up--three-eighths {
    width: 37.5%; }

  .small-up--four-eighths {
    width: 50%; }

  .small-up--five-eighths {
    width: 62.5%; }

  .small-up--six-eighths {
    width: 75%; }

  .small-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .small-up--one-tenth {
    width: 10%; }

  .small-up--two-tenths {
    width: 20%; }

  .small-up--three-tenths {
    width: 30%; }

  .small-up--four-tenths {
    width: 40%; }

  .small-up--five-tenths {
    width: 50%; }

  .small-up--six-tenths {
    width: 60%; }

  .small-up--seven-tenths {
    width: 70%; }

  .small-up--eight-tenths {
    width: 80%; }

  .small-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .small-up--one-twelfth {
    width: 8.33333%; }

  .small-up--two-twelfths {
    width: 16.66667%; }

  .small-up--three-twelfths {
    width: 25%; }

  .small-up--four-twelfths {
    width: 33.33333%; }

  .small-up--five-twelfths {
    width: 41.66667%; }

  .small-up--six-twelfths {
    width: 50%; }

  .small-up--seven-twelfths {
    width: 58.33333%; }

  .small-up--eight-twelfths {
    width: 66.66667%; }

  .small-up--nine-twelfths {
    width: 75%; }

  .small-up--ten-twelfths {
    width: 83.33333%; }

  .small-up--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .small-up--one-half:nth-child(2n+1),
  .grid--uniform .small-up--one-third:nth-child(3n+1),
  .grid--uniform .small-up--one-quarter:nth-child(4n+1),
  .grid--uniform .small-up--one-fifth:nth-child(5n+1),
  .grid--uniform .small-up--one-sixth:nth-child(6n+1),
  .grid--uniform .small-up--two-sixths:nth-child(3n+1),
  .grid--uniform .small-up--three-sixths:nth-child(2n+1),
  .grid--uniform .small-up--one-eighth:nth-child(8n+1),
  .grid--uniform .small-up--two-eighths:nth-child(4n+1),
  .grid--uniform .small-up--four-eighths:nth-child(2n+1),
  .grid--uniform .small-up--five-tenths:nth-child(2n+1),
  .grid--uniform .small-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .small-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .small-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .small-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .small-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .small-up--show {
    display: block !important; }

  .small-up--hide {
    display: none !important; }

  .small-up--text-left {
    text-align: left !important; }

  .small-up--text-right {
    text-align: right !important; }

  .small-up--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 769px) {
  /* Whole */
  .medium-up--one-whole {
    width: 100%; }

  /* Halves */
  .medium-up--one-half {
    width: 50%; }

  /* Thirds */
  .medium-up--one-third {
    width: 33.33333%; }

  .medium-up--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .medium-up--one-quarter {
    width: 25%; }

  .medium-up--two-quarters {
    width: 50%; }

  .medium-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .medium-up--one-fifth {
    width: 20%; }

  .medium-up--two-fifths {
    width: 40%; }

  .medium-up--three-fifths {
    width: 60%; }

  .medium-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .medium-up--one-sixth {
    width: 16.66667%; }

  .medium-up--two-sixths {
    width: 33.33333%; }

  .medium-up--three-sixths {
    width: 50%; }

  .medium-up--four-sixths {
    width: 66.66667%; }

  .medium-up--five-sixths {
    width: 83.33333%; }

  /* Eighths */
  .medium-up--one-eighth {
    width: 12.5%; }

  .medium-up--two-eighths {
    width: 25%; }

  .medium-up--three-eighths {
    width: 37.5%; }

  .medium-up--four-eighths {
    width: 50%; }

  .medium-up--five-eighths {
    width: 62.5%; }

  .medium-up--six-eighths {
    width: 75%; }

  .medium-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .medium-up--one-tenth {
    width: 10%; }

  .medium-up--two-tenths {
    width: 20%; }

  .medium-up--three-tenths {
    width: 30%; }

  .medium-up--four-tenths {
    width: 40%; }

  .medium-up--five-tenths {
    width: 50%; }

  .medium-up--six-tenths {
    width: 60%; }

  .medium-up--seven-tenths {
    width: 70%; }

  .medium-up--eight-tenths {
    width: 80%; }

  .medium-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .medium-up--one-twelfth {
    width: 8.33333%; }

  .medium-up--two-twelfths {
    width: 16.66667%; }

  .medium-up--three-twelfths {
    width: 25%; }

  .medium-up--four-twelfths {
    width: 33.33333%; }

  .medium-up--five-twelfths {
    width: 41.66667%; }

  .medium-up--six-twelfths {
    width: 50%; }

  .medium-up--seven-twelfths {
    width: 58.33333%; }

  .medium-up--eight-twelfths {
    width: 66.66667%; }

  .medium-up--nine-twelfths {
    width: 75%; }

  .medium-up--ten-twelfths {
    width: 83.33333%; }

  .medium-up--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .medium-up--one-half:nth-child(2n+1),
  .grid--uniform .medium-up--one-third:nth-child(3n+1),
  .grid--uniform .medium-up--one-quarter:nth-child(4n+1),
  .grid--uniform .medium-up--one-fifth:nth-child(5n+1),
  .grid--uniform .medium-up--one-sixth:nth-child(6n+1),
  .grid--uniform .medium-up--two-sixths:nth-child(3n+1),
  .grid--uniform .medium-up--three-sixths:nth-child(2n+1),
  .grid--uniform .medium-up--one-eighth:nth-child(8n+1),
  .grid--uniform .medium-up--two-eighths:nth-child(4n+1),
  .grid--uniform .medium-up--four-eighths:nth-child(2n+1),
  .grid--uniform .medium-up--five-tenths:nth-child(2n+1),
  .grid--uniform .medium-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .medium-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .medium-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .medium-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .medium-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .medium-up--show {
    display: block !important; }

  .medium-up--hide {
    display: none !important; }

  .medium-up--text-left {
    text-align: left !important; }

  .medium-up--text-right {
    text-align: right !important; }

  .medium-up--text-center {
    text-align: center !important; } }
@media only screen and (min-width: 992px) {
  /* Whole */
  .large-up--one-whole {
    width: 100%; }

  /* Halves */
  .large-up--one-half {
    width: 50%; }

  /* Thirds */
  .large-up--one-third {
    width: 33.33333%; }

  .large-up--two-thirds {
    width: 66.66667%; }

  /* Quarters */
  .large-up--one-quarter {
    width: 25%; }

  .large-up--two-quarters {
    width: 50%; }

  .large-up--three-quarters {
    width: 75%; }

  /* Fifths */
  .large-up--one-fifth {
    width: 20%; }

  .large-up--two-fifths {
    width: 40%; }

  .large-up--three-fifths {
    width: 60%; }

  .large-up--four-fifths {
    width: 80%; }

  /* Sixths */
  .large-up--one-sixth {
    width: 16.66667%; }

  .large-up--two-sixths {
    width: 33.33333%; }

  .large-up--three-sixths {
    width: 50%; }

  .large-up--four-sixths {
    width: 66.66667%; }

  .large-up--five-sixths {
    width: 83.33333%; }

  /* Eighths */
  .large-up--one-eighth {
    width: 12.5%; }

  .large-up--two-eighths {
    width: 25%; }

  .large-up--three-eighths {
    width: 37.5%; }

  .large-up--four-eighths {
    width: 50%; }

  .large-up--five-eighths {
    width: 62.5%; }

  .large-up--six-eighths {
    width: 75%; }

  .large-up--seven-eighths {
    width: 87.5%; }

  /* Tenths */
  .large-up--one-tenth {
    width: 10%; }

  .large-up--two-tenths {
    width: 20%; }

  .large-up--three-tenths {
    width: 30%; }

  .large-up--four-tenths {
    width: 40%; }

  .large-up--five-tenths {
    width: 50%; }

  .large-up--six-tenths {
    width: 60%; }

  .large-up--seven-tenths {
    width: 70%; }

  .large-up--eight-tenths {
    width: 80%; }

  .large-up--nine-tenths {
    width: 90%; }

  /* Twelfths */
  .large-up--one-twelfth {
    width: 8.33333%; }

  .large-up--two-twelfths {
    width: 16.66667%; }

  .large-up--three-twelfths {
    width: 25%; }

  .large-up--four-twelfths {
    width: 33.33333%; }

  .large-up--five-twelfths {
    width: 41.66667%; }

  .large-up--six-twelfths {
    width: 50%; }

  .large-up--seven-twelfths {
    width: 58.33333%; }

  .large-up--eight-twelfths {
    width: 66.66667%; }

  .large-up--nine-twelfths {
    width: 75%; }

  .large-up--ten-twelfths {
    width: 83.33333%; }

  .large-up--eleven-twelfths {
    width: 91.66667%; }

  .grid--uniform .large-up--one-half:nth-child(2n+1),
  .grid--uniform .large-up--one-third:nth-child(3n+1),
  .grid--uniform .large-up--one-quarter:nth-child(4n+1),
  .grid--uniform .large-up--one-fifth:nth-child(5n+1),
  .grid--uniform .large-up--one-sixth:nth-child(6n+1),
  .grid--uniform .large-up--two-sixths:nth-child(3n+1),
  .grid--uniform .large-up--three-sixths:nth-child(2n+1),
  .grid--uniform .large-up--one-eighth:nth-child(8n+1),
  .grid--uniform .large-up--two-eighths:nth-child(4n+1),
  .grid--uniform .large-up--four-eighths:nth-child(2n+1),
  .grid--uniform .large-up--five-tenths:nth-child(2n+1),
  .grid--uniform .large-up--one-twelfth:nth-child(12n+1),
  .grid--uniform .large-up--two-twelfths:nth-child(6n+1),
  .grid--uniform .large-up--three-twelfths:nth-child(4n+1),
  .grid--uniform .large-up--four-twelfths:nth-child(3n+1),
  .grid--uniform .large-up--six-twelfths:nth-child(2n+1) {
    clear: both; }

  .large-up--show {
    display: block !important; }

  .large-up--hide {
    display: none !important; }

  .large-up--text-left {
    text-align: left !important; }

  .large-up--text-right {
    text-align: right !important; }

  .large-up--text-center {
    text-align: center !important; } }
/*================ Build Grid Push Classes ================*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
  /* Halves */
  .small--push-one-half {
    left: 50%; }

  /* Thirds */
  .small--push-one-third {
    left: 33.33333%; }

  .small--push-two-thirds {
    left: 66.66667%; }

  /* Quarters */
  .small--push-one-quarter {
    left: 25%; }

  .small--push-two-quarters {
    left: 50%; }

  .small--push-three-quarters {
    left: 75%; }

  /* Fifths */
  .small--push-one-fifth {
    left: 20%; }

  .small--push-two-fifths {
    left: 40%; }

  .small--push-three-fifths {
    left: 60%; }

  .small--push-four-fifths {
    left: 80%; }

  /* Sixths */
  .small--push-one-sixth {
    left: 16.66667%; }

  .small--push-two-sixths {
    left: 33.33333%; }

  .small--push-three-sixths {
    left: 50%; }

  .small--push-four-sixths {
    left: 66.66667%; }

  .small--push-five-sixths {
    left: 83.33333%; }

  /* Eighths */
  .small--push-one-eighth {
    left: 12.5%; }

  .small--push-two-eighths {
    left: 25%; }

  .small--push-three-eighths {
    left: 37.5%; }

  .small--push-four-eighths {
    left: 50%; }

  .small--push-five-eighths {
    left: 62.5%; }

  .small--push-six-eighths {
    left: 75%; }

  .small--push-seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .small--push-one-tenth {
    left: 10%; }

  .small--push-two-tenths {
    left: 20%; }

  .small--push-three-tenths {
    left: 30%; }

  .small--push-four-tenths {
    left: 40%; }

  .small--push-five-tenths {
    left: 50%; }

  .small--push-six-tenths {
    left: 60%; }

  .small--push-seven-tenths {
    left: 70%; }

  .small--push-eight-tenths {
    left: 80%; }

  .small--push-nine-tenths {
    left: 90%; }

  /* Twelfths */
  .small--push-one-twelfth {
    left: 8.33333%; }

  .small--push-two-twelfths {
    left: 16.66667%; }

  .small--push-three-twelfths {
    left: 25%; }

  .small--push-four-twelfths {
    left: 33.33333%; }

  .small--push-five-twelfths {
    left: 41.66667%; }

  .small--push-six-twelfths {
    left: 50%; }

  .small--push-seven-twelfths {
    left: 58.33333%; }

  .small--push-eight-twelfths {
    left: 66.66667%; }

  .small--push-nine-twelfths {
    left: 75%; }

  .small--push-ten-twelfths {
    left: 83.33333%; }

  .small--push-eleven-twelfths {
    left: 91.66667%; } }
@media only screen and (min-width: 769px) {
  /* Halves */
  .medium-up--push-one-half {
    left: 50%; }

  /* Thirds */
  .medium-up--push-one-third {
    left: 33.33333%; }

  .medium-up--push-two-thirds {
    left: 66.66667%; }

  /* Quarters */
  .medium-up--push-one-quarter {
    left: 25%; }

  .medium-up--push-two-quarters {
    left: 50%; }

  .medium-up--push-three-quarters {
    left: 75%; }

  /* Fifths */
  .medium-up--push-one-fifth {
    left: 20%; }

  .medium-up--push-two-fifths {
    left: 40%; }

  .medium-up--push-three-fifths {
    left: 60%; }

  .medium-up--push-four-fifths {
    left: 80%; }

  /* Sixths */
  .medium-up--push-one-sixth {
    left: 16.66667%; }

  .medium-up--push-two-sixths {
    left: 33.33333%; }

  .medium-up--push-three-sixths {
    left: 50%; }

  .medium-up--push-four-sixths {
    left: 66.66667%; }

  .medium-up--push-five-sixths {
    left: 83.33333%; }

  /* Eighths */
  .medium-up--push-one-eighth {
    left: 12.5%; }

  .medium-up--push-two-eighths {
    left: 25%; }

  .medium-up--push-three-eighths {
    left: 37.5%; }

  .medium-up--push-four-eighths {
    left: 50%; }

  .medium-up--push-five-eighths {
    left: 62.5%; }

  .medium-up--push-six-eighths {
    left: 75%; }

  .medium-up--push-seven-eighths {
    left: 87.5%; }

  /* Tenths */
  .medium-up--push-one-tenth {
    left: 10%; }

  .medium-up--push-two-tenths {
    left: 20%; }

  .medium-up--push-three-tenths {
    left: 30%; }

  .medium-up--push-four-tenths {
    left: 40%; }

  .medium-up--push-five-tenths {
    left: 50%; }

  .medium-up--push-six-tenths {
    left: 60%; }

  .medium-up--push-seven-tenths {
    left: 70%; }

  .medium-up--push-eight-tenths {
    left: 80%; }

  .medium-up--push-nine-tenths {
    left: 90%; }

  /* Twelfths */
  .medium-up--push-one-twelfth {
    left: 8.33333%; }

  .medium-up--push-two-twelfths {
    left: 16.66667%; }

  .medium-up--push-three-twelfths {
    left: 25%; }

  .medium-up--push-four-twelfths {
    left: 33.33333%; }

  .medium-up--push-five-twelfths {
    left: 41.66667%; }

  .medium-up--push-six-twelfths {
    left: 50%; }

  .medium-up--push-seven-twelfths {
    left: 58.33333%; }

  .medium-up--push-eight-twelfths {
    left: 66.66667%; }

  .medium-up--push-nine-twelfths {
    left: 75%; }

  .medium-up--push-ten-twelfths {
    left: 83.33333%; }

  .medium-up--push-eleven-twelfths {
    left: 91.66667%; } }
/*================ Special Grids ======================*/
@media only screen and (min-width: 769px) {
  .grid-medium-up--table {
    display: table;
    table-layout: fixed;
    width: calc(100% + 20px); }
    .grid-medium-up--table > .grid__item {
      display: table-cell;
      vertical-align: middle;
      float: none; }
    .grid-medium-up--table::after {
      display: none; } }

.grid--wide-gutters {
  margin-left: calc(-8.33333% - 20px); }
  .grid--wide-gutters > .grid__item {
    padding-left: calc(8.33333% + 20px); }

/*================ #Helper Classes ================*/
.clearfix {
  *zoom: 1; }
  .clearfix::after {
    content: '';
    display: table;
    clear: both; }

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

.visibility-hidden {
  visibility: hidden; }

.js-focus-hidden:focus {
  outline: none; }

.no-js:not(html) {
  display: block; }
  .no-js .no-js:not(html) {
    visibility: hidden; }

.no-js .js {
  display: none; }

.hide {
  display: none !important; }

.html5-endscreen {
  display: none !important; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:after, .slick-track:before {
  display: table;
  content: ""; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Medium.eot);
  src: local("SF UI Display Medium"), local("SFUIDisplay-Medium"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Medium.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Medium.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Regular.eot);
  src: local("SF UI Display Regular"), local("SFUIDisplay-Regular"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Regular.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Regular.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Light.eot);
  src: local("SF UI Display Light"), local("SFUIDisplay-Light"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Light.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Light.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Thin.eot);
  src: local("SF UI Display Thin"), local("SFUIDisplay-Thin"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Thin.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Thin.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Ultralight.eot);
  src: local("SF UI Display Ultralight"), local("SFUIDisplay-Ultralight"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Ultralight.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Ultralight.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Ultralight.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Semibold.eot);
  src: local("SF UI Display Semibold"), local("SFUIDisplay-Semibold"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Semibold.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Semibold.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Black.eot);
  src: local("SF UI Display Black"), local("SFUIDisplay-Black"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Black.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Black.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Black.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Heavy.eot);
  src: local("SF UI Display Heavy"), local("SFUIDisplay-Heavy"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Heavy.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Heavy.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Bold.eot);
  src: local("SF UI Display Bold"), local("SFUIDisplay-Bold"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Bold.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Bold.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SFUIDisplay-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Bold.eot");
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Bold.eot#iefix") format("embedded-opentype"), url("Sailec Bold.woff") format("woff2");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec-Bold.ttf) format("truetype"), url(Sailec-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: sf;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SF-Pro-Display-Bold.eot);
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/SF-Pro-Display-Bold.eot#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/SF-Pro-Display-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Regular.eot");
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Regular.eot#iefix") format("embedded-opentype"), url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec.ttf) format("truetype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec.woff) format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Light.eot");
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Light.eot#iefix") format("embedded-opentype"), url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec-Light.ttf) format("truetype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Medium.eot");
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Medium.eot#iefix") format("embedded-opentype"), url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec-Medium.ttf) format("truetype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Black.eot");
  src: url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Black.eot#iefix") format("embedded-opentype"), url("https://drinktrimino.com/cdn/shop/t/43/assets/Sailec Black.woff2") format("woff2");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: Sailec;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec-Black.ttf) format("truetype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/Sailec-Black.woff) format("woff");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: icomoon;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.eot?ljlknm);
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.eot?ljlknm#iefix) format("embedded-opentype"), url(icomoon_ljlknm.ttf) format("truetype"), url(icomoon_ljlknm.woff) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.svg?ljlknm#icomoon) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: icomoon;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.eot?dtvodr);
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.eot?dtvodr#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.ttf?dtvodr) format("truetype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.woff?dtvodr) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.svg?dtvodr#icomoon) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: icomoon;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.eot?12vf5v);
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.eot?12vf5v#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.ttf?12vf5v) format("truetype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.woff?12vf5v) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.svg?12vf5v#icomoon) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: icomoon;
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.eot?p5hc5q);
  src: url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.eot?p5hc5q#iefix) format("embedded-opentype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.ttf?p5hc5q) format("truetype"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.woff?p5hc5q) format("woff"), url(https://drinktrimino.com/cdn/shop/t/43/assets/icomoon.svg?p5hc5q#icomoon) format("svg");
  font-weight: 400;
  font-style: normal; }

[class*=" icon-"], [class^=icon-] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-chevron:before {
  content: "\e90b"; }

.icon-cross3:before {
  content: "\e90a";
  color: #cacaca; }

.icon-cross2:before {
  content: "\e909";
  color: #e4e4e4; }

.icon-arrow-pointing-to-right:before {
  content: "\e900"; }

.icon-chev-down:before {
  content: "\e901"; }

.icon-cross-remove-sign:before {
  content: "\e902"; }

.icon-facebook:before {
  content: "\e903"; }

.icon-instagram:before {
  content: "\e904"; }

.icon-play-button:before {
  content: "\e905"; }

.icon-search:before {
  content: "\e906"; }

.icon-shopping-cart:before {
  content: "\e907"; }

.icon-twitter:before {
  content: "\e908"; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: Sailec; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent;
  -webkit-tap-highlight-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: black; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

.container:before {
  content: none !important; }

.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
  content: none !important; }

a {
  text-decoration: none;
  cursor: pointer !important; }

a:hover {
  text-decoration: none; }

::-moz-selection {
  color: #fff;
  background: #d53148; }

::selection {
  color: #fff;
  background: #d53148; }

.wrap {
  max-width: 1170px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto; }
  .wrap.account-wrapper {
    padding-top: 50px;
    padding-bottom: 50px; }
    @media (min-width: 768px) {
      .wrap.account-wrapper {
        padding-top: 100px;
        padding-bottom: 100px; } }

body, html {
  overflow-x: hidden; }

* {
  -webkit-tap-highlight-color: transparent; }

:active, :focus, :hover {
  -webkit-tap-highlight-color: transparent; }

.slick-slide:focus {
  outline: 0; }

.slick-slide {
  outline: 0 !important; }

.slick-dots {
  outline: 0 !important; }

.slick-dots:focus {
  outline: 0; }

.slick-dots li {
  outline: 0 !important; }

.slick-dots li:focus {
  outline: 0; }

.slick-dots li button {
  outline: 0 !important; }

.slick-dots li button:focus {
  outline: 0; }

.indexpage * {
  font-family: Sailec; }

.indexcontent {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.indexitem {
  height: 35px;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eeeeee; }

.indexitem:nth-child(even) {
  background-color: white; }

:not(:empty) {
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden !important; }

.announcementBar {
  position: fixed;
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: Bold;
  z-index: 21;
  top: 0; }

.announcementBar__wrapper {
  padding: 5px 15px; }

.announcementBar__content {
  color: inherit;
  margin: 0; }

.header {
  height: 112px;
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100vw;
  left: 0;
  z-index: 10;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  padding-top: 15px; }

@media only screen and (max-width: 992px) {
  .header {
    height: 100px; } }
.header-container {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media only screen and (min-width: 992px) {
    .header-container {
      -webkit-justify-content: flex-start;
      justify-content: flex-start; } }

.header-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  @media only screen and (min-width: 992px) and (max-width: 1440px) {
    .header-left {
      margin-right: 5%; } }
  @media only screen and (min-width: 1441px) {
    .header-left {
      margin-right: 10%; } }

.header-left img {
  width: 170px;
  height: 54px; }

@media only screen and (max-width: 992px) {
  .header-left img {
    width: 75%;
    height: auto; } }
.header-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .header-menu > ul {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .header-menu > ul > li.dropdown {
      position: relative; }
      .header-menu > ul > li.dropdown > a {
        position: relative; }
        .header-menu > ul > li.dropdown > a:before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          right: -15px;
          transform: translateY(-50%);
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5px 4px 0 4px;
          border-color: #231f20 transparent transparent transparent;
          -webkit-transition: all .3s;
          -o-transition: all .3s;
          transition: all .3s; }
          @media only screen and (min-width: 992px) and (max-width: 1440px) {
            .header-menu > ul > li.dropdown > a:before {
              right: -12px; } }
      .header-menu > ul > li.dropdown:hover > a {
        color: #d73752;
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s; }
        .header-menu > ul > li.dropdown:hover > a:before {
          border-color: #d73752 transparent transparent transparent;
          -webkit-transition: all .3s;
          -o-transition: all .3s;
          transition: all 0.3s; }
      .header-menu > ul > li.dropdown:hover .dropdown_list {
        opacity: 1;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        z-index: 20;
        bottom: 0;
        visibility: visible; }

.dropdown_list {
  position: absolute;
  bottom: 20px;
  transform: translateY(100%);
  left: 0;
  padding-top: 20px;
  opacity: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  z-index: -20;
  visibility: hidden; }
  .dropdown_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #d73752;
    background-color: #fff;
    -webkit-box-shadow: 0 29px 39px rgba(56, 62, 68, 0.1);
    box-shadow: 0 29px 39px rgba(56, 62, 68, 0.1);
    position: relative; }
    .dropdown_list ul:before {
      content: "";
      display: block;
      position: absolute;
      top: -10px;
      left: 10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 7.5px 10px 7.5px;
      border-color: transparent transparent #d73752 transparent; }
    .dropdown_list ul li {
      border-bottom: 1px solid #d73752; }
      .dropdown_list ul li:last-of-type {
        border-bottom: 0; }
      .dropdown_list ul li a {
        color: #231f20;
        font-family: Sailec;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap;
        padding: 10px 15px;
        display: block;
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s; }
        .dropdown_list ul li a:hover {
          color: #d73752;
          -webkit-transition: color .3s;
          -o-transition: color .3s;
          transition: color .3s; }

@media only screen and (max-width: 992px) {
  .header-menu {
    display: none; } }
.header-item {
  margin-right: 30px;
  color: #231f20;
  font-family: Sailec;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .65px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s; }
  @media only screen and (min-width: 992px) and (max-width: 1440px) {
    .header-item {
      margin-right: 20px; } }

.header-item:hover {
  color: #d73752;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between; }
  @media only screen and (min-width: 992px) {
    .header-right {
      width: 100%; } }
  .header-right .header-menu > ul {
    padding-left: 0; }

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

.header-account {
  width: 109px;
  border-radius: 17.5px;
  height: 35px;
  background-color: #231f20;
  margin-right: 18px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s,-webkit-box-shadow .3s; }
  @media only screen and (max-width: 480px) {
    .header-account {
      width: 35px; } }
  .header-account.logged {
    width: 35px;
    border-radius: 100%; }
    .header-account.logged svg {
      margin-right: 0; }
  .header-account:hover {
    color: #fff;
    -webkit-box-shadow: 0 0 5px #231f20;
    box-shadow: 0 0 5px #231f20;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s; }
  .header-account svg {
    height: 16px;
    width: 16px;
    fill: #fff;
    margin-right: 5px; }
    @media only screen and (max-width: 480px) {
      .header-account svg {
        margin-right: 0; } }
  .header-account .not-customer {
    text-transform: uppercase;
    font-size: 13px; }
    @media only screen and (max-width: 480px) {
      .header-account .not-customer {
        display: none; } }

.header-search {
  width: 35px;
  height: 35px;
  background-color: #231f20;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-right: 18px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.header-search:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 5px #231f20;
  box-shadow: 0 0 5px #231f20;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.header-cart {
  width: 35px;
  height: 35px;
  background-color: #d73752;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.header-cart span {
  width: 17px;
  height: 17px;
  background-color: #282828;
  color: #fff;
  font-family: sf;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .47px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  right: -6px;
  top: -6px; }

.header-cart:hover {
  color: #fff;
  -webkit-box-shadow: 0 0 5px #d73752;
  box-shadow: 0 0 5px #d73752;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.first-slider {
  position: relative; }

.first-slider .slick-dots {
  position: absolute;
  padding: 0;
  margin: 0;
  height: 25px;
  width: 300px;
  bottom: 50px;
  left: -webkit-calc(50% - 150px);
  left: calc(50% - 150px);
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.first-slider .slick-dots li {
  -webkit-appearance: none;
  border: none;
  outline: 0;
  font-size: 0;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  height: 10px;
  width: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.first-slider .slick-dots li.slick-active button {
  height: 10px;
  width: 10px;
  opacity: 1;
  -webkit-transition: height .3s,width .3s,opacity .3s;
  -o-transition: height .3s,width .3s,opacity .3s;
  transition: height 0.3s, width 0.3s, opacity 0.3s; }

.first-slider .slick-dots li:not(.slick-active) button {
  opacity: .6;
  -webkit-transition: height .3s,width .3s,opacity .3s;
  -o-transition: height .3s,width .3s,opacity .3s;
  transition: height 0.3s, width 0.3s, opacity 0.3s; }

.first-slider .slick-dots button {
  border: none;
  outline: 0;
  height: 6px;
  width: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: height .3s,width .3s,opacity .3s;
  -o-transition: height .3s,width .3s,opacity .3s;
  transition: height 0.3s, width 0.3s, opacity 0.3s; }

.section-first {
  background-repeat: no-repeat;
  background-position: 0 100%;
  height: 754px;
  -webkit-background-size: cover;
  background-size: cover;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw; }
  @media only screen and (max-width: 992px) {
    .section-first {
      max-height: 650px;
      background-position: center; } }
  @media only screen and (max-width: 823px) {
    .section-first {
      height: auto;
      background-position: top; } }

.section-first-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  @media only screen and (max-width: 823px) {
    .section-first-container.wrap {
      padding: 50px 20px; } }
  @media only screen and (max-width: 768px) {
    .section-first-container.wrap {
      padding: 40px 20px;
      margin: 15px 0; } }
  @media only screen and (max-width: 480px) {
    .section-first-container.wrap {
      padding: 0px 20px;
      margin: 25px 0; } }

.section-first-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.section-first-play {
  font-size: 170px;
  color: #fff;
  cursor: pointer;
  margin-left: 100px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

@media only screen and (max-width: 768px) {
  .section-first-play {
    display: none; } }
.section-first-play:hover {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.section-first-right {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.section-first-right img {
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.section-first-right img:hover {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.section-first-headline {
  max-width: 318px;
  color: #fff;
  font-family: Sailec;
  font-size: 70px;
  font-weight: 700;
  line-height: 1.111;
  text-transform: uppercase; }
  @media only screen and (max-width: 823px) {
    .section-first-headline {
      font-size: 24px;
      line-height: 1.2;
      letter-spacing: 1.94px;
      max-width: 250px; } }
  @media only screen and (max-width: 768px) {
    .section-first-headline {
      font-size: 20px;
      max-width: 220px; } }

.section-first-text {
  max-width: 351px;
  color: #fff;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.875;
  margin-top: 20px;
  letter-spacing: 1.2px; }
  @media only screen and (max-width: 823px) {
    .section-first-text {
      max-width: 200px;
      line-height: 1; } }
  @media only screen and (max-width: 420px) {
    .section-first-text {
      font-size: 14px; } }

.section-first-btnwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 480px) {
    .section-first-btnwrap {
      margin-top: 15px; } }

.section-first-video {
  position: fixed;
  width: -webkit-calc(100vw - 50px);
  width: calc(100vw - 50px);
  z-index: 10;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.section-first-video.hidden {
  z-index: -1;
  opacity: 0;
  visibility: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.section-first-playbtn {
  display: none;
  margin-left: 20px;
  cursor: pointer;
  color: #fff;
  height: 46px;
  width: 46px;
  font-size: 46px; }

@media only screen and (max-width: 768px) {
  .section-first-playbtn {
    display: block; } }
.section-first-right img {
  margin-left: 100px; }

.btn-red {
  width: 192px;
  height: 46px;
  -webkit-box-shadow: 0 1px 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 32px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 23px;
  border-radius: 23px;
  background-image: -webkit-gradient(linear, left top, right top, from(#d53148), to(#d53148));
  background-image: -webkit-linear-gradient(left, #d53148 0, #d53148 100%);
  background-image: -o-linear-gradient(left, #d53148 0, #d53148 100%);
  background-image: linear-gradient(to right, #d53148 0, #d53148 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: relative; }
  .btn-red.border {
    box-shadow: none;
    border-radius: 23px;
    background: #fff;
    color: #231F20;
    border: 2px solid #231F20; }

.btn-red.btn_checkout {
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.64);
  color: #fff;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.19px;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  white-space: nowrap;
  transition: all ease 0.3s;
  font-family: Sailec !important; }

.btn-red.btn_checkout:before {
  font-family: icomoon !important; }

.btn-red.white {
  -webkit-box-shadow: 0 1px 41px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 41px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 23px;
  border-radius: 23px;
  background: white; }

.btn-red.white span {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.06px;
  color: #1d0609;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.btn-red.white:before {
  color: #1d0609; }

.btn-red.small {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color 0.3s; }

.btn-red.small span {
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.btn-red.small:hover {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  background: 0 0;
  border: 3px solid #1d0609;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color 0.3s; }

.btn-red.small:hover span {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  color: #1d0609;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.btn-red span:not(.jdgm-star) {
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.64);
  color: #fff;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.19px;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.btn-red:before {
  position: absolute;
  color: #fff;
  font-weight: 800;
  right: 10px;
  top: -webkit-calc(50% - 8.5px);
  top: calc(50% - 8.5px);
  font-size: 17px;
  opacity: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.btn-red:hover span {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.btn-red:hover:before {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.hamburger {
  /*     margin-left: 25px;   */
  margin-left: 0px;
  display: none; }

@media only screen and (max-width: 992px) {
  .hamburger {
    display: block; } }
.hamburger .line {
  width: 30px;
  height: 2px;
  background-color: #231f20;
  display: block;
  margin: 8px auto;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  display: none; }

@media only screen and (max-width: 992px) {
  .hamburger .line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
.hamburger:hover {
  cursor: pointer; }

#hamburger-1.is-active .line:nth-child(2) {
  opacity: 0; }

#hamburger-1.is-active .line:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg); }

#hamburger-1.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }

.mobile-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  height: -webkit-calc(100vh - 80px);
  height: calc(100vh - 80px);
  width: 220px;
  background: #fff;
  z-index: 10;
  border-top: 5px solid #d53148;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 20px;
  margin-top: 80px;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.mobile-menu.hidden {
  -webkit-transform: translateX(-220px);
  -ms-transform: translateX(-220px);
  transform: translateX(-220px);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.mobile-menu-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  .mobile-menu-list ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .mobile-menu-list ul li.mob_drop_item .head_mob {
      padding-right: 32px;
      position: relative; }
      .mobile-menu-list ul li.mob_drop_item .head_mob i {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 12px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        text-align: center; }

.mobile-menu-item {
  color: #231f20;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.mobile-menu-item:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.mobile-menu-text {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase; }

.mobile-menu-icons {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.mobile-menu-icons a {
  display: block;
  color: #231f20;
  font-size: 35px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.mobile-menu-icons a:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.mob_drop_list {
  display: none; }
  .mob_drop_list ul {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0; }
    .mob_drop_list ul li {
      margin-bottom: 5px; }
      .mob_drop_list ul li:last-of-type {
        margin-bottom: 0; }
      .mob_drop_list ul li a {
        color: #231f20;
        font-family: Sailec;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px; }

.click-c {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.click-c.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.section-two {
  height: 670px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right; }
  @media only screen and (max-width: 920px) {
    .section-two {
      background-image: none !important;
      background: -webkit-linear-gradient(31deg, #eeb5de 0, #eeb5de 3%, #d53148 100%) !important;
      background: -o-linear-gradient(31deg, #eeb5de 0, #eeb5de 3%, #d53148 100%) !important;
      background: linear-gradient(59deg, #eeb5de 0, #eeb5de 3%, #d53148 100%) !important; } }

@media only screen and (max-width: 420px) {
  .section-two {
    height: auto; } }
.section-two-content {
  max-width: 450px; }

.section-two-wrap {
  position: relative;
  z-index: 1;
  padding-top: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

@media only screen and (max-width: 920px) {
  .section-two-wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; } }
@media only screen and (max-width: 420px) {
  .section-two-wrap {
    padding-top: 80px; } }
.section-two-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 50px; }

.section-two-item {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700; }

@media only screen and (max-width: 420px) {
  .section-two-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }
@media only screen and (max-width: 420px) {
  .section-two-item img {
    margin-bottom: 15px; } }
.section-two-content .section-two-btn span {
  color: black; }

.section-two-item:nth-child(1) {
  margin-bottom: 35px; }

.section-two-item:nth-child(1) img {
  height: 38px;
  width: 43px;
  margin-right: 23px; }

@media only screen and (max-width: 420px) {
  .section-two-item:nth-child(1) img {
    margin-right: 18px; } }
.section-two-item:nth-child(2) {
  margin-bottom: 35px; }

.section-two-item:nth-child(2) img {
  height: 44px;
  width: 22px;
  margin-right: 35px;
  margin-left: 8px; }

@media only screen and (max-width: 420px) {
  .section-two-item:nth-child(2) img {
    margin-right: 30px;
    margin-left: 0; } }
.section-two-item:nth-child(3) img {
  height: 37px;
  width: 38px;
  margin-right: 28px; }

@media only screen and (max-width: 420px) {
  .section-two-item:nth-child(3) img {
    margin-right: 23px; } }
@media only screen and (max-width: 420px) {
  .section-two-item:nth-child(4) {
    margin-bottom: 0 !important; } }
.section-two-item:nth-child(4) img {
  height: 39px;
  width: 37px;
  margin-right: 28px; }

@media only screen and (max-width: 420px) {
  .section-two-item:nth-child(4) img {
    margin-right: 23px; } }
.section-two-btn {
  margin-top: 55px; }

@media only screen and (max-width: 420px) {
  .section-two-btn {
    margin-bottom: 80px; } }
.section-two-headline {
  color: #fff;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1.94px;
  z-index: 1; }

@media only screen and (max-width: 420px) {
  .section-two-headline {
    font-size: 28px; } }
.section-two-item {
  color: #fff;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700;
  z-index: 1; }

.section-four-wrap {
  padding-top: 130px;
  padding-bottom: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

@media only screen and (max-width: 1280px) {
  .section-four-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }
.section-four-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 50px; }

@media only screen and (max-width: 660px) {
  .section-four-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
.section-four-item {
  width: 352px;
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 50px;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.section-four-item:hover {
  -webkit-box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.2);
  box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.2);
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

@media only screen and (max-width: 890px) {
  .section-four-item:first-child {
    margin-left: 0; } }
@media only screen and (max-width: 660px) {
  .section-four-item:first-child {
    margin-bottom: 30px; } }
@media only screen and (max-width: 660px) {
  .section-four-item {
    margin-left: 0;
    width: 100%; } }
.section-four-img {
  background-repeat: no-repeat;
  width: 100%;
  height: 180px;
  -webkit-background-size: cover;
  background-size: cover; }

.section-four-content {
  padding: 40px 34px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .section-four-content img {
    max-width: 100%; }

.section-four-headline {
  color: #000;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.47px;
  text-align: center;
  max-width: 230px;
  margin: 0 auto;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.section-four-headline:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.section-four-text {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 36.38px;
  max-width: 250px;
  margin: 15px auto 0 auto;
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.section-four-link {
  color: #ce3348;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .63px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  position: relative; }

.section-four-link:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background-color: #d53148;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.section-four-link:hover:before {
  width: 100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.section-four-header {
  color: #000;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  margin-bottom: 55px; }

@media only screen and (max-width: 1280px) {
  .section-four-header {
    margin-bottom: 35px; } }
.section-four-right {
  position: relative;
  padding-left: 60px; }

.section-four-right:before {
  content: "";
  position: absolute;
  right: -107px;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/cards.svg);
  background-repeat: no-repeat;
  background-position-y: 55px;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: -1; }

@media only screen and (max-width: 1280px) {
  .section-four-right:before {
    background-position-y: 60px;
    background-position-x: 90%;
    height: 500px; } }
@media only screen and (max-width: 890px) {
  .section-four-right {
    padding-left: 0; } }
@-webkit-keyframes modal-video {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes modal-video {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px); }

  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px); }

  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-name: modal-video;
  animation-name: modal-video;
  -webkit-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
  transition: opacity 0.3s ease-out; }

.modal-video-close {
  opacity: 0; }

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  transform: translate(0, 100px); }

.modal-video-body {
  max-width: 940px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: table; }

.modal-video-inner {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-name: modal-video-inner;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -35px;
  right: -35px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: 0 0; }

.modal-video-close-btn:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.modal-video-close-btn:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.modal-video-close-btn:after, .modal-video-close-btn:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: -6px; }

.section-three {
  background-image: -webkit-linear-gradient(136deg, #fafafb 0, white 100%);
  background-image: -o-linear-gradient(136deg, #fafafb 0, white 100%);
  background-image: linear-gradient(-46deg, #fafafb 0, white 100%); }

.section-three-item {
  padding: 100px 0 100px 0;
  margin-left: 122px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

@media only screen and (max-width: 500px) {
  .section-three-item {
    margin-left: 85px; } }
@media only screen and (max-width: 420px) {
  .section-three-item {
    margin-left: 0;
    width: 100%; } }
.section-three-slider * {
  overflow: visible !important; }

.section-three-slider .slick-dots {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  outline: 0 !important; }

@media only screen and (max-width: 420px) {
  .section-three-slider .slick-dots {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    bottom: 0;
    top: auto;
    height: auto;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 35px; } }
.section-three-slider .slick-dots li {
  margin-bottom: 35px;
  position: relative; }

.section-three-slider .slick-dots li:last-child {
  margin-bottom: 0; }

.section-three-slider .slick-dots li button {
  -webkit-appearance: none;
  height: 50px;
  width: 60px;
  background-position: center;
  background-color: transparent;
  border: none;
  z-index: 2;
  position: relative; }

@media only screen and (max-width: 420px) {
  .section-three-slider .slick-dots li button {
    height: 25px;
    width: 30px;
    -webkit-background-size: contain;
    background-size: contain; } }
.section-three-slider .slick-dots li:before {
  content: "";
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

.section-three-slider .slick-dots li:not(.slick-active) {
  opacity: .5;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

.section-three-slider .slick-dots li.slick-active {
  opacity: 1;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

.section-three-slider .slick-dots li.slick-active:before {
  content: "";
  position: absolute;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.09);
  -webkit-border-radius: 34px;
  border-radius: 34px;
  border: 2px solid #82a04e;
  background-color: #fff;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: -7px;
  left: -5px;
  opacity: 1;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

@media only screen and (max-width: 420px) {
  .section-three-slider .slick-dots li.slick-active:before {
    width: 45px;
    height: 45px;
    top: -9px;
    left: -7px; } }
/* .section-three-slider .slick-dots li:nth-child(1) button {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/dot1.png);
    background-repeat: no-repeat
}

.section-three-slider .slick-dots li:nth-child(2) button {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/dot2.png);
    background-repeat: no-repeat
}

.section-three-slider .slick-dots li:nth-child(3) button {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/dot3.png);
    background-repeat: no-repeat
}

.section-three-slider .slick-dots li:nth-child(4) button {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/dot4.png);
    background-repeat: no-repeat
}

.section-three-slider .slick-dots li:nth-child(5) button {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/dot5.png);
    background-repeat: no-repeat
}

.section-three-slider .slick-dots li:nth-child(6) button {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/dot6.png);
    background-repeat: no-repeat
}

.section-three-slider .slick-dots li:nth-child(7) button {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/dot7.png);
    background-repeat: no-repeat
} */
.section-three-left {
  width: 50%; }

@media only screen and (max-width: 840px) {
  .section-three-left {
    width: 320px; } }
@media only screen and (max-width: 420px) {
  .section-three-left {
    width: 100%; } }
.section-three-right {
  width: 50%;
  min-height: 550px;
  position: relative; }

@media only screen and (max-width: 840px) {
  .section-three-right {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: .15;
    z-index: -1; } }
.section-three-right-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 0; }
  @media only screen and (max-width: 420px) {
    .section-three-right-background {
      -webkit-background-size: 90% 90%;
      background-size: 90%; } }

.section-three-right img {
  z-index: 2;
  position: absolute; }

.section-three-right .coconut {
  left: -120px;
  top: 20px; }

@media only screen and (max-width: 1120px) {
  .section-three-right .coconut {
    display: none; } }
.section-three-right .pinaple1 {
  right: -60px;
  top: -40px; }

@media only screen and (max-width: 1120px) {
  .section-three-right .pinaple1 {
    display: none; } }
.section-three-right .pinaple2 {
  right: 50px;
  top: 20px; }

@media only screen and (max-width: 1120px) {
  .section-three-right .pinaple2 {
    right: auto;
    left: 0; } }
@media only screen and (max-width: 840px) {
  .section-three-right .pinaple2 {
    display: none; } }
.section-three-right .pinaple3 {
  right: -160px;
  top: 110px; }

@media only screen and (max-width: 1120px) {
  .section-three-right .pinaple3 {
    display: none; } }
.section-three-right .pinaple5 {
  right: 50px;
  top: 240px; }

@media only screen and (max-width: 1120px) {
  .section-three-right .pinaple5 {
    right: 0;
    top: 100px; } }
@media only screen and (max-width: 840px) {
  .section-three-right .pinaple5 {
    display: none; } }
.section-three-right .pinaple6 {
  right: 10px;
  top: 410px; }

@media only screen and (max-width: 840px) {
  .section-three-right .pinaple6 {
    display: none; } }
.section-three-right .pinaple7 {
  bottom: 0;
  right: -170px; }

@media only screen and (max-width: 1120px) {
  .section-three-right .pinaple7 {
    display: none; } }
.section-three-header {
  max-width: 223px;
  color: #000;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  margin-top: 68px; }

.section-three-subheader {
  color: #82a04e;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.59px;
  margin-top: 5px; }

.section-three-text {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1.2px;
  margin-top: 40px;
  max-width: 404px; }

.section-three-buttons {
  margin-top: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 65px; }

.section-three-btn {
  margin-right: 37px;
  width: 170px; }

.section-three-link {
  color: #000;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.04px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  display: block; }

.section-three-link:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.section-five {
  background-image: -webkit-linear-gradient(31deg, #234f4c 0, #8ecdbc 97%, #8ecdbc 100%);
  background-image: -o-linear-gradient(31deg, #234f4c 0, #8ecdbc 97%, #8ecdbc 100%);
  background-image: linear-gradient(59deg, #234f4c 0, #8ecdbc 97%, #8ecdbc 100%);
  position: relative; }

.section-five-background {
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-position: right; }

@media only screen and (max-width: 1440px) {
  .section-five:before {
    background-position-x: 43vw; } }
@media only screen and (max-width: 1180px) {
  .section-five:before {
    background-position-x: 50vw; } }
@media only screen and (max-width: 992px) {
  .section-five:before {
    opacity: 0.3; } }
.section-five-wrap {
  padding: 130px 20px; }

.section-five-left {
  position: relative; }

.section-five-left:before {
  content: "";
  position: absolute;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/fork.svg);
  background-repeat: no-repeat;
  height: 202px;
  width: 281px;
  left: -141px;
  top: -50px;
  opacity: 0.8; }

@media only screen and (max-width: 992px) {
  .section-five-left:before {
    opacity: 0.5; } }
@media only screen and (max-width: 420px) {
  .section-five-left:before {
    opacity: 0.3; } }
.section-five-header {
  color: #fff;
  font-family: sf;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  letter-spacing: 1.94px;
  max-width: 360px;
  position: relative;
  z-index: 2; }

.section-five-text {
  color: #fff;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1.2px;
  max-width: 483px;
  margin-top: 40px;
  position: relative;
  z-index: 2; }

.section-six-wrap {
  padding: 148px 20px 140px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.section-six-left {
  position: relative;
  z-index: 5; }

@media only screen and (max-width: 992px) {
  .section-six-left {
    margin-right: 30px; } }
@media only screen and (max-width: 620px) {
  .section-six-left {
    display: none; } }
.section-six-right {
  margin-left: 80px;
  position: relative; }

@media only screen and (max-width: 1370px) {
  .section-six-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0; } }
@media only screen and (max-width: 992px) {
  .section-six-right {
    padding: 0; } }
@media only screen and (max-width: 620px) {
  .section-six-right {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; } }
.section-six-right:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -30px;
  left: -190px;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/hashtag.svg);
  background-repeat: no-repeat; }

@media only screen and (max-width: 620px) {
  .section-six-right:before {
    left: 0;
    top: 0;
    -webkit-background-size: 150px 150px;
    background-size: 150px;
    background-position: right; } }
.section-six-btn.instagram-btn {
  width: 279px; }

.section-six-header {
  color: #000;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  max-width: 250px;
  margin-bottom: 45px;
  z-index: 2;
  position: relative;
  margin-top: 128px; }

@media only screen and (max-width: 992px) {
  .section-six-header {
    margin-top: 0; } }
.section-six-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

@media only screen and (max-width: 992px) {
  .section-six-row {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }
.section-six-row:first-child {
  -webkit-transform: translateX(-160px);
  -ms-transform: translateX(-160px);
  transform: translateX(-160px); }

@media only screen and (max-width: 992px) {
  .section-six-row:first-child {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0); } }
.section-six-row:nth-child(2) {
  position: relative; }

@media only screen and (max-width: 992px) {
  .section-six-row:nth-child(2) {
    display: none; } }
.section-six-row:nth-child(2):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 317px;
  width: 317px;
  background-color: #000;
  margin: 3px;
  left: -330px; }

@media only screen and (max-width: 1370px) {
  .section-six-row:nth-child(2):before {
    width: 20vw;
    height: 20vw;
    left: -webkit-calc(-20vw - 6px);
    left: calc(-20vw - 6px); } }
@media only screen and (max-width: 992px) {
  .section-six-row:nth-child(2):before {
    content: none; } }
.section-six-row img {
  margin: 3px;
  height: 317px;
  width: 317px;
  position: relative;
  z-index: 3; }

@media only screen and (max-width: 1370px) {
  .section-six-row img {
    width: 20vw;
    height: 20vw; } }
.pre-footer {
  background-color: black; }

.pre-footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 20px; }

@media only screen and (max-width: 992px) {
  .pre-footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
.pre-footer-left {
  color: #fff;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700; }

@media only screen and (max-width: 992px) {
  .pre-footer-left {
    margin-bottom: 25px; } }
.pre-footer-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  max-width: 526px;
  height: 46px;
  -webkit-border-radius: 23px;
  border-radius: 23px;
  background-color: white; }

@media only screen and (max-width: 560px) {
  .pre-footer-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    background-color: transparent; } }
.pre-footer-input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: transparent;
  border: none;
  outline: 0;
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300;
  padding: 0 34px; }

@media only screen and (max-width: 560px) {
  .pre-footer-input {
    background-color: #fff;
    width: 100%;
    height: 46px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px; } }
@media only screen and (max-width: 360px) {
  .pre-footer-input {
    padding: 0 20px; } }
.pre-footer-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

.pre-footer-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

.pre-footer-input::placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

.pre-footer-btn {
  border: none;
  outline: 0; }

.footer-wrap {
  padding: 65px 20px 60px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

@media only screen and (max-width: 920px) {
  .footer-wrap {
    padding: 45px 20px 40px 20px; } }
@media only screen and (max-width: 820px) {
  .footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; } }
.footer-first {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media only screen and (max-width: 820px) {
  .footer-first {
    margin-top: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }
.footer-img {
  width: 213px;
  height: 67px;
  margin-top: 5px; }

@media only screen and (max-width: 460px) {
  .footer-img {
    margin-top: 5px;
    width: 50%;
    height: 100%;
    margin-right: 20px;
    margin-top: 0; } }
.footer-follow {
  margin-top: 40px; }

@media only screen and (max-width: 820px) {
  .footer-follow {
    margin-top: 0; } }
.footer-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase; }

@media only screen and (max-width: 340px) {
  .footer-headline {
    font-size: 14px; } }
.footer-icons {
  width: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px; }

@media only screen and (max-width: 460px) {
  .footer-icons {
    width: auto; } }
.footer-icons a {
  font-size: 24px;
  color: #231f20;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.footer-icons a:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.footer-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 80px;
  padding-left: 130px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

@media only screen and (max-width: 920px) {
  .footer-menu {
    padding-left: 40px; } }
@media only screen and (max-width: 820px) {
  .footer-menu {
    padding-left: 0; } }
@media only screen and (max-width: 560px) {
  .footer-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; } }
.footer-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

@media only screen and (max-width: 560px) {
  .footer-col {
    margin-bottom: 30px;
    min-width: 140px; } }
@media only screen and (max-width: 560px) {
  .footer-col:last-child {
    margin-bottom: 0; } }
.footer-title {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 20px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.footer-title.second, .footer-title.no_hover.second {
  margin-top: 20px; }

.footer-title:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.footer-title.no_hover {
  color: #231f20;
  margin-top: 0; }

@media only screen and (max-width: 920px) {
  .footer-title {
    font-size: 14px;
    margin-bottom: 10px; } }
.footer-item {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  margin-bottom: 15px; }

.footer-item:last-child {
  margin-bottom: 0; }

.footer-item:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.footer-item.no_hover {
  color: #231f20;
  margin-top: 0; }

@media only screen and (max-width: 920px) {
  .footer-item {
    font-size: 12px;
    margin-bottom: 10px; } }
.afterfooter {
  border-top: 3px solid rgba(202, 208, 217, 0.3); }

.afterfooter-wrap {
  color: #231f20;
  font-family: Sailec;
  font-size: 14px;
  font-weight: 400;
  height: 74px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.header-fix {
  margin-top: 112px; }
  @media only screen and (max-width: 992px) {
    .header-fix {
      margin-top: 80px; } }
  @media only screen and (max-width: 823px) {
    .header-fix {
      margin-top: 100px; } }

@media only screen and (max-width: 823px) {
  div.slick-slide {
    background-size: 100% !important; }

  .btn-red {
    width: 160px; }

  div.slick-slide {
    background-size: cover !important; }

  .first-slider .slick-dots {
    bottom: 0; } }
.about-main-wrap {
  padding: 120px 20px 150px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/i.svg);
  background-repeat: no-repeat;
  background-position: 100% 20%; }
  @media only screen and (max-width: 768px) {
    .about-main-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .about-main-wrap .about-main-wrap-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: -1; }
    @media only screen and (max-width: 1200px) {
      .about-main-wrap .about-main-wrap-bg {
        opacity: 0.3; } }

.about-main-left {
  color: #231f20;
  font-family: Sailec;
  font-size: 70px;
  font-weight: 700;
  line-height: 82px;
  text-transform: uppercase;
  max-width: 268px; }

.about-main-right {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1.2px;
  max-width: 507px;
  padding-left: 108px; }
  @media only screen and (max-width: 992px) {
    .about-main-right {
      padding-left: 60px; } }
  @media only screen and (max-width: 768px) {
    .about-main-right {
      padding-left: 0;
      margin-top: 30px;
      max-width: 100%; } }

.about-content {
  margin-bottom: 150px; }
  @media only screen and (max-width: 1280px) {
    .about-content {
      margin-bottom: 80px; } }

.about-content.reverse .about-content-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  @media only screen and (max-width: 820px) {
    .about-content.reverse .about-content-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.about-content.reverse .about-content-right {
  padding-right: 100px;
  padding-left: 0; }
  @media only screen and (max-width: 1280px) {
    .about-content.reverse .about-content-right {
      padding-right: 40px;
      padding-left: 0; } }
  @media only screen and (max-width: 820px) {
    .about-content.reverse .about-content-right {
      padding-right: 0; } }

.about-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  @media only screen and (max-width: 820px) {
    .about-content-wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }

.about-content-left img, .about-content-left svg {
  width: 476px;
  height: 494px; }

@media only screen and (max-width: 1280px) {
  .about-content-left img {
    width: 350px;
    height: 350px; } }
@media only screen and (max-width: 820px) {
  .about-content-left img {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
    height: -webkit-calc(100vw - 40px);
    height: calc(100vw - 40px); } }
.about-content-right {
  padding-left: 100px; }

@media only screen and (max-width: 1280px) {
  .about-content-right {
    padding-left: 40px; } }
@media only screen and (max-width: 820px) {
  .about-content-right {
    padding-left: 0; } }
.about-content-header {
  color: #231f20;
  font-family: sf;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  letter-spacing: 1.58px;
  max-width: 343px;
  margin-top: 80px; }

@media only screen and (max-width: 1280px) {
  .about-content-header {
    margin-top: 35px; } }
@media only screen and (max-width: 992px) {
  .about-content-header {
    margin-top: 0; } }
@media only screen and (max-width: 820px) {
  .about-content-header {
    margin-top: 40px; } }
.about-content-text {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1.2px;
  margin-top: 20px; }

.main-blog-wrap {
  padding: 40px 20px 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (max-width: 680px) {
  .main-blog-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 20px 0 20px; } }
.main-blog-left {
  width: 66.666%; }

@media only screen and (max-width: 920px) {
  .main-blog-left {
    width: 50%; } }
@media only screen and (max-width: 680px) {
  .main-blog-left {
    width: 100%; } }
.main-blog-right {
  padding-left: 20px;
  width: 33.333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

@media only screen and (max-width: 920px) {
  .main-blog-right {
    width: 50%; } }
@media only screen and (max-width: 680px) {
  .main-blog-right {
    width: 100%;
    padding-left: 0;
    margin-top: 30px; } }
.main-blog-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 23px;
  padding: 0 10px; }

.main-blog-h1 {
  color: #000;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase; }

.main-blog-all {
  color: #d73752;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  border-bottom: 2px solid transparent;
  position: relative; }

.main-blog-all:before {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: -3px;
  left: 0;
  background-color: #d53148;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.main-blog-all:hover:before {
  width: 100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.main-blog-itembig {
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  width: 100%;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.main-blog-itembig:hover {
  -webkit-box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.2);
  box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.2);
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.main-blog-imgbig {
  height: 390px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: top center; }

@media only screen and (max-width: 768px) {
  .main-blog-imgbig {
    height: 200px; } }
.main-blog-contentbig {
  padding: 44px 40px; }

@media only screen and (max-width: 768px) {
  .main-blog-contentbig {
    padding: 20px 25px; } }
.main-blog-headlinebig {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #231f20;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.47px;
  margin-bottom: 12px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.main-blog-headlinebig:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

@media only screen and (max-width: 768px) {
  .main-blog-headlinebig {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px; } }
.main-blog-textbig {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }

@media only screen and (max-width: 768px) {
  .main-blog-textbig {
    font-size: 14px;
    line-height: 21px; } }
.main-blog-itemsmall {
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  width: 100%;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s,-webkit-box-shadow .3s;
  margin-bottom: 20px; }

.main-blog-itemsmall:hover {
  -webkit-box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.2);
  box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.2);
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.main-blog-imgsmall {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 200px; }

.main-blog-contentsmall {
  padding: 20px 25px; }

.main-blog-headlinesmall {
  color: #000;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  overflow-wrap: break-word; }

.main-blog-headlinesmall:hover {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.content-blog:last-of-type {
  margin-bottom: 120px; }

@media only screen and (max-width: 420px) {
  .content-blog:last-of-type {
    margin-bottom: 100px; } }
.content-blog-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 90px 20px 0 20px; }

.content-blog-headline {
  color: #010101;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 66px auto; }

.content-blog-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  /*     -webkit-justify-content: space-between; */
  -ms-flex-pack: justify;
  /*     justify-content: space-between; */
  flex-wrap: wrap; }

@media only screen and (max-width: 920px) {
  .content-blog-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; } }
.content-blog .section-four-item {
  margin-left: 0;
  width: -webkit-calc(33% - 20px);
  width: calc(33% - 20px);
  margin-right: 30px;
  margin-bottom: 30px; }

@media only screen and (min-width: 921px) {
  .content-blog .section-four-item:nth-of-type(3n) {
    margin-right: 0; } }

@media only screen and (min-width: 661px) and (max-width: 920px) {
  .content-blog .section-four-item:nth-of-type(2n) {
    margin-right: 0; } }

@media only screen and (max-width: 920px) {
  .content-blog .section-four-item {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px); } }
@media only screen and (max-width: 660px) {
  .content-blog .section-four-item {
    width: 100%;
    margin-right: 0; } }
@media only screen and (max-width: 920px) {
  .content-blog .section-four-item:last-child {
    margin-top: 30px; } }
@media only screen and (max-width: 420px) {
  .content-blog .section-four-headline {
    font-size: 22px;
    line-height: 1.5; } }
.section-five-left:before {
  opacity: 0.5; }

@media only screen and (max-width: 992px) {
  .section-five-left:before {
    opacity: 0.3; } }
.section-four-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.blog-single-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 20px 70px 20px; }

@media only screen and (max-width: 920px) {
  .blog-single-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 20px 50px 20px; } }
.blog-single-article {
  width: 66.666%; }
  .blog-single-article .drop-target img {
    width: 100%; }

@media only screen and (max-width: 992px) {
  .blog-single-article {
    width: 60%; } }
@media only screen and (max-width: 920px) {
  .blog-single-article {
    width: 100%;
    margin-bottom: 30px; } }
.blog-single-sidebar {
  width: 33.333%;
  padding-left: 20px; }

@media only screen and (max-width: 992px) {
  .blog-single-sidebar {
    width: 40%; } }
@media only screen and (max-width: 920px) {
  .blog-single-sidebar {
    width: 100%;
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }
@media only screen and (max-width: 768px) {
  .blog-single-sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
.blog-single-sidebar .main-blog-right {
  width: 100%;
  padding-left: 0; }

@media only screen and (max-width: 920px) {
  .blog-single-sidebar .main-blog-right {
    padding-left: 20px; } }
@media only screen and (max-width: 768px) {
  .blog-single-sidebar .main-blog-right {
    padding-left: 0; } }
.blog-single-img {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 420px; }

@media only screen and (max-width: 920px) {
  .blog-single-img {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
    height: -webkit-calc((100vw - 40px)/ 44*21);
    height: calc((100vw - 40px)/ 44*21); } }
.blog-single-form {
  height: 420px;
  width: 100%;
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
  padding: 55px 34px 50px 34px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 66px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.blog-single-form:before {
  content: "";
  position: absolute;
  height: 5px;
  background-color: #d63149;
  width: 100%;
  left: 0;
  top: 0; }

.blog-single-form:focus, .blog-single-form:hover {
  -webkit-box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.15);
  box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.15);
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

@media only screen and (max-width: 420px) {
  .blog-single-form {
    height: auto; } }
.blog-single-form.where-to-buy {
  height: auto; }

.blog-single-form.where-to-buy .blog-single-image {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/where1-2.svg);
  width: 97px;
  height: 97px;
  margin-bottom: 30px; }

.blog-single-form.where-to-buy .blog-single-excerpt {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  margin-bottom: 20px; }

.blog-single-form.where-to-buy .blog-single-btn {
  width: 170px; }

.blog-single-image {
  width: 114px;
  height: 85px;
  background-image: url(mail.svg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 45px; }

.blog-single-headline {
  text-align: center;
  color: #231f20;
  font-family: Sailec;
  font-size: 20px;
  font-weight: 700;
  max-width: 280px;
  margin-bottom: 30px; }

.blog-single-input {
  -webkit-border-radius: 23px;
  border-radius: 23px;
  height: 46px;
  border: 1px solid #eef2f4;
  background-color: #f6f6f6;
  border: none;
  outline: 0;
  padding: 0 36px;
  color: rgba(0, 0, 0, 0.6);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300;
  width: -webkit-calc(100% - 68px);
  width: calc(100% - 68px);
  margin-bottom: 15px; }

.blog-single-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

.blog-single-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

.blog-single-input::placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

@media only screen and (max-width: 420px) {
  .blog-single-input {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px); } }
.blog-single-btn {
  border: none;
  outline: 0;
  width: 170px;
  -webkit-box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08); }

.custom-content h1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #231f20;
  font-family: Sailec;
  font-size: 30px;
  font-weight: 700;
  line-height: 34.47px;
  margin-top: 60px; }

@media only screen and (max-width: 820px) {
  .custom-content h1 {
    margin-top: 40px; } }
.custom-content p {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin: 30px 0; }

.custom-content ul li {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }

.custom-content strong {
  font-weight: 600; }

.custom-content b {
  font-weight: 800; }

.custom-content a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 600;
  color: #d53148;
  cursor: pointer;
  position: relative; }

.custom-content a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 3px;
  left: 0;
  background-color: #d53148;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.custom-content a:hover:before {
  width: 100%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.about-main.whats-in-it .about-main-wrap {
  background-image: none;
  position: relative; }

.about-main.whats-in-it .about-main-svgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

@media only screen and (max-width: 1200px) {
  .about-main.whats-in-it .about-main-svgs {
    opacity: 0.3; } }
.about-main.whats-in-it .about-main-svg {
  position: absolute; }

.about-main.whats-in-it .about-main-svg:nth-child(1) {
  bottom: 40px;
  right: 240px; }

.about-main.whats-in-it .about-main-svg:nth-child(2) {
  bottom: 178px;
  right: 220px; }

@media only screen and (max-width: 1200px) {
  .about-main.whats-in-it .about-main-svg:nth-child(2) {
    opacity: 0.8; } }
.about-main.whats-in-it .about-main-svg:nth-child(3) {
  bottom: 246px;
  right: -17px; }

.about-main.whats-in-it .about-main-svg:nth-child(4) {
  bottom: 155px;
  right: -100px; }

.about-main.whats-in-it .about-main-svg:nth-child(5) {
  bottom: 53px;
  right: -74px; }

.about-presentation-slide.about-presentation-slide1 {
  background-image: -webkit-linear-gradient(31deg, #cb5d96 0, #953b7d 97%, #953b7d 100%);
  background-image: -o-linear-gradient(31deg, #cb5d96 0, #953b7d 97%, #953b7d 100%);
  background-image: linear-gradient(59deg, #cb5d96 0, #953b7d 97%, #953b7d 100%); }

/* .about-presentation-slide.about-presentation-slide1 .about-presentation-wrap {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/whats1-1.svg)
} */
@media only screen and (max-width: 1260px) {
  .about-presentation-slide.about-presentation-slide1 .about-presentation-wrap {
    background-position-x: 20px; } }
@media only screen and (max-width: 660px) {
  .about-presentation-slide.about-presentation-slide1 .about-presentation-wrap {
    -webkit-background-size: 20vw 30vw;
    background-size: 20vw 30vw; } }
@media only screen and (max-width: 580px) {
  .about-presentation-slide.about-presentation-slide1 .about-presentation-wrap {
    background-position-x: -webkit-calc(100% - 20px);
    background-position-x: calc(100% - 20px); } }
.about-presentation-slide.about-presentation-slide1 .about-presentation-background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: 100% 0; }
  @media only screen and (max-width: 1060px) {
    .about-presentation-slide.about-presentation-slide1 .about-presentation-background {
      background-position: center;
      width: 354px;
      height: 370px;
      left: auto;
      right: 0; } }

.about-presentation-slide.about-presentation-slide1 .about-presentation-parts {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.about-presentation-slide.about-presentation-slide1 .about-presentation-part1 {
  position: absolute;
  right: -75px;
  top: 75px; }

.about-presentation-slide.about-presentation-slide1 .about-presentation-part2 {
  position: absolute;
  right: 0;
  top: 180px; }

.about-presentation-slide.about-presentation-slide2 {
  background-image: -webkit-linear-gradient(31deg, #e07387 0, #e07387 3%, #da324a 100%);
  background-image: -o-linear-gradient(31deg, #e07387 0, #e07387 3%, #da324a 100%);
  background-image: linear-gradient(59deg, #e07387 0, #e07387 3%, #da324a 100%); }

.about-presentation-slide.about-presentation-slide2 .about-presentation-wrap {
  /*     background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/whats2-3.svg); */
  background-position-x: 54%; }

@media only screen and (max-width: 1260px) {
  .about-presentation-slide.about-presentation-slide2 .about-presentation-wrap {
    background-position-x: 20px; } }
@media only screen and (max-width: 660px) {
  .about-presentation-slide.about-presentation-slide2 .about-presentation-wrap {
    background-position-y: 100%; } }
@media only screen and (max-width: 580px) {
  .about-presentation-slide.about-presentation-slide2 .about-presentation-wrap {
    background-position-x: -webkit-calc(100% - 20px);
    background-position-x: calc(100% - 20px); } }
.about-presentation-slide.about-presentation-slide2 .about-presentation-background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/whats2-2.png);
  background-repeat: no-repeat;
  background-position: left center; }
  @media only screen and (max-width: 1060px) {
    .about-presentation-slide.about-presentation-slide2 .about-presentation-background {
      background-position-x: 60px;
      width: 354px;
      height: 340px;
      left: auto;
      right: 0; } }

.about-presentation-slide.about-presentation-slide2 .about-presentation-parts {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.about-presentation-slide.about-presentation-slide2 .about-presentation-part1 {
  position: absolute;
  left: -125px;
  top: -35px; }

@media only screen and (max-width: 1060px) {
  .about-presentation-slide.about-presentation-slide2 .about-presentation-part1 {
    left: -65px;
    top: -35px; } }
.about-presentation-slide.about-presentation-slide2 .about-presentation-part2 {
  position: absolute;
  left: -60px;
  top: 180px; }

@media only screen and (max-width: 1060px) {
  .about-presentation-slide.about-presentation-slide2 .about-presentation-part2 {
    left: 0;
    top: 180px; } }
.about-presentation-slide.about-presentation-slide3 {
  background-image: -webkit-linear-gradient(31deg, #e59568 0, #e59568 3%, #d56138 100%);
  background-image: -o-linear-gradient(31deg, #e59568 0, #e59568 3%, #d56138 100%);
  background-image: linear-gradient(59deg, #e59568 0, #e59568 3%, #d56138 100%); }

.about-presentation-slide.about-presentation-slide3 .about-presentation-wrap {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/whats3-1.svg); }

@media only screen and (max-width: 1260px) {
  .about-presentation-slide.about-presentation-slide3 .about-presentation-wrap {
    background-position-x: 20px; } }
@media only screen and (max-width: 580px) {
  .about-presentation-slide.about-presentation-slide3 .about-presentation-wrap {
    background-position-x: -webkit-calc(100% - 20px);
    background-position-x: calc(100% - 20px); } }
.about-presentation-slide.about-presentation-slide3 .about-presentation-background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/whats3-2.png);
  background-repeat: no-repeat;
  background-position: 100% 0; }
  @media only screen and (max-width: 1060px) {
    .about-presentation-slide.about-presentation-slide3 .about-presentation-background {
      width: 354px;
      height: 340px;
      left: auto;
      right: 0; } }

.about-presentation-slide.about-presentation-slide3 .about-presentation-parts {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.about-presentation-slide.about-presentation-slide3 .about-presentation-part1 {
  position: absolute;
  right: -30px;
  top: -10px; }

.about-presentation-slide.about-presentation-slide3 .about-presentation-part2 {
  position: absolute;
  right: -80px;
  top: 120px; }

.about-presentation-slide.about-presentation-slide4 {
  background-image: -webkit-linear-gradient(31deg, #aecb7b 0, #aecb7b 3%, #82a14e 100%);
  background-image: -o-linear-gradient(31deg, #aecb7b 0, #aecb7b 3%, #82a14e 100%);
  background-image: linear-gradient(59deg, #aecb7b 0, #aecb7b 3%, #82a14e 100%); }

.about-presentation-slide.about-presentation-slide4 .about-presentation-wrap {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/whats4-3.svg);
  background-position-x: 54%; }

@media only screen and (max-width: 1260px) {
  .about-presentation-slide.about-presentation-slide4 .about-presentation-wrap {
    background-position-x: 20px; } }
@media only screen and (max-width: 580px) {
  .about-presentation-slide.about-presentation-slide4 .about-presentation-wrap {
    background-position-x: -webkit-calc(100% - 20px);
    background-position-x: calc(100% - 20px); } }
.about-presentation-slide.about-presentation-slide4 .about-presentation-background {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/whats4-1.png);
  background-repeat: no-repeat;
  background-position: left center; }
  @media only screen and (max-width: 1060px) {
    .about-presentation-slide.about-presentation-slide4 .about-presentation-background {
      width: 354px;
      height: 340px;
      left: auto;
      right: 0;
      background-position: 100% 100%; } }

.about-presentation-slide.about-presentation-slide4 .about-presentation-parts {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.about-presentation-slide.about-presentation-slide4 .about-presentation-part1 {
  position: absolute;
  left: -310px;
  top: 30px; }

.about-presentation-slide.about-presentation-slide2 .about-presentation-wrap, .about-presentation-slide.about-presentation-slide4 .about-presentation-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

@media only screen and (max-width: 950px) {
  .about-presentation-slide.about-presentation-slide2 .about-presentation-wrap, .about-presentation-slide.about-presentation-slide4 .about-presentation-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; } }
.about-presentation-wrap {
  padding: 105px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-repeat: no-repeat;
  background-position-y: 100%; }

@media only screen and (max-width: 660px) {
  .about-presentation-wrap {
    -webkit-background-size: 30vw 30vw;
    background-size: 30vw; } }
.about-presentation-article {
  background-repeat: no-repeat;
  padding: 0 100px;
  z-index: 3;
  max-width: 600px; }

@media only screen and (max-width: 950px) {
  .about-presentation-article {
    padding-left: 50px;
    padding-right: 0; } }
@media only screen and (max-width: 580px) {
  .about-presentation-article {
    padding: 0; } }
.about-presentation-background {
  z-index: 2; }

@media only screen and (max-width: 950px) {
  .about-presentation-background {
    opacity: 0.2; } }
@media only screen and (max-width: 580px) {
  .about-presentation-background {
    display: none; } }
.about-presentation-background:before {
  background-repeat: no-repeat; }

.about-presentation-parts {
  z-index: 1; }

@media only screen and (max-width: 950px) {
  .about-presentation-parts {
    display: none; } }
.about-presentation-image {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 2; }

.about-presentation-headline {
  color: #fff;
  font-family: sf;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  margin-bottom: 10px; }

.about-presentation-excerpt {
  color: #fff;
  font-family: sf;
  font-size: 18px;
  font-weight: 400;
  max-width: 180px;
  margin-bottom: 24px; }

.about-presentation-text {
  color: #fff;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  max-width: 450px;
  margin-bottom: 8px; }

.about-presentation-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.about-presentation-li {
  color: #fff;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  padding-left: 25px;
  position: relative; }

.about-presentation-li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/round.svg);
  background-repeat: no-repeat;
  background-position: 0 8px; }

.whats-fitness-wrap {
  padding: 150px 20px; }

.whats-fitness-head {
  color: #000;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  z-index: 1; }

.whats-fitness-header {
  text-transform: uppercase;
  margin-bottom: 40px;
  position: relative; }

.whats-fitness-header:before {
  content: "";
  position: absolute;
  left: -100px;
  top: -100px;
  width: 193px;
  height: 309px;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/whats-yog.svg);
  background-repeat: no-repeat;
  z-index: -1; }

@media only screen and (max-width: 1260px) {
  .whats-fitness-header:before {
    left: auto;
    right: 0;
    top: -40px;
    width: 125px;
    height: 190px;
    -webkit-background-size: contain;
    background-size: contain; } }
.whats-fitness-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media only screen and (max-width: 920px) {
  .whats-fitness-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; } }
.whats-fitness-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  width: -webkit-calc(33.333% - 10px);
  width: calc(33.333% - 10px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 60px 33px 55px 33px;
  cursor: default;
  -webkit-transition: border-color .3s,-webkit-box-shadow .3s;
  transition: border-color .3s,-webkit-box-shadow .3s;
  -o-transition: box-shadow .3s,border-color .3s;
  transition: box-shadow .3s,border-color .3s;
  transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; }

@media only screen and (max-width: 920px) {
  .whats-fitness-item {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 20px; } }
@media only screen and (max-width: 920px) {
  .whats-fitness-item {
    width: 100%; } }
@media only screen and (max-width: 920px) {
  .whats-fitness-item:last-child {
    margin-bottom: 0; } }
.whats-fitness-item:hover {
  -webkit-box-shadow: 0 29px 39px rgba(56, 62, 68, 0.1);
  box-shadow: 0 29px 39px rgba(56, 62, 68, 0.1);
  border-color: transparent;
  -webkit-transition: border-color .3s,-webkit-box-shadow .3s;
  transition: border-color .3s,-webkit-box-shadow .3s;
  -o-transition: box-shadow .3s,border-color .3s;
  transition: box-shadow .3s,border-color .3s;
  transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s; }

.whats-fitness-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 74px;
  width: 76px;
  margin-bottom: 40px;
  cursor: default; }

.whats-fitness-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 28px;
  cursor: default;
  text-align: center; }

.whats-fitness-text {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  cursor: default;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end; }

.about-main.where-to-buy .about-main-wrap {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/where1-1.svg);
  background-position: center right; }

@media only screen and (max-width: 1260px) {
  .about-main.where-to-buy .about-main-wrap {
    background-position-x: -webkit-calc(100% - 20px);
    background-position-x: calc(100% - 20px); } }
.about-main.where-to-buy .about-main-left {
  max-width: 500px; }

@media only screen and (max-width: 540px) {
  .about-main.where-to-buy .about-main-left {
    line-height: 1.2;
    font-size: 12.3vw; } }
.partners-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 20px 80px 20px; }

@media only screen and (max-width: 920px) {
  .partners-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
.partners-left {
  width: 66.666%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

@media only screen and (max-width: 920px) {
  .partners-left {
    width: 100%;
    margin-bottom: 40px; } }
@media only screen and (max-width: 660px) {
  .partners-left {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; } }
.partners-right {
  width: 33.333%;
  padding-left: 20px; }

@media only screen and (max-width: 920px) {
  .partners-right {
    padding-left: 0;
    width: 100%; } }
.partners-img {
  background-repeat: no-repeat;
  background-position: center;
  height: 70px;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-flex-basis: 33.333%;
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  margin-bottom: 80px; }

@media only screen and (max-width: 660px) {
  .partners-img {
    -webkit-flex-basis: -webkit-calc(50% - 30px);
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
    margin-bottom: 50px; } }
@media only screen and (max-width: 660px) {
  .partners-img:nth-child(odd) {
    padding-right: 15px; } }
@media only screen and (max-width: 660px) {
  .partners-img:nth-child(even) {
    padding-left: 15px; } }
.partners-img:nth-child(1) {
  width: 142px;
  height: 122px; }

.partners-img:nth-child(2) {
  width: 112px;
  height: 124px; }

.partners-img:nth-child(3) {
  width: 135px;
  height: 124px; }

.partners-img:nth-child(4) {
  width: 149px;
  height: 116px; }

.partners-img:nth-child(5) {
  width: 160px;
  height: 110px; }

.partners-img:nth-child(6) {
  width: 90px;
  height: 123px; }

.partners-img:nth-child(7) {
  width: 168px;
  height: 91px; }

.partners-img:nth-child(8) {
  width: 164px;
  height: 72px; }

.partners-img:nth-child(9) {
  width: 157px;
  height: 50px; }

.partners-img:nth-child(10) {
  width: 169px;
  height: 98px; }

.partners-img:nth-child(11) {
  width: 124px;
  height: 128px; }

.about-main.contact-us .about-main-wrap {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/contact-us.svg);
  background-position: center right; }

@media only screen and (max-width: 420px) {
  .about-main.contact-us .about-main-left {
    font-size: 60px;
    line-height: 72px; } }
@media only screen and (max-width: 360px) {
  .about-main.contact-us .about-main-left {
    font-size: 54px;
    line-height: 66px; } }
.contact-us-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 150px; }

@media only screen and (max-width: 992px) {
  .contact-us-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 80px; } }
.contact-us-left {
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  margin-right: 20px; }

@media only screen and (max-width: 992px) {
  .contact-us-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 60px; } }
.contact-us-right {
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media only screen and (max-width: 992px) {
  .contact-us-right {
    width: 100%;
    margin-right: 0; } }
.contact-us-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 18px; }

.contact-us-text {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1.2px;
  margin-bottom: 80px;
  max-width: 490px; }

@media only screen and (max-width: 992px) {
  .contact-us-text {
    max-width: 100%; } }
.contact-us-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.contact-us-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.contact-us-item:nth-child(1) {
  margin-bottom: 30px; }

.contact-us-item:nth-child(1) .contact-us-img {
  width: 45px;
  height: 47px; }

.contact-us-item:nth-child(2) {
  margin-bottom: 30px; }

.contact-us-item:nth-child(2) .contact-us-img {
  width: 46px;
  height: 46px; }

.contact-us-item:nth-child(3) .contact-us-img {
  width: 39px;
  height: 39px; }

.contact-us-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 45px;
  -ms-flex-preferred-size: 45px;
  flex-basis: 45px;
  margin-right: 36px; }

.contact-us-top {
  font-size: 16px;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 30px; }

.contact-us-bottom {
  font-size: 16px;
  font-family: Sailec;
  font-size: 16px;
  letter-spacing: 1.2px;
  line-height: 30px;
  font-weight: 700; }

.contact-us-bottom.red {
  color: #d63149;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.contact-us-right {
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  position: relative;
  padding: 35px 48px; }

@media only screen and (max-width: 536px) {
  .contact-us-right {
    padding: 40px 35px; } }
.contact-us-right:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 5px;
  height: 68px;
  background-color: #d63149; }

@media only screen and (max-width: 536px) {
  .contact-us-right:before {
    width: 100%;
    height: 5px;
    top: 0;
    left: 0; } }
.contact-us-header {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500; }

.contact-us-subheadline {
  color: #231f20;
  font-family: Sailec;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 28px; }

.contact-us-input {
  height: 46px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 23px;
  border-radius: 23px;
  border: 1px solid #eef2f4;
  background-color: #f6f6f6;
  margin-bottom: 16px;
  padding: 0 27px;
  color: rgba(0, 0, 0, 0.6);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.contact-us-input:nth-child(1), .contact-us-input:nth-child(2) {
  width: -webkit-calc(50% - 6px);
  width: calc(50% - 6px); }

@media only screen and (max-width: 600px) {
  .contact-us-input:nth-child(1), .contact-us-input:nth-child(2) {
    width: 100%; } }
.contact-us-input:nth-child(1) {
  margin-right: 7px; }

@media only screen and (max-width: 600px) {
  .contact-us-input:nth-child(1) {
    margin-right: 0; } }
.contact-us-input::-webkit-input-placeholder {
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color 0.2s; }

.contact-us-input::-ms-input-placeholder {
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color 0.2s; }

.contact-us-input::placeholder {
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color 0.2s; }

.contact-us-input:focus::-webkit-input-placeholder {
  color: transparent;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color 0.2s; }

.contact-us-input:focus::-ms-input-placeholder {
  color: transparent;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color 0.2s; }

.contact-us-input:focus::placeholder {
  color: transparent;
  -webkit-transition: color .2s;
  -o-transition: color .2s;
  transition: color 0.2s; }

.contact-us-textarea {
  width: 100%;
  height: 155px;
  -webkit-border-radius: 23px;
  border-radius: 23px;
  border: 1px solid #eef2f4;
  background-color: #f6f6f6;
  resize: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 27px;
  color: rgba(0, 0, 0, 0.6);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.contact-us-btn {
  border: none !important;
  outline: 0 !important; }

.all-products {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center right; }

@media only screen and (max-width: 1160px) {
  .all-products {
    background-image: -webkit-linear-gradient(31deg, #e07387 0, #e07387 3%, #da324a 100%);
    background-image: -o-linear-gradient(31deg, #e07387 0, #e07387 3%, #da324a 100%);
    background-image: linear-gradient(59deg, #e07387 0, #e07387 3%, #da324a 100%); } }
.all-products-wrap {
  padding: 100px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.all-products-wrapper {
  width: 58%; }

@media only screen and (max-width: 1440px) {
  .all-products-wrapper {
    width: 65%; } }
@media only screen and (max-width: 1280px) {
  .all-products-wrapper {
    width: 72%; } }
@media only screen and (max-width: 1160px) {
  .all-products-wrapper {
    width: 100%; } }
.all-products-header {
  color: #fff;
  font-family: sf;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  letter-spacing: 1.94px;
  max-width: 380px;
  margin-bottom: 55px; }

.all-products-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

.all-products-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-calc(50% - 20px);
  width: calc(50% - 20px);
  margin-bottom: 50px; }

@media only screen and (max-width: 660px) {
  .all-products-item {
    width: 100%; } }
.all-products-item:nth-child(1) .all-products-left {
  width: 43px;
  height: 38px; }

.all-products-item:nth-child(2) .all-products-left {
  width: 22px;
  height: 44px; }

.all-products-item:nth-child(3) {
  margin-bottom: 0; }

.all-products-item:nth-child(3) .all-products-left {
  width: 37px;
  height: 38px; }

@media only screen and (max-width: 660px) {
  .all-products-item:nth-child(3) {
    margin-bottom: 50px; } }
.all-products-item:nth-child(4) {
  margin-bottom: 0; }

.all-products-item:nth-child(4) .all-products-left {
  width: 37px;
  height: 39px; }

.all-products-headline {
  color: #fff;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px; }

.all-products-text {
  max-width: 270px;
  color: #fff;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: .24px;
  margin-bottom: 12px; }

@media only screen and (max-width: 660px) {
  .all-products-text {
    max-width: 100%; } }
.all-products-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.all-products-left {
  -webkit-flex-basis: 43px;
  -ms-flex-preferred-size: 43px;
  flex-basis: 43px;
  margin-right: 25px; }

@media only screen and (max-width: 660px) {
  .all-products-left {
    min-width: 43px; } }
.all-products-link {
  margin-left: 0;
  color: #fff;
  font-weight: 500; }

.all-products-link:before {
  background-color: white; }

.allprod-tiles-wrap {
  padding: 135px 20px 130px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.allprod-tiles-wrap.search {
  padding: 20px 20px 130px 20px; }

@media only screen and (max-width: 480px) {
  .allprod-tiles-wrap {
    padding: 80px 20px 80px 20px; } }
.allprod-tiles-headline {
  color: #000;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 100px; }

@media only screen and (max-width: 480px) {
  .allprod-tiles-headline {
    margin-bottom: 60px; } }
.allprod-tiles-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-left: 1px solid #f1f2f2; }

.allprod-tiles-item {
  width: -webkit-calc(33.333% - 1px);
  width: calc(33% - 1px);
  border: 1px solid #f1f2f2;
  border-left: none;
  background: #fff;
  position: relative;
  padding: 65px 40px 65px 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media only screen and (max-width: 1160px) {
  .allprod-tiles-item {
    width: -webkit-calc(50% - 1px);
    width: calc(50% - 1px); } }
@media only screen and (max-width: 786px) {
  .allprod-tiles-item {
    width: -webkit-calc(100% - 1px);
    width: calc(100% - 1px); } }
@media only screen and (max-width: 420px) {
  .allprod-tiles-item {
    padding: 30px 20px; } }
.allprod-tiles-item.natural .allprod-tiles-imgblock {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/natural.svg);
  background-position: 0 90%;
  background-repeat: no-repeat; }

@media only screen and (max-width: 360px) {
  .allprod-tiles-item.natural .allprod-tiles-imgblock {
    background-image: none; } }
.allprod-tiles-item.bundle .allprod-tiles-imgblock {
  margin-top: 20px; }

.allprod-tiles-item.bundle .allprod-tiles-imgblock img {
  width: 274px;
  height: 262px; }

.allprod-tiles-item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.allprod-tiles-item:nth-child(n+4) {
  border-top: none; }

@media only screen and (max-width: 1160px) {
  .allprod-tiles-item:nth-child(n+3) {
    border-top: none; } }
@media only screen and (max-width: 786px) {
  .allprod-tiles-item:nth-child(n+2) {
    border-top: none; } }
.allprod-tiles-item:nth-child(1), .allprod-tiles-item:nth-child(2), .allprod-tiles-item:nth-child(3) {
  z-index: 9; }

.allprod-tiles-item:nth-child(4), .allprod-tiles-item:nth-child(5), .allprod-tiles-item:nth-child(6) {
  z-index: 8; }

.allprod-tiles-item:nth-child(7), .allprod-tiles-item:nth-child(8), .allprod-tiles-item:nth-child(9) {
  z-index: 7; }

.allprod-tiles-item:nth-child(10), .allprod-tiles-item:nth-child(11), .allprod-tiles-item:nth-child(12) {
  z-index: 6; }

@media only screen and (max-width: 1160px) {
  .allprod-tiles-item:nth-child(1), .allprod-tiles-item:nth-child(2) {
    z-index: 9; } }
@media only screen and (max-width: 1160px) {
  .allprod-tiles-item:nth-child(3), .allprod-tiles-item:nth-child(4) {
    z-index: 8; } }
@media only screen and (max-width: 1160px) {
  .allprod-tiles-item:nth-child(5), .allprod-tiles-item:nth-child(6) {
    z-index: 7; } }
@media only screen and (max-width: 1160px) {
  .allprod-tiles-item:nth-child(7), .allprod-tiles-item:nth-child(8) {
    z-index: 6; } }
@media only screen and (max-width: 1160px) {
  .allprod-tiles-item:nth-child(10), .allprod-tiles-item:nth-child(9) {
    z-index: 5; } }
@media only screen and (max-width: 1160px) {
  .allprod-tiles-item:nth-child(11), .allprod-tiles-item:nth-child(12) {
    z-index: 4; } }
.allprod-tiles-item:hover:before {
  -webkit-box-shadow: 0 29px 39px rgba(56, 62, 68, 0.1);
  box-shadow: 0 29px 39px rgba(56, 62, 68, 0.1);
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

@media only screen and (max-width: 786px) {
  .allprod-tiles-item:hover:before {
    -webkit-box-shadow: none;
    box-shadow: none; } }
.allprod-tiles-item:hover .allprod-tiles-price {
  color: #d53249;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.allprod-tiles-header {
  color: #231f20;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  max-width: 200px;
  margin-bottom: 2px; }

@media only screen and (max-width: 1160px) {
  .allprod-tiles-header {
    min-height: 70px; } }
.allprod-tiles-excerpt {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 65px;
  display: none; }

.allprod-tiles-btn {
  width: 167px; }

.allprod-tiles-imgblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: -40px;
  margin-bottom: 30px;
  margin-top: 20px; }

.collection_item_header {
  min-height: 100px; }

@media only screen and (max-width: 360px) {
  .allprod-tiles-imgblock {
    margin-top: 20px; } }
.allprod-tiles-imgblock img {
  width: 160px;
  height: 262px; }

@media only screen and (max-width: 360px) {
  .allprod-tiles-imgblock img {
    width: 100px;
    height: 290px; } }
.allprod-tiles-priceblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.allprod-tiles-case {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500; }

.allprod-tiles-price {
  color: #231f20;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.about-main.faq .about-main-left {
  max-width: 702px; }

.about-main.faq .about-main-wrap {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/contact-us.svg);
  background-position: center right; }

@media only screen and (max-width: 520px) {
  .about-main.faq .about-main-left {
    font-size: 13.2vw;
    line-height: 1.3; } }
.faq-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 20px 150px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

@media only screen and (max-width: 992px) {
  .faq-wrap {
    padding: 0 20px 80px 20px; } }
.faq-left {
  width: -webkit-calc(66.666% - 10px);
  width: calc(66.666% - 10px); }

@media only screen and (max-width: 992px) {
  .faq-left {
    width: 100%;
    margin-bottom: 60px; } }
.faq-right {
  width: -webkit-calc(33.333% - 10px);
  width: calc(33.333% - 10px); }

@media only screen and (max-width: 992px) {
  .faq-right {
    width: 100%; } }
.faq-item {
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 30px; }

.faq-item:last-child {
  margin-bottom: 0; }

.faq-item.active .faq-num {
  -webkit-box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  background-color: #d63149;
  color: #fff;
  -webkit-transition: background-color .3s,color .3s,-webkit-box-shadow .3s;
  transition: background-color .3s,color .3s,-webkit-box-shadow .3s;
  -o-transition: box-shadow .3s,background-color .3s,color .3s;
  transition: box-shadow .3s,background-color .3s,color .3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s; }

.faq-item.active .faq-head {
  text-shadow: .75px 0 0 #1b1919;
  -webkit-transition: text-shadow .3s;
  -o-transition: text-shadow .3s;
  transition: text-shadow 0.3s; }

.faq-item.active .faq-arrow {
  color: #d63149;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: color .3s,-webkit-transform .3s;
  transition: color .3s,-webkit-transform .3s;
  -o-transition: color .3s,transform .3s;
  transition: color .3s,transform .3s;
  transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s; }

.faq-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  cursor: pointer;
  position: relative;
  padding: 14px 0; }

.faq-bottom {
  border-top: 1px solid #eaeaea;
  padding: 24px 100px 24px 105px;
  display: none; }

@media only screen and (max-width: 768px) {
  .faq-bottom {
    padding: 35px 36px; } }
@media only screen and (max-width: 420px) {
  .faq-bottom {
    padding: 35px 25px; } }
.faq-num {
  width: 46px;
  height: 46px;
  min-width: 46px;
  min-height: 46px;
  -webkit-border-radius: 23px;
  border-radius: 23px;
  border: 1px solid #f0f0f0;
  color: #d63149;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 30px;
  -webkit-transition: background-color .3s,color .3s,-webkit-box-shadow .3s;
  transition: background-color .3s,color .3s,-webkit-box-shadow .3s;
  -o-transition: box-shadow .3s,background-color .3s,color .3s;
  transition: box-shadow .3s,background-color .3s,color .3s;
  transition: box-shadow 0.3s, background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s; }

@media only screen and (max-width: 420px) {
  .faq-num {
    margin-left: 20px;
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
    font-size: 14px; } }
.faq-head {
  color: #1b1919;
  font-family: Sailec;
  font-size: 20px;
  font-weight: 500;
  margin-left: 30px;
  padding-right: 85px;
  -webkit-transition: text-shadow .3s;
  -o-transition: text-shadow .3s;
  transition: text-shadow 0.3s; }

@media only screen and (max-width: 768px) {
  .faq-head {
    font-size: 16px;
    margin-left: 20px;
    padding-right: 80px; } }
@media only screen and (max-width: 420px) {
  .faq-head {
    padding-right: 60px; } }
@media only screen and (max-width: 320px) {
  .faq-head {
    padding-right: 50px; } }
.faq-arrow {
  position: absolute;
  top: -webkit-calc(50% - 11px);
  top: calc(50% - 11px);
  right: 30px;
  -webkit-transition: color .3s,-webkit-transform .3s;
  transition: color .3s,-webkit-transform .3s;
  -o-transition: color .3s,transform .3s;
  transition: color .3s,transform .3s;
  transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s; }

@media only screen and (max-width: 768px) {
  .faq-arrow {
    top: -webkit-calc(50% - 9px);
    top: calc(50% - 9px); } }
@media only screen and (max-width: 420px) {
  .faq-arrow {
    right: 20px; } }
.faq-arrow:before {
  font-size: 22px; }

@media only screen and (max-width: 768px) {
  .faq-arrow:before {
    font-size: 18px; } }
.faq-text {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 10px; }

.faq-excerpt {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px; }

.faq-excerpt {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px; }

.faq-li {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 37px;
  position: relative;
  margin-top: 14px; }

@media only screen and (max-width: 420px) {
  .faq-li {
    padding-left: 28px; } }
.faq-li:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #d63149;
  top: 5px;
  left: 0; }

@media only screen and (max-width: 420px) {
  .faq-li:before {
    height: 10px;
    width: 10px;
    top: 6px; } }
.faq-block {
  position: relative;
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  width: 100%;
  padding: 36px 46px 38px 46px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.faq-block:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 68px;
  background-color: #d63149;
  left: 0;
  top: 25px; }

.faq-preheadline {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500; }

.faq-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 52px; }

.faq-el {
  margin-bottom: 20px; }

.faq-el:last-child {
  margin-bottom: 0; }

.faq-text1 {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px; }

.faq-text1 span {
  font-weight: 700; }

.faq-text2 {
  color: #d63149;
  font-family: Sailec;
  font-size: 20px;
  font-weight: 700;
  display: block; }

.about-main.cart .about-main-wrap {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/cart.svg);
  background-position: center right; }

@media only screen and (max-width: 426px) {
  .about-main.cart .about-main-left {
    font-size: 16vw;
    line-height: 1.3; } }
.cart-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px 150px 20px; }

@media only screen and (max-width: 1160px) {
  .cart-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
@media only screen and (max-width: 920px) {
  .cart-wrap {
    padding: 0 20px 80px 20px; } }
.cart-left {
  width: -webkit-calc(66.666% - 10px);
  width: calc(66.666% - 10px);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #f8f8f8;
  background-color: white; }

@media only screen and (max-width: 1160px) {
  .cart-left {
    width: 100%;
    margin-bottom: 40px; } }
.cart-right {
  width: -webkit-calc(33.333% - 10px);
  width: calc(33.333% - 10px); }

@media only screen and (max-width: 1160px) {
  .cart-right {
    width: 100%; } }
.cart-form {
  width: 100%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #f8f8f8;
  background-color: #fff;
  padding: 0 38px 25px 38px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media only screen and (max-width: 680px) {
  .cart-form {
    padding: 0 20px 25px 20px; } }
.cart-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f8f8f8; }

@media only screen and (max-width: 680px) {
  .cart-top {
    display: none; } }
.cart-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 25px;
  width: 100%; }

.cart-li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid #f8f8f8;
  width: 100%; }

.cart-btn2 {
  width: 300px;
  border: none;
  outline: 0; }

@media only screen and (max-width: 680px) {
  .cart-btn2 {
    width: 100%;
    padding: 15px 35px;
    height: auto;
    -webkit-border-radius: 80px;
    border-radius: 80px; } }
@media only screen and (max-width: 680px) {
  .cart-btn2 span {
    line-height: 1.2; } }
.cart-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100px; }

@media only screen and (max-width: 680px) {
  .cart-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 25px 40px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; } }
@media only screen and (max-width: 680px) {
  .cart-bottom {
    padding: 25px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; } }
.cart-td {
  color: #231f20;
  font-family: Sailec;
  font-size: 13px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.cart-td:nth-child(1) {
  width: 28%; }

@media only screen and (max-width: 680px) {
  .cart-td:nth-child(1) {
    width: 140px; } }
.cart-td:nth-child(2) {
  width: 31%; }

@media only screen and (max-width: 680px) {
  .cart-td:nth-child(2) {
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px); } }
.cart-td:nth-child(3) {
  width: 25%; }

@media only screen and (max-width: 680px) {
  .cart-td:nth-child(3) {
    width: -webkit-calc(100% - 140px);
    width: calc(100% - 140px);
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; } }
.cart-td:nth-child(4) {
  width: 16%; }

@media only screen and (max-width: 680px) {
  .cart-td:nth-child(4) {
    width: 140px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; } }
.cart-link {
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.64);
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: color .3s,text-shadow .3s;
  -o-transition: color .3s,text-shadow .3s;
  transition: color 0.3s, text-shadow 0.3s; }

.cart-link:hover {
  color: #d53148;
  text-shadow: 0 0 0 rgba(213, 49, 72, 0.64);
  -webkit-transition: color .3s,text-shadow .3s;
  -o-transition: color .3s,text-shadow .3s;
  transition: color 0.3s, text-shadow 0.3s; }

.cart-img {
  max-width: 80px; }

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

.cart-cross {
  height: 25px;
  width: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-left: 45px; }

@media only screen and (max-width: 768px) {
  .cart-cross {
    margin-left: 20px; } }
@media only screen and (max-width: 680px) {
  .cart-cross {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    width: 20px; } }
.cart-cross:before {
  font-size: 20px;
  color: #e4e4e4;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

@media only screen and (max-width: 680px) {
  .cart-cross:before {
    font-size: 16px; } }
.cart-cross:hover:before {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.cart-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  width: 90%;
  margin-bottom: 8px; }

@media only screen and (max-width: 680px) {
  .cart-headline {
    width: 5px; } }
@media only screen and (max-width: 680px) {
  .cart-btn {
    width: 100%; } }
.cart-preheadline {
  color: #000;
  font-family: Sailec;
  font-size: 14px;
  font-weight: 400; }

.cart-excerpt {
  color: #231f20;
  font-family: Sailec;
  font-size: 14px;
  font-weight: 500; }

.cart-counter {
  width: 84px;
  height: 26px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  border: 1px solid rgba(35, 31, 32, 0.1);
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 480px) {
    .cart-counter {
      width: 100px; } }

.cart-input {
  -webkit-appearance: none;
  border: none;
  outline: 0;
  text-align: center;
  padding: 0;
  height: 100%;
  width: 30px;
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 700; }

.cart-button {
  cursor: pointer;
  color: #d53148;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 18px;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  background: none;
  outline: none;
  font-family: sans-serif; }

.cart-button span {
  font-family: sans-serif; }

.cart-button.minus {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px); }

.cart-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f8f8f8;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

@media only screen and (max-width: 680px) {
  .cart-item {
    width: 100%;
    padding: 20px 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; } }
@media only screen and (max-width: 360px) {
  .cart-item {
    padding: 40px 0 20px 0; } }
.cart-item .cart-td:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 60px; }

@media only screen and (max-width: 768px) {
  .cart-item .cart-td:nth-child(1) {
    padding-right: 30px; } }
@media only screen and (max-width: 680px) {
  .cart-item .cart-td:nth-child(1) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-right: 40px; } }
@media only screen and (max-width: 680px) {
  .cart-item .cart-td:nth-child(1) {
    padding-left: 20px;
    padding-right: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }
.cart-item .cart-td:nth-child(2), .cart-item .cart-td:nth-child(3) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 30px; }

@media only screen and (max-width: 680px) {
  .cart-item .cart-td:nth-child(2), .cart-item .cart-td:nth-child(3) {
    height: auto;
    padding-bottom: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; } }
@media only screen and (max-width: 680px) {
  .cart-item .cart-td:nth-child(3) {
    height: auto; } }
@media only screen and (max-width: 680px) {
  .cart-item .cart-td:nth-child(4) {
    padding-top: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; } }
@media only screen and (max-width: 680px) {
  .cart-item .cart-td:nth-child(4) {
    padding: 15px 15px 0 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }
.cart-total {
  color: #231f20;
  font-family: Sailec;
  font-size: 14px;
  font-weight: 500; }

.cart-price {
  color: #231f20;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700; }

.single-wrap {
  padding: 60px 20px 100px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media only screen and (max-width: 920px) {
  .single-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
@media only screen and (max-width: 768px) {
  .single-wrap {
    padding: 20px 20px 50px 20px; } }
.single-left {
  width: 50%;
  -webkit-box-shadow: 0 29px 39px rgba(56, 62, 68, 0.1);
  box-shadow: 0 29px 39px rgba(56, 62, 68, 0.1); }

@media only screen and (max-width: 920px) {
  .single-left {
    margin-bottom: 40px;
    width: 100%; } }
.single-right {
  width: 50%;
  padding-left: 85px;
  padding-top: 50px; }

@media only screen and (max-width: 1160px) {
  .single-right {
    padding-left: 40px; } }
@media only screen and (max-width: 920px) {
  .single-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }
@media only screen and (max-width: 600px) {
  .single-right {
    padding: 0; } }
.single-img {
  width: 565px;
  height: 595px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain; }

@media only screen and (max-width: 920px) {
  .single-img {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
    height: -webkit-calc((100vw - 40px)*2/3);
    height: calc((100vw - 40px)*2/3); } }
@media only screen and (max-width: 768px) {
  .single-img {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
    height: -webkit-calc(100vw - 40px);
    height: calc(100vw - 40px); } }
.single-slider .slick-dots {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: white; }

.single-slider .slick-dots li {
  height: 100px;
  width: 100px;
  opacity: 1;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

@media only screen and (max-width: 600px) {
  .single-slider .slick-dots li {
    height: 17vw;
    width: 17vw; } }
.single-slider .slick-dots li.slick-active {
  opacity: .34;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

.single-slider .slick-dots button {
  -webkit-appearance: none;
  height: 100%;
  width: 100%;
  border: none;
  outline: 0;
  font-size: 0;
  color: transparent;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain; }

.single-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  letter-spacing: 1.46px;
  width: 5px; }

@media only screen and (max-width: 360px) {
  .single-headline {
    line-height: 1.2;
    font-size: 11vw; } }
.single-subheadline {
  color: #000;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 15px; }

.single-advantages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px; }

@media only screen and (max-width: 450px) {
  .single-advantages {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 20px; } }
.single-el {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 450px) {
  .single-el {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-right: 10px; } }
.single-el:nth-child(1) img {
  width: 43px;
  height: 38px;
  margin-right: 17px; }

.single-el:nth-child(2) img {
  width: 22px;
  height: 44px;
  margin-right: 20px; }

@media only screen and (max-width: 450px) {
  .single-el:nth-child(3) {
    margin-top: 15px; } }
.single-el:nth-child(3) img {
  width: 37px;
  height: 38px;
  margin-right: 20px; }

.single-el img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.single-el span {
  color: #231f20;
  font-family: Sailec;
  font-size: 14px;
  font-weight: 500; }

.single-priceblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 72px; }

@media only screen and (max-width: 420px) {
  .single-priceblock {
    margin-bottom: 35px; } }
.single-price {
  color: #231f20;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.76px;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 20px;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
  margin-right: 20px; }

.single-price:before {
  content: "";
  position: absolute;
  height: 5px;
  width: 100%;
  -webkit-box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #d73752;
  bottom: -16px;
  left: 0; }

.single-case {
  color: #231f20;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 20px; }

.single-counterblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 22px; }

.single-counterblock .cart-counter {
  width: 130px;
  height: 40px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.single-counterblock .cart-button {
  height: 40px;
  width: 40px;
  font-size: 28px; }

.single-counterblock .cart-button.minus {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px); }

.single-counterblock .cart-button.plus {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px); }

.single-counterblock .cart-input {
  width: 40px;
  color: #231f20;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 700; }

.single-total {
  margin-left: 30px;
  color: #231f20;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 500;
  opacity: 0; }

@media only screen and (max-width: 350px) {
  .single-total {
    margin-left: 20px;
    font-size: 20px; } }
.single-total strong {
  margin-left: 3px;
  color: #d73752;
  font-weight: 700; }

.single-text {
  color: #181516;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 24px; }

.single-text b {
  font-weight: 700; }

.single-container-top {
  height: 250px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

@media only screen and (max-width: 420px) {
  .single-container-top {
    height: 100px; } }
.single-container-button {
  color: rgba(24, 21, 22, 0.55);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
  padding-top: 150px;
  cursor: pointer; }

@media only screen and (max-width: 420px) {
  .single-container-button {
    font-size: 4vw;
    padding-top: 30px; } }
.single-container-button:before {
  content: "";
  position: absolute;
  height: 5px;
  -webkit-box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #d73752;
  top: 182px;
  left: -10%;
  width: 120%;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

@media only screen and (max-width: 420px) {
  .single-container-button:before {
    top: -webkit-calc(40px + 4vw);
    top: calc(40px + 4vw); } }
.single-container-button:after {
  content: "";
  position: absolute;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  opacity: 0; }

@media only screen and (max-width: 480px) {
  .single-container-button:after {
    content: none; } }
.single-container-button.active {
  color: #181516;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.single-container-button.active:before {
  opacity: 1;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

.single-container-button.active:after {
  opacity: 1;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity 0.3s; }

.single-container-button:nth-child(1):after {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/single1-1.svg);
  width: 109px;
  height: 174px;
  left: -60px;
  top: 50px; }

.single-container-button:nth-child(2):after {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/single1-2.svg);
  width: 65px;
  height: 176px;
  left: -60px;
  top: 50px; }

.single-container-button:hover {
  color: #181516;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.single-container-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 150px; }

@media only screen and (max-width: 920px) {
  .single-container-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
@media only screen and (max-width: 992px) {
  .single-container-wrapper {
    margin-bottom: 80px; } }
.single-container-slide {
  max-width: 1170px; }

.single-container-slide:not(.active) {
  display: none; }

.single-container-slide .whats-fitness-content {
  margin-bottom: 160px; }

@media only screen and (max-width: 992px) {
  .single-container-slide .whats-fitness-content {
    margin-bottom: 80px; } }
.single-container-left {
  width: 50%; }

@media only screen and (max-width: 920px) {
  .single-container-left {
    width: 100%;
    margin-bottom: 60px; } }
.single-container-img {
  width: 100%;
  height: 448px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

@media only screen and (max-width: 920px) {
  .single-container-img {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
    height: -webkit-calc((100vw - 40px)/ 59*45);
    height: calc((100vw - 40px)/ 59*45); } }
.single-container-right {
  padding-left: 104px;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

@media only screen and (max-width: 992px) {
  .single-container-right {
    padding-left: 30px; } }
@media only screen and (max-width: 920px) {
  .single-container-right {
    padding-left: 0;
    width: 100%; } }
.single-container-right p {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 0 25px 0; }

.single-video-wrap {
  padding: 150px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media only screen and (max-width: 992px) {
  .single-video-wrap {
    padding: 20px 20px 80px 20px; } }
@media only screen and (max-width: 920px) {
  .single-video-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
.single-video-headline {
  color: #000;
  font-family: Sailec;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  width: 5px;
  margin-bottom: 40px; }

.single-video-text {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }

.single-video-left {
  width: 330px;
  position: relative; }

@media only screen and (max-width: 920px) {
  .single-video-left {
    width: 100%; } }
.single-video-left:before {
  content: "";
  position: absolute;
  width: 213px;
  height: 284px;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/play.svg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  z-index: -1;
  left: -62px;
  top: -25px; }

.single-video-right {
  width: -webkit-calc(100% - 330px);
  width: calc(100% - 330px);
  padding-left: 65px; }

@media only screen and (max-width: 920px) {
  .single-video-right {
    padding-left: 0;
    margin-top: 40px;
    width: 100%; } }
.single-video-play {
  width: 100%;
  max-width: 775px;
  height: 456px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 1210px) {
  .single-video-play {
    width: -webkit-calc(100vw - 420px);
    width: calc(100vw - 420px);
    height: -webkit-calc((100vw - 420px)/ 16*9);
    height: calc((100vw - 420px)/ 16*9);
    max-width: 100%; } }
@media only screen and (max-width: 920px) {
  .single-video-play {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
    height: -webkit-calc((100vw - 40px)/ 16*9);
    height: calc((100vw - 40px)/ 16*9);
    max-width: 100%;
    margin-top: 0; } }
.single-video-playbtn:before {
  font-size: 130px;
  color: #fff;
  cursor: pointer; }

@media only screen and (max-width: 1210px) {
  .single-video-playbtn:before {
    font-size: 10vw; } }
@media only screen and (max-width: 920px) {
  .single-video-playbtn:before {
    font-size: 14vw; } }
.about-main.deals .about-main-wrap {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/discount.svg);
  background-position: center right; }

.about-main.deals .about-main-left {
  max-width: 520px; }

@media only screen and (max-width: 555px) {
  .about-main.deals .about-main-left {
    font-size: 11.9vw;
    line-height: 1.2; } }
.deals-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.deals-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 65px; }

.deals-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 90px; }

@media only screen and (max-width: 1160px) {
  .deals-content {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around; } }
@media only screen and (max-width: 920px) {
  .deals-content {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px; } }
@media only screen and (max-width: 420px) {
  .deals-content {
    margin-bottom: 30px; } }
.deals-item {
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  background-color: #fff;
  position: relative;
  width: -webkit-calc(33.333% - 12px);
  width: calc(33.333% - 12px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 265px 72px 50px 72px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s,-webkit-box-shadow .3s;
  cursor: pointer;
  margin-bottom: 62px; }

@media only screen and (max-width: 1160px) {
  .deals-item {
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px); } }
@media only screen and (max-width: 920px) {
  .deals-item {
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px); } }
@media only screen and (max-width: 768px) {
  .deals-item {
    width: 100%; } }
@media only screen and (max-width: 420px) {
  .deals-item {
    padding: 265px 30px 50px 30px;
    margin-bottom: 35px; } }
/* .deals-item.publix .deals-brand {
    width: 178px;
    height: 38px;
    left: -webkit-calc(50% - 89px);
    left: calc(50% - 89px);
    top: 169px
}

.deals-item.morrisons .deals-brand {
    width: 176px;
    height: 90px;
    left: -webkit-calc(50% - 88px);
    left: calc(50% - 88px);
    top: 142px
}

.deals-item.lucky .deals-brand {
    width: 175px;
    height: 73px;
    left: -webkit-calc(50% - 87.5px);
    left: calc(50% - 87.5px);
    top: 151px
}

.deals-item.fresh .deals-brand {
    width: 122px;
    height: 90px;
    left: -webkit-calc(50% - 61px);
    left: calc(50% - 61px);
    top: 142px
}

.deals-item.sweetbay .deals-brand {
    width: 160px;
    height: 88px;
    left: -webkit-calc(50% - 80px);
    left: calc(50% - 80px);
    top: 141px
}

.deals-item.stragan .deals-brand {
    width: 96px;
    height: 87px;
    left: -webkit-calc(50% - 48px);
    left: calc(50% - 48px);
    top: 142px
} */
.deals-item:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 5px;
  background-color: #d63149;
  width: 100%; }

.deals-item:hover {
  -webkit-box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.1);
  box-shadow: 0 1px 15px 1px rgba(213, 49, 72, 0.1);
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }

.deals-img {
  width: 67px;
  height: 55px;
  position: absolute;
  top: 54px;
  left: -webkit-calc(50% - 33.5px);
  left: calc(50% - 33.5px); }

.deals-brand {
  position: absolute;
  top: 142px;
  height: 90px;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

.deals-brand img {
  max-height: 100%;
  max-width: 180px; }

.deals-header {
  color: #d63149;
  font-family: Sailec;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 18px; }

.deals-text {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  margin-bottom: 18px; }

.deals-btn {
  width: 130px; }

.popup-click {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  z-index: 11;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.popup-click.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all 0.3s; }

.popup {
  width: 800px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  position: fixed;
  left: -webkit-calc(50vw - 400px);
  left: calc(50vw - 400px);
  top: -webkit-calc(50% + 60px);
  top: calc(50% + 60px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  z-index: 12;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all 0.5s; }

@media only screen and (max-width: 992px) {
  .popup {
    top: -webkit-calc(50% + 30px);
    top: calc(50% + 30px); } }
@media only screen and (max-width: 840px) {
  .popup {
    left: 20px;
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
    overflow: hidden; } }
@media only screen and (max-width: 420px) {
  .popup {
    top: -webkit-calc(50% + 40px);
    top: calc(50% + 40px); } }
@media only screen and (max-width: 374px) {
  .popup {
    width: 100vw;
    left: 0;
    -webkit-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9); } }
@media only screen and (max-width: 320px) {
  .popup {
    -webkit-transform: translateY(-50%) scale(0.88);
    -ms-transform: translateY(-50%) scale(0.88);
    transform: translateY(-50%) scale(0.88); } }
.popup.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all 0.5s; }

.popup-top {
  width: 100%;
  height: 252px;
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/popup-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  z-index: 5; }

@media only screen and (max-width: 840px) {
  .popup-top {
    background-image: url(https://drinktrimino.com/cdn/shop/t/43/img/popup-bg2.png);
    height: 200px; } }
@media only screen and (max-width: 420px) {
  .popup-top {
    height: 60px;
    background-position: left center; } }
.popup-top:before {
  content: "";
  z-index: 6;
  position: absolute;
  bottom: -20px;
  height: 20px;
  left: 0;
  width: 100%;
  background-color: white; }

.popup-bottom {
  z-index: 6;
  padding: 0 114px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

@media only screen and (max-width: 840px) {
  .popup-bottom {
    padding: 0 40px; } }
@media only screen and (max-width: 600px) {
  .popup-bottom {
    padding: 0 20px; } }
.popup-img {
  position: absolute;
  right: 81px;
  top: -67px; }

@media only screen and (max-width: 840px) {
  .popup-img {
    display: none; } }
.popup-cross {
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px; }

@media only screen and (max-width: 420px) {
  .popup-cross {
    height: 35px;
    width: 35px;
    top: 12.5px;
    right: 12.5px; } }
.popup-cross:before {
  font-size: 16px;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

@media only screen and (max-width: 420px) {
  .popup-cross:before {
    font-size: 14px; } }
.popup-cross:hover:before {
  color: #d53148;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.popup-form {
  width: 500px;
  height: 46px; }

@media only screen and (max-width: 600px) {
  .popup-form {
    width: 100%; } }
.popup-btn {
  outline: 0;
  border: none; }

.popup-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: center; }

@media only screen and (max-width: 600px) {
  .popup-headline {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 14px;
    margin-top: 30px; } }
.popup-text {
  color: #231f20;
  font-family: Sailec;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 4px;
  text-align: center; }

.popup-text span {
  color: #d63149;
  font-weight: 700;
  text-transform: uppercase; }

@media only screen and (max-width: 600px) {
  .popup-text {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 4px; } }
.popup-content {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  padding: 0 1px;
  margin-bottom: 28px; }

@media only screen and (max-width: 600px) {
  .popup-content {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 20px; } }
.popup-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 34px; }

@media only screen and (max-width: 600px) {
  .popup-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px; } }
@media only screen and (max-width: 380px) {
  .popup-form {
    margin-bottom: 20px; } }
.popup-btn {
  position: absolute;
  top: 0;
  right: 0; }

@media only screen and (max-width: 600px) {
  .popup-btn {
    position: relative;
    margin-top: 10px; } }
.popup-input {
  -webkit-border-radius: 23px;
  border-radius: 23px;
  border: 1px solid #eef2f4;
  background-color: #f3f3f3;
  outline: 0;
  -webkit-appearance: none;
  height: 46px;
  width: 100%;
  padding: 0 220px 0 34px;
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.popup-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

.popup-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

.popup-input::placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 16px;
  font-weight: 300; }

.popup-input:focus::-webkit-input-placeholder {
  color: transparent;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.popup-input:focus::-ms-input-placeholder {
  color: transparent;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

.popup-input:focus::placeholder {
  color: transparent;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color 0.3s; }

@media only screen and (max-width: 600px) {
  .popup-input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 25px; } }
.popup-excerpt {
  color: rgba(0, 0, 0, 0.4);
  font-family: Sailec;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 30px; }

@media only screen and (max-width: 600px) {
  .popup-excerpt {
    font-size: 12px; } }
@media only screen and (max-width: 380px) {
  .popup-excerpt {
    margin-bottom: 24px; } }
.popup-thanks {
  display: none; }

.popup-wrapper {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 50px 50px 65px 50px; }

.popup-ok {
  width: 46px;
  height: 46px;
  background-color: #d63149;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px; }

.popup-ok:before {
  color: #fff;
  font-size: 14px; }

.popup-heading {
  color: #d73752;
  font-family: Sailec;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 8px; }

.popup-description {
  color: #231f20;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 700;
  text-align: center; }

.about-main.press-releases .about-main-wrap {
  background-image: url(https://drinktrimino.com/cdn/shop/t/43/assets/newspapper.svg);
  background-position: center right; }

@media only screen and (max-width: 410px) {
  .about-main.press-releases .about-main-left {
    font-size: 17.2vw;
    line-height: 1.2; } }
.releases-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0 20px 150px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

@media only screen and (max-width: 992px) {
  .releases-wrap {
    padding: 0 20px 80px 20px; } }
.releases-left {
  width: -webkit-calc(66.666% - 10px);
  width: calc(66.666% - 10px); }

@media only screen and (max-width: 992px) {
  .releases-left {
    width: 100%;
    margin-bottom: 60px; } }
.releases-right {
  width: -webkit-calc(33.333% - 10px);
  width: calc(33.333% - 10px); }

@media only screen and (max-width: 992px) {
  .releases-right {
    width: 100%; } }
.releases-item {
  -webkit-box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 30px 70px 35px 78px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.releases-item:last-child {
  margin-bottom: 0; }

@media only screen and (max-width: 992px) {
  .releases-item {
    padding: 30px 40px 35px 40px; } }
@media only screen and (max-width: 420px) {
  .releases-item {
    padding: 25px 30px 30px 30px; } }
.releases-date {
  height: 24px;
  -webkit-box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 15px 1px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #d63149;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 500;
  padding: 0 12px;
  margin-bottom: 16px; }

.releases-headline {
  color: #231f20;
  font-family: Sailec;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px; }

.releases-text {
  color: #1b1919;
  font-family: Sailec;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }

.bold_csp_qb_savings div {
  background-image: linear-gradient(to right, #d53148 0, #d53148 100%);
  text-align: center;
  color: #fff !important;
  font-weight: 500;
  font-size: 16px !important;
  margin-bottom: 40px !important;
  font-family: Sailec, sans-serif; }

table.shappify_qb_grid {
  /*   border-radius: 5px;
    overflow: hidden; */
  border: 1px solid #e9e8e8 !important; }

table.shappify_qb_grid thead, table.shappify_qb_grid thead tr, table.shappify_qb_grid thead th, table.shappify_qb_grid thead td {
  background: inherit !important; }

table.shappify_qb_grid thead tr th {
  font-size: 14px;
  color: #d53148;
  font-weight: bold;
  height: 38px;
  font-family: "Sailec", sans-serif;
  border: 1px solid #e9e8e8 !important;
  background: #f8f8f9 !important;
  text-transform: uppercase;
  padding: 0 20px; }

table.shappify_qb_grid tbody tr td {
  font-size: 14px;
  color: #231f20;
  font-weight: bold;
  height: 38px;
  font-family: "Sailec", sans-serif;
  border: 1px solid #e9e8e8 !important;
  background: #fff !important;
  padding: 0 20px; }

.form-success {
  text-align: center;
  color: #fff;
  background-color: #d63149;
  border-radius: 10px;
  padding: 10px;
  font-family: Sailec; }

.article_link_hidden {
  width: 100%;
  height: 100%;
  display: block; }

/* News Styles */
.contact-us-right {
  position: relative;
    /*   &:before {
        opacity: 0;
        transition: opacity .3s;
      }

        &.active {
            &:before {
                opacity: 0;
                transition: opacity .3s;
            }
        } */ }

.contact-us-form {
  opacity: 1;
  visibility: visible;
  transition: all .3s; }
  .contact-us-form.hidden {
    opacity: 0;
    visibility: hidden;
    transition: all .3s; }

.thanks-msg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 13px 25px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 48px);
  height: calc(100% - 35px);
  opacity: 1;
  visibility: visible;
  transition: all .3s; }
  .thanks-msg.hidden {
    opacity: 0;
    visibility: hidden;
    transition: all .3s; }

.thanks-msg-img {
  width: 72px;
  height: 72px;
  background-color: #d63149;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px; }
  .thanks-msg-img:before {
    color: white;
    font-size: 22px; }

.thanks-msg-headline {
  color: #231f20;
  font-family: "Sailec", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 28px; }

.thanks-msg-excerpt {
  color: #231f20;
  font-family: "Sailec", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 27px; }

.thanks-msg-text {
  color: #231f20;
  font-family: "Sailec", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 8px; }

.thanks-msg-tel {
  color: #c3414d;
  font-size: 21px;
  display: flex;
  font-family: "Sailec", sans-serif;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 65px; }

.thanks-msg-btn {
  width: 165px; }

.blog-single-headline {
  height: 58px;
  display: flex;
  justify-content: center;
  align-items: center; }

@media only screen and (max-width: 336px) {
  height: 87px; }
/* ECI: START: CSS Added, 2/19/2020 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  div#hamburger-1 {
    margin-right: 18px; }

  a.header-left {
    padding-top: 2px;
    margin-left: 15px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
  .header-left {
    margin-left: -20px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .header-left {
    margin-left: -383px;
    padding-top: 4px; } }
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .header-left {
    margin-left: 0px;
    padding-top: 2px; } }
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .header-left {
    margin-left: -48px;
    padding-top: 4px; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .header-left {
    padding-top: 2px;
    padding-left: 1px; } }
/* ECI: END: CSS Added, 2/19/2020 */
/* ECI REDESIGN Pulled from liquid files */
.single-slider .slick-dots button {
  color: transparent;
  background-color: #000;
  background-image: none !important;
  border-radius: 100%; }

.single-slider .slick-dots li {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  float: left; }

.single-slider .slick-dots {
  bottom: -30px;
  right: auto;
  top: auto;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
  display: block !important; }

.single-price {
  display: block;
  width: 130px;
  margin-bottom: 50px; }

.eci-single-priceblock {
  display: inline-block;
  margin-bottom: 42px; }

.eci-single-priceblock .single-price {
  margin-bottom: 30px; }

.eci-cartbutton {
  width: 240px;
  margin: 0 auto; }

.single-img img {
  display: block;
  max-width: 100%;
  height: 100%;
  margin: 0 auto; }

.single-img .zoomWrapper {
  margin: 0 auto; }

.single-slider .slick-dots {
  background: transparent !important; }

@media only screen and (min-width: 768px) {
  /* For desktop: */
  #shopify-section-product-page .slick-active {
    display: block !important; }

  .single-left .slick-slide {
    display: none; } }
@media only screen and (max-width: 420px) and (min-width: 320px) {
  .single-counterblock .cart-counter {
    width: auto !important; } }
@media (min-width: 320px) and (max-width: 767px) {
  .single-img img {
    position: static !important; }

  .single-wrap.wrap {
    padding-bottom: 0 !important; } }
@media only screen and (max-width: 450px) and (min-width: 320px) {
  .single-el {
    width: -webkit-calc(33% - 10px);
    width: calc(33% - 10px);
    margin-right: 5px; }

  .single-el:nth-child(1) img {
    width: 30px;
    height: auto;
    margin-right: 4px; }

  .single-el:nth-child(2) img {
    width: 20px;
    height: auto;
    margin-right: 5px; }

  .single-el:nth-child(3) img {
    width: 30px;
    height: auto;
    margin-right: 5px; }

  .single-el span br {
    display: none; }

  .single-el span {
    color: #231f20;
    font-family: Sailec;
    font-size: 12px;
    font-weight: 500; }

  .single-el:nth-child(3) {
    margin-top: 0px; } }
@media only screen and (max-width: 359px) and (min-width: 320px) {
  .single-el img {
    width: 15px !important;
    height: auto !important;
    margin-right: 5px !important; }

  .single-el:nth-child(2) img {
    width: 15px !important; } }
#RecoverPasswordForm {
  display: none; }
  #RecoverPasswordForm .form-links {
    justify-content: flex-end; }
    #RecoverPasswordForm .form-links .btn-red {
      margin-right: 40px;
      box-shadow: none;
      border: none;
      color: #fff;
      text-transform: uppercase;
      font-family: 'Sailec';
      font-weight: 500; }

#ResetSuccess {
  display: none; }

.account-wrapper a {
  color: #231F20;
  text-decoration: underline;
  font-weight: 500; }
.account-wrapper .table-wrap .full {
  width: 100%; }
.account-wrapper .table-wrap thead tr {
  text-align: left; }
  .account-wrapper .table-wrap thead tr th {
    font-size: 13px;
    font-weight: 500;
    color: #888888;
    padding: 12.5px 0; }
.account-wrapper .table-wrap tbody td {
  font-size: 13px;
  font-weight: 500;
  padding: 7.5px 0; }
.account-wrapper .account-panel {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
.account-wrapper .login-form,
.account-wrapper .register-form {
  padding: 30px 20px 40px; }
  @media only screen and (min-width: 992px) {
    .account-wrapper .login-form,
    .account-wrapper .register-form {
      padding: 40px 50px; } }
  .account-wrapper .login-form .form-heading,
  .account-wrapper .register-form .form-heading {
    font-family: Sailec;
    font-size: 20px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px; }
    .account-wrapper .login-form .form-heading.bolded,
    .account-wrapper .register-form .form-heading.bolded {
      font-weight: 700; }
  .account-wrapper .login-form .form-action,
  .account-wrapper .register-form .form-action {
    text-align: center;
    padding: 20px 0;
    margin-bottom: 20px; }
    .account-wrapper .login-form .form-action .btn,
    .account-wrapper .register-form .form-action .btn {
      margin: 0 auto;
      border: none;
      color: #fff;
      font-family: Sailec;
      font-weight: 500; }
  .account-wrapper .login-form .form-links,
  .account-wrapper .register-form .form-links {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .account-wrapper .login-form .form-links.register,
    .account-wrapper .register-form .form-links.register {
      justify-content: center;
      padding-top: 20px;
      position: relative; }
      .account-wrapper .login-form .form-links.register .form-action,
      .account-wrapper .register-form .form-links.register .form-action {
        margin-bottom: 0;
        padding: 0; }
      .account-wrapper .login-form .form-links.register .cancel,
      .account-wrapper .register-form .form-links.register .cancel {
        position: absolute;
        right: 0; }
    .account-wrapper .login-form .form-links a,
    .account-wrapper .register-form .form-links a {
      text-decoration: underline;
      color: #000; }
.account-wrapper.log-in .shop-link {
  padding-top: 40px; }
  @media only screen and (min-width: 769px) {
    .account-wrapper.log-in .shop-link {
      padding-top: 100px; } }
  .account-wrapper.log-in .shop-link a {
    margin: 0 auto;
    width: 292px;
    max-width: 100%;
    text-decoration: none;
    text-transform: uppercase; }
.account-wrapper.account-main a {
  font-size: 13px; }
.account-wrapper.account-main .account-page-header {
  margin-bottom: 40px; }
.account-wrapper.account-main .customer-welcome .customer-greeting {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 22px; }
.account-wrapper.account-main .customer-welcome .customer-subheading {
  line-height: 30px;
  margin: 0; }
.account-wrapper.account-main .account-homepage-block {
  height: 300px;
  padding: 30px 30px 40px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  position: relative; }
  @media only screen and (max-width: 768px) {
    .account-wrapper.account-main .account-homepage-block {
      margin-bottom: 20px; } }
  .account-wrapper.account-main .account-homepage-block .account-homepage-header {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
    height: 62px; }
    .account-wrapper.account-main .account-homepage-block .account-homepage-header .icon-container {
      margin-right: 20px; }
      .account-wrapper.account-main .account-homepage-block .account-homepage-header .icon-container svg {
        height: 40px;
        width: 40px;
        fill: #D53148; }
    .account-wrapper.account-main .account-homepage-block .account-homepage-header h2 {
      font-size: 20px;
      font-weight: 700; }
  .account-wrapper.account-main .account-homepage-block .order-content,
  .account-wrapper.account-main .account-homepage-block .account-homepage-content {
    font-size: 13px;
    height: 140px; }
  .account-wrapper.account-main .account-homepage-block .order-content .order-summary-heading {
    margin-bottom: 10px;
    text-align: left; }
  .account-wrapper.account-main .account-homepage-block .order-content table {
    width: 100%;
    border-collapse: none; }
    .account-wrapper.account-main .account-homepage-block .order-content table:not(:empty) {
      backface-visibility: visible !important; }
  .account-wrapper.account-main .account-homepage-block .order-content .border-bottom td {
    border-bottom: 1px solid #eee; }
  .account-wrapper.account-main .account-homepage-block .order-content td {
    padding: 10px 0; }
  .account-wrapper.account-main .account-homepage-block .link-section {
    text-align: right; }
  .account-wrapper.account-main .account-homepage-block .address-links .links-container {
    width: 100%;
    display: flex;
    justify-content: space-between; }
.account-wrapper.account-main .customer-background {
  height: 240px; }
  .account-wrapper.account-main .customer-background:before {
    content: "";
    background-image: url("https://drinktrimino.com/cdn/shop/t/43/assets/account-big.svg?v=158163879286009043041602088881");
    background-repeat: no-repeat;
    position: absolute;
    height: 240px;
    width: 240px;
    z-index: -1; }
.account-wrapper.account-main .logout-container {
  padding-top: 50px; }
  .account-wrapper.account-main .logout-container .btn {
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px; }
.account-wrapper.orders-page .order-heading {
  display: flex;
  justify-content: space-between;
  align-items: center; }
.account-wrapper.orders-page .order-detail-section {
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee; }
  .account-wrapper.orders-page .order-detail-section .order-item {
    display: flex;
    justify-content: space-between; }
    .account-wrapper.orders-page .order-detail-section .order-item .order-item-heading {
      font-size: 13px;
      font-weight: 500;
      color: #888888; }
    .account-wrapper.orders-page .order-detail-section .order-item .order-item-value {
      text-align: right;
      font-size: 13px;
      font-weight: 500;
      color: #231F20; }
      .account-wrapper.orders-page .order-detail-section .order-item .order-item-value p {
        text-transform: capitalize;
        margin: 0;
        line-height: 1.8; }
.account-wrapper.orders-page .footer-back-link {
  padding-top: 40px; }
  .account-wrapper.orders-page .footer-back-link a {
    float: right; }
.account-wrapper .account-navigation .account-links {
  list-style-type: none;
  padding-left: 22px; }
  .account-wrapper .account-navigation .account-links .account-link {
    margin-bottom: 30px; }
    .account-wrapper .account-navigation .account-links .account-link a {
      display: flex;
      text-decoration: none;
      position: relative;
      color: #A9A9A9;
      font-weight: 700; }
      .account-wrapper .account-navigation .account-links .account-link a.active {
        color: #231F20; }
        .account-wrapper .account-navigation .account-links .account-link a.active:before {
          content: '';
          background-color: #D53248;
          height: 25px;
          width: 3px;
          position: absolute;
          left: -18px; }
        .account-wrapper .account-navigation .account-links .account-link a.active svg {
          fill: #D53248; }
      .account-wrapper .account-navigation .account-links .account-link a svg {
        height: 25px;
        width: 25px;
        fill: #A9A9A9;
        margin-right: 15px; }
.account-wrapper .account-block {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
  margin-bottom: 30px; }
  @media only screen and (min-width: 769px) {
    .account-wrapper .account-block {
      padding: 40px 90px 50px; } }
  .account-wrapper .account-block .block-heading {
    margin-bottom: 30px; }
    @media only screen and (max-width: 768px) {
      .account-wrapper .account-block .block-heading {
        margin-bottom: 20px;
        padding-left: 30px; } }
    .account-wrapper .account-block .block-heading:before {
      content: '';
      background-color: #D53248;
      height: 60px;
      width: 5px;
      position: absolute;
      top: 30px;
      left: 0; }
    .account-wrapper .account-block .block-heading .block-title {
      position: relative;
      margin: 0; }
      @media only screen and (min-width: 769px) {
        .account-wrapper .account-block .block-heading .block-title.address-count {
          margin-bottom: 50px; } }
    .account-wrapper .account-block .block-heading svg {
      height: 40px;
      width: 30px;
      fill: #D53248;
      position: absolute;
      left: -50px; }
      @media only screen and (max-width: 768px) {
        .account-wrapper .account-block .block-heading svg {
          height: 25px;
          width: 25px;
          left: -26px; } }
  @media only screen and (max-width: 768px) {
    .account-wrapper .account-block table .mobile-column {
      display: flex;
      flex-direction: column; } }
  @media only screen and (max-width: 768px) {
    .account-wrapper .account-block table .mobile-column .mobile-column-data {
      display: flex;
      justify-content: space-between; } }
.account-wrapper .orders-block .orders-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .account-wrapper .orders-block .orders-list-header .orders-sort .sort-label {
    font-size: 13px;
    font-weight: 500;
    color: #888888; }
  .account-wrapper .orders-block .orders-list-header .orders-sort .order-select {
    width: 100px;
    border: none;
    border-bottom: 2px solid #231f20; }
@media only screen and (max-width: 768px) {
  .account-wrapper .orders-block .block-heading svg {
    height: 20px;
    width: 20px;
    top: 6px; } }
.account-wrapper .orders-block table {
  border-collapse: none; }
  .account-wrapper .orders-block table:not(:empty) {
    backface-visibility: visible !important; }
  @media only screen and (max-width: 768px) {
    .account-wrapper .orders-block table .border-bottom {
      border-bottom: 1px solid #eee;
      margin-bottom: 20px; } }
  .account-wrapper .orders-block table .border-bottom td {
    border-bottom: 1px solid #eee; }
    @media only screen and (max-width: 768px) {
      .account-wrapper .orders-block table .border-bottom td {
        border: none; } }
.account-wrapper .orders-block .pagination {
  text-align: center;
  padding-top: 20px; }
  .account-wrapper .orders-block .pagination a {
    text-decoration: none; }
  .account-wrapper .orders-block .pagination span {
    margin-right: 15px;
    border-radius: 50%;
    padding: 9px 14px; }
    @media only screen and (max-width: 768px) {
      .account-wrapper .orders-block .pagination span {
        padding: 5px 10px; } }
    .account-wrapper .orders-block .pagination span:last-child {
      margin-right: none; }
    .account-wrapper .orders-block .pagination span.page {
      font-size: 13px; }
      .account-wrapper .orders-block .pagination span.page.current {
        background-color: #D53248;
        color: #fff; }
  .account-wrapper .orders-block .pagination .prev,
  .account-wrapper .orders-block .pagination .next {
    padding: 7px 9px;
    background-color: #fff;
    border: 2px solid #231F20; }
    @media only screen and (max-width: 768px) {
      .account-wrapper .orders-block .pagination .prev,
      .account-wrapper .orders-block .pagination .next {
        padding: 4px 6px; } }
    .account-wrapper .orders-block .pagination .prev.disabled,
    .account-wrapper .orders-block .pagination .next.disabled {
      border: none;
      background-color: #ccc;
      color: #fff; }
      .account-wrapper .orders-block .pagination .prev.disabled svg,
      .account-wrapper .orders-block .pagination .next.disabled svg {
        fill: #fff; }
    .account-wrapper .orders-block .pagination .prev svg,
    .account-wrapper .orders-block .pagination .next svg {
      height: 16px;
      width: 16px;
      fill: #231F20;
      position: relative;
      top: 2px; }
.account-wrapper .address-block .default-address {
  font-size: 16px;
  font-weight: 500;
  color: #A9A9A9;
  margin-left: 20px; }
  @media only screen and (max-width: 480px) {
    .account-wrapper .address-block .default-address {
      font-size: 14px;
      margin-left: 10px; } }
.account-wrapper .address-block .address-content .address-name {
  margin-top: 0;
  margin-bottom: 20px; }
.account-wrapper .address-block .address-content .address {
  margin: 0;
  line-height: 1.6; }
  @media only screen and (max-width: 768px) {
    .account-wrapper .address-block .address-content .address {
      margin-bottom: 20px; } }
.account-wrapper .address-block .default-checkbox {
  margin-bottom: 20px; }
.account-wrapper .address-block .address-links {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .account-wrapper .address-block .address-links a {
    margin-right: 40px; }
    .account-wrapper .address-block .address-links a:last-child {
      margin-right: 0;
      width: 162px;
      height: 46px;
      line-height: 46px;
      text-align: center;
      -webkit-border-radius: 23px;
      border-radius: 23px;
      background-color: #d53148;
      position: relative;
      text-decoration: none;
      color: #fff; }
      @media only screen and (max-width: 768px) {
        .account-wrapper .address-block .address-links a:last-child {
          width: 125px; } }
  .account-wrapper .address-block .address-links .btn-red {
    border: none;
    color: #fff;
    font-weight: 500; }
    .account-wrapper .address-block .address-links .btn-red.create {
      text-transform: uppercase; }
.account-wrapper .account-block-header {
  font-size: 40px;
  line-height: 1.2;
  text-transform: uppercase;
  position: relative;
  margin: 0; }
  @media only screen and (min-width: 992px) {
    .account-wrapper .account-block-header {
      font-size: 70px; } }
.account-wrapper .add-new-link {
  margin-bottom: 30px; }
  .account-wrapper .add-new-link .btn {
    width: 300px;
    margin: 0 auto;
    text-decoration: none; }

@media (max-width: 750px) {
  #manage-subscription-root .subscription-details-block-container .flex-column {
    padding-right: 25px !important; } }
@media only screen and (max-width: 768px) {
  #manage-subscription-root .order-product .subscription-details-block {
    display: flex !important;
    justify-content: space-between !important; } }
@media only screen and (max-width: 768px) {
  #manage-subscription-root .order-product .order-product-edit-quantity .subscription-input {
    width: 50px !important;
    margin-left: auto !important; } }
@media only screen and (max-width: 768px) {
  #manage-subscription-root .order-product h6 {
    font-size: 16px !important;
    margin: 10px 0 !important; } }
#manage-subscription-root .subscription-container {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important; }
#manage-subscription-root .subscription-header, #manage-subscription-root .subscription-content-container {
  border: none !important; }
#manage-subscription-root .subscription-button.msp__link {
  color: #231f20 !important; }
#manage-subscription-root .subscription-button.msp__link:hover {
  color: #D53148 !important; }
#manage-subscription-root .text-button {
  color: #231f20 !important; }
#manage-subscription-root .text-button:hover {
  color: #D53148 !important; }
#manage-subscription-root .subscription-content-block-header {
  background-color: #fff !important; }
#manage-subscription-root .subscription-content-block-header p:hover {
  color: #D53148 !important; }
#manage-subscription-root .subscription-content-container {
  background-color: #fff !important; }
#manage-subscription-root .subscription-responsive-table {
  width: 100% !important; }
  #manage-subscription-root .subscription-responsive-table thead th {
    text-align: left !important; }
  #manage-subscription-root .subscription-responsive-table tbody td {
    padding: 15px 0 !important; }
@media (max-width: 380px) {
  #manage-subscription-root .msp__btn-group {
    justify-content: space-between !important; } }
#manage-subscription-root .msp__btn-group .msp__btn--primary {
  background-color: #D53148 !important; }
#manage-subscription-root .msp__form-field {
  padding: 7px !important; }

.account-title-block {
  height: 400px;
  position: relative; }
  @media only screen and (max-width: 991px) {
    .account-title-block {
      height: 260px;
      display: flex;
      justify-content: center;
      align-items: center; } }
  .account-title-block:before {
    content: "";
    position: absolute;
    background-image: url("https://drinktrimino.com/cdn/shop/t/43/assets/account-big.svg?v=158163879286009043041602088881");
    background-repeat: no-repeat;
    height: 240px;
    width: 240px;
    z-index: -1; }
    @media only screen and (max-width: 768px) {
      .account-title-block:before {
        left: 34%; } }
    @media only screen and (min-width: 769px) {
      .account-title-block:before {
        bottom: 40px; } }

.form-field .form-input {
  height: 46px;
  width: 100%;
  padding: 0 20px;
  border: 1px solid #EEF2F4;
  border-radius: 31.5px;
  background-color: #F6F6F6;
  margin-bottom: 20px;
  font-weight: 300; }

.default-checkbox input[type='checkbox'] {
  opacity: 0; }
  .default-checkbox input[type='checkbox']:checked + label:after {
    background-color: #D53148; }
  .default-checkbox input[type='checkbox']:focus + label:before {
    outline: #3b99fc auto 5px; }
.default-checkbox label {
  position: relative;
  padding-left: 25px; }
  .default-checkbox label:before, .default-checkbox label:after {
    position: absolute;
    left: 0; }
  .default-checkbox label:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    border: 1px solid;
    top: 1px;
    left: 0; }
  .default-checkbox label:after {
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: transparent;
    top: 4px;
    left: 3px; }

.shopify-challenge__container {
  padding: 75px 0; }