@font-face {
    font-family: 'Acumin Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Acumin Pro'), url('../fonts/Acumin-RPro.woff') format('woff');
    }

    @font-face {
    font-family: 'Acumin Pro Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Acumin Pro Italic'), url('../fonts/Acumin-ItPro.woff') format('woff');
    }

    @font-face {
    font-family: 'Acumin Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Acumin Pro Bold'), url('../fonts/Acumin-BdPro.woff') format('woff');
    }

    @font-face {
    font-family: 'Acumin Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Acumin Pro Bold Italic'), url('../fonts/Acumin-BdItPro.woff') format('woff');
    }

    <link rel="stylesheet" href="../../../../use.typekit.net/szd2dic.css">

    @font-face {
    font-family: 'mr-eaves-xl-modern-narrow', sans-serif;
    font-weight: 400;
    font-style: normal;
    }

    @font-face {
    font-family: 'mr-eaves-xl-modern-narrow', sans-serif;
    font-weight: 400;
    font-style: italic;
    }

    @font-face {
    font-family: 'mr-eaves-xl-modern-narrow', sans-serif;
    font-weight: 700;
    font-style: normal;
    }

    @font-face {
    font-family: 'mr-eaves-xl-modern-narrow', sans-serif;
    font-weight: 700;
    font-style: italic;
    }

    body {
        font-family: 'mr-eaves-xl-modern-narrow', sans-serif !important;
    }

    section.info {
      font-family: 'mr-eaves-xl-modern-narrow', sans-serif !important;
    }

    h4.title {
      font-family: 'Acumin Pro' !important;
    }


    h1, h2, h3, h4 {
    font-family: 'Acumin Pro' !important;

    }

    .number-counter--title, .number-counter--number {
        font-family: 'Acumin Pro';
    }

    .number-counter--title {
        color: #6bb7d1;
    }

    .timeline--nav li {
        font-family: 'Acumin Pro';
        font-weight: 800;
    }

    .bg-grey {
        background-color: #6bb7d1;
    }

    .timeline--nav {
      background: rgb(106,183,210);
      background: linear-gradient(86deg, rgba(106,183,210,1) 0%, rgba(145,200,190,1) 30%, rgba(164,207,163,1) 50%, rgba(197,217,82,1) 70%, rgba(215,223,34,1) 100%);
    }

    nav ul li:last-of-type {
        color: #5F8176;
    }

    .talent--button {
        color: white;
        font-weight: bold;
        background: #6bb7d1;
        padding: 5px 0px;
        text-align: center;
    }

    .footer {
        background: #6d6e71;
    }

    @media only screen and (min-width: 64em) {
      nav ul.bottom li a:hover * {
        color: #4c4c4c !important;
      }

      nav ul.bottom li a::after {
        background: rgb(115, 140, 90) !important;
      }
    }

    .products .overlay .overlay--content {
      height: auto; /*540px; */
       width: auto; /* 720px; */
       /*  padding-top: 40px; */
   }

   .bottle-cap {
    height: 40px;
  }
 @media only screen and (min-width: 40em) {
  .bottlePopup {
      width: 80vw;
      padding-top: 60px;
    }
  }
       @media only screen and (min-width: 64em){
   .bottlePopup {
       width: 65vw;
       padding: 2rem 2rem 0 2rem;
   }
  }

   @media only screen and (min-width: 75em){
   .bottlePopup {
       width: 45vw;
       padding: 2rem 2rem 0 2rem;
   }
  }

  .bottle-cap {
      height: 80px;
    }

    .bottlePopup {
      font-family: 'mr-eaves-xl-modern-narrow', sans-serif;
    }


   .bottlePopup--info {
       width: 350px;
       position: relative;
   }

   .bottlePopup--full {
       width: 100%;
   }

   .bottlePopup ul {
       text-align: center;
       padding: 20px 0px;
       margin-top: 30px;
   }

   .bottlePopup ul li span {
       font-weight: normal;
   }

   .bottlePopup ul li span:first-of-type {
       color: black;
       font-weight: bold;
       margin-right: 30px;
       width: 170px;
   }

   .bottlePopup ul li span:last-of-type {
       width: 180px;
       padding-right: 40px;
       text-align: center;
   }

   .bottlePopup ul li {
       border-bottom: 1px dotted rgba(00,00,00,0.35);
       padding-bottom: 5px;
   }

   .bottlePopup ul li:last-child {
       border-bottom: none;
   }

   .bottlePopup .color-bar {
       background: rgb(106,183,210);
       background: linear-gradient(86deg, rgba(106,183,210,1) 0%, rgba(145,200,190,1) 30%, rgba(164,207,163,1) 50%, rgba(197,217,82,1) 70%, rgba(215,223,34,1) 100%);
       width: 3px;
       height: 325px;
       display: block;
       position: absolute;
       left: 175px;
       margin-top: 30px;
   }

   .bottlePopup--newthumb {
       width: 250px;
       margin: 20px 20px 0px 20px;
       display: flex;
       position: relative;
       align-content: center;
       justify-content: center;
       max-height: 375px;
   }

   .bottlePopup--newthumb img {
       height: 375px;
       max-height: 375px;
       width: auto;
   }

   .bottlePopup--newcolors {
       width: 100%;
   }

   .bottlePopup--newcolors>* {
       border: none;
       width: auto;
       border-radius: 0;
       margin: 0;
   }

   .bottlePopup--newcolors ul {
       margin: 0;
       padding: 0;
       width: 100%;
       display: flex;
   }

   .bottlePopup--newcolors ul li {
       display: inline-block;
       border: none;
       width: auto;
       padding: 0;
       margin: 0px 0px 0px 20px;
       font-weight: normal;
   }

   .bottlePopup--newcolors ul li:hover {
     cursor: pointer;
   }

   .bottlePopup--newcolors ul li+li {
       margin-top: 0px;
   }

   .bottlePopup .inner-wrapper {
       width: 100%;
       display: flex;
   }

   .bottlePopup .bottlecap {
       width: 100%;
       display: flex;
   }

   .bottlePopup .bottle-category {
       position: absolute;
       left: 50px;
       top: 35px;
   }

   .home .split .split-row .img-1 {
       background-image: url(../images/home/_73I2998.jpg);
   }

   .home .split .split-row .img-2 {
       background-image: url(../images/home/_56A0430.jpg);
   }

   .home .split .split-row .img-3 {
       background-image: url(../images/home/_56A0200.jpg);
   }

   .home .split .split-row .img-4 {
       background-image: url(../images/home/_73I2955.jpg);
   }

   .sustainability .three-cards .card--1 .card--img {
       background-image: url(../images/sustainability/_73I2978.jpg);
   }

   .sustainability .three-cards .card--2 .card--img {
       background-image: url(../images/sustainability/_56A0130.jpg);
   }

   .sustainability .split .split-row .img-2 {
       background-image: url(../images/sustainability/_56A0099.jpg);
   }

   .careers .split .split-row .img-1 {
       background-image: url(../images/careers/_56A0336.jpg);
       background-position: bottom;
   }


   @media screen and (max-width: 768px){
     nav ul.top .logo {
       padding: 0px;
       width: 150px;
       margin-top: -10px;
     }
   }

   @media screen and (max-width: 425px){
     .bottlePopup .inner-wrapper {
       display: block;
     }

     .bottlePopup--newthumb {
       margin: 0 auto;
       padding-top: 40px;
     }

     .bottle-cap {
       height: auto;
       margin-top: 60px;
     }

     .bottlePopup--newcolors ul {
       display: block;
       width: 100%;
       text-align: left;
     }

     .legend li {
       display: block !important;;
       width: 100% !important;
       margin-bottom: 15px !important;
     }
   }

   .bottle-category {
     text-transform: uppercase;
     font-family: 'Acumin Pro';
     margin-top: 20px;
   }

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

   .title-elem {
     font-family: 'Acumin Pro';
     font-weight: bold;
   }

   .data-elem {
      font-family: 'mr-eaves-xl-modern-narrow', sans-serif;
      text-align: center;
   }

   .legend {
     width: 100%;
     margin: 0 auto;
     text-align: center;
     display: block !important;
   }

   .legend li {
    font-size: 14px !important;
    color: rgba(00,00,00,0.5);
  }

  .legend li img {
    width: 20px !important;
    height: 20px !important;
    display: inline-block !important;
    position: relative !important;
    margin-right: 2px;
    left: 0 !important;
  }

  .products .three-cards .card--1 .card--img {
    background-image: url(../images/products/_56A0410.jpg);
  }

  .products .three-cards .card--2 .card--img {
    background-image: url(../images/products/_73I3055.jpg);
  }

  @media only screen and (min-width: 40em){
    section.collection .bottles--card {
              width: calc(100% / 5);
        }
      }

  @media only screen and (min-width: 64em){
section.collection .bottles--card {
          width: calc(100% / 5);
    }
  }

  .side-by-side .text-wrapper {
    padding: 20px;
  }

  @media only screen and (min-width: 75em){
    section.collection .bottles--card {
              width: calc(100% / 5);
        }
      }

      .side-by-side {
        display: flex;
        width: 75%;
        margin: 60px auto;
      }
      
      .side-by-side .side-left {
        width: 50%;
      }

      .side-by-side .slide-wrapper {
        align-content: center;
      }
     
      .side-by-side img {
        margin: 0 auto;
      }

      .side-by-side .side-right {
        width: 50%;
      }

      @media screen and (max-width: 768px){
        .side-by-side {
          display: block;
        }

        .side-by-side .side-left {
          width: 100%;
        }

        .side-by-side .side-right {
          width: 100%;
        }
      }

.side-by-side .slick-prev {
  z-index: 999;
  left: 35px;
  border: 1px solid white;
  border-radius: 50px;
  height:26px;
  width: 26px;
}

.side-by-side .slick-next {
  z-index: 999;
  right: 35px;
  border: 1px solid white;
  border-radius: 50px;
  height:26px;
  width: 26px;
}

.side-by-side .slick-next:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 12px solid rgba(255,255,255,100);
    margin-left:7px;
}

.side-by-side .slick-prev:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid rgba(255,255,255,100);
  transform: rotate(180deg);
  margin-left:4px;
}

.big-bug {
  display: none;
}

.background-overlay {
  background:rgba(00,00,00,0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-container {
  align-content: center;
  justify-self: center;
  z-index: 1000;
  position: fixed;
  width: 400px;
}

.close {
  text-align: center;
  color: white;
  background: black;
  border-radius: 60px;
  width: 40px;
  height: 40px;
  margin-left: 380px;
  margin-top: -20px;
  opacity: 0.5;
  cursor: pointer;
  position: absolute;
}

.close:hover {
  opacity: 1;
}

.left-x {
  width: 20px;
  height: 2px;
  background: white;
  transform: rotate(45deg);
  margin-top: 20px;
  margin-left: 10px;
  position: absolute;
}

.right-x {
  width: 20px;
  height: 2px;
  background: white;
  transform: rotate(-45deg);
  margin-top: 20px;
  margin-left: 10px;
  position: absolute;
}

.hero .title {
  color: #537f53 !important;
}

.split-callout .split-row--title-right  {
  color: #537f53 !important;
}

.internal section.info .title {
  color: #537f53 !important;
}

.internal section.info.bg-grey .title {
  color: #000 !important;
}