@charset "UTF-8";
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  vertical-align: baseline;
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0; }

body {
  background: white;
  line-height: 1;
  color: black; }

ol, ul {
  list-style: none; }

/* tables still need cellspacing="0" in the markup */
table, th, td {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  font-weight: normal;
  text-align: left; }

/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: inherit; }

button {
  background-color: transparent;
  border: 0; }

/* font-family: "Archer" */
@font-face {
  font-family: "ArcherLight";
  src: url("../fonts/archer-book/Archer-Light-Pro.otf") format("opentype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "ArcherMedium";
  src: url("../fonts/archer-book/Archer-Medium-Pro.otf") format("opentype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "ArcherBold";
  src: url("../fonts/archer-book/Archer-Bold-Pro.otf") format("opentype");
  font-style: normal;
  font-weight: normal; }
/* font-family: "RobotoSlab" */
@font-face {
  font-family: "RobotoSlab";
  src: url("../fonts/RobotoSlabRegular/RobotoSlabRegular.eot");
  src: url("../fonts/RobotoSlabRegular/RobotoSlabRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSlabRegular/RobotoSlabRegular.woff") format("woff"), url("../fonts/RobotoSlabRegular/RobotoSlabRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "RobotoSlabLight";
  src: url("../fonts/RobotoSlabLight/RobotoSlabLight.eot");
  src: url("../fonts/RobotoSlabLight/RobotoSlabLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSlabLight/RobotoSlabLight.woff") format("woff"), url("../fonts/RobotoSlabLight/RobotoSlabLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "RobotoSlabBold";
  src: url("../fonts/RobotoSlabBold/RobotoSlabBold.eot");
  src: url("../fonts/RobotoSlabBold/RobotoSlabBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoSlabBold/RobotoSlabBold.woff") format("woff"), url("../fonts/RobotoSlabBold/RobotoSlabBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
/* font-family: "Bitter" */
@font-face {
  font-family: "Bitter";
  src: url("../fonts/BitterRegular/BitterRegular.eot");
  src: url("../fonts/BitterRegular/BitterRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/BitterRegular/BitterRegular.woff") format("woff"), url("../fonts/BitterRegular/BitterRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "BitterBold";
  src: url("../fonts/BitterBold/BitterBold.eot");
  src: url("../fonts/BitterBold/BitterBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BitterBold/BitterBold.woff") format("woff"), url("../fonts/BitterBold/BitterBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "BitterItalic";
  src: url("../fonts/BitterItalic/BitterItalic.eot");
  src: url("../fonts/BitterItalic/BitterItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BitterItalic/BitterItalic.woff") format("woff"), url("../fonts/BitterItalic/BitterItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "BitterBoldItalic";
  src: url("../fonts/BitterBoldItalic/BitterBoldItalic.eot");
  src: url("../fonts/BitterBoldItalic/BitterBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BitterBoldItalic/BitterBoldItalic.woff") format("woff"), url("../fonts/BitterBoldItalic/BitterBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "GothamProBlack";
  src: url("../fonts/GothamProBlack/GothamProBlack.eot");
  src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"), url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }
@media screen and (min-width: 641px) {
  header {
    background-image: url("/resources/images/first.png");
    background-repeat: no-repeat;
    background-position: center top;
    height: 561px;
    padding-top: 75px; }
    header img {
      display: none; } }
@media screen and (min-width: 641px) and (max-width: 874px) {
  header {
    background-size: cover;
    height: auto; } }
@media screen and (min-width: 320px) and (max-width: 640px) {
  header {
    background-image: none !important;
    background-color: #fff; }
    header img {
      height: auto;
      width: 100%; } }

.logo_big {
  float: right;
  width: 22%;
  margin-right: 6.7%;
  margin-top: 84px; }
  @media screen and (min-width: 641px) and (max-width: 724px) {
    .logo_big {
      margin-top: 0;
      margin-bottom: 70px; } }
  @media screen and (min-width: 782px) and (max-width: 844px) {
    .logo_big {
      margin-right: 5%; } }
  @media screen and (min-width: 755px) and (max-width: 781px) {
    .logo_big {
      margin-right: 4%; } }
  @media screen and (min-width: 544px) and (max-width: 754px) {
    .logo_big {
      margin-right: 5px; } }
  @media screen and (min-width: 725px) and (max-width: 874px) {
    .logo_big {
      margin-top: 0;
      margin-bottom: 100px; } }
  @media screen and (min-width: 875px) and (max-width: 995px) {
    .logo_big {
      margin-right: 2%; } }
  @media screen and (min-width: 996px) and (max-width: 1100px) {
    .logo_big {
      margin-right: 4%; } }
  @media screen and (min-width: 641px) {
    .logo_big p {
      line-height: 1.36;
      font-family: "RobotoSlab";
      font-size: 15px;
      color: #7a8324;
      padding-top: 20%; }
    .logo_big a {
      height: 100%;
      width: 100%;
      vertical-align: top;
      margin: 0 auto;
      display: block;
      width: 42px !important; }
    .logo_big .str {
      color: #bbc467;
      position: relative;
      top: -2px; }
    .logo_big .str:hover {
      color: #6F781B;}
    .logo_big .mob_str {
      display: none; } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .logo_big {
      height: auto;
      width: 76%;
      margin: 9px 11.56% 13px 12.5%;
      font-family: "RobotoSlab";
      font-size: 22px;
      color: #bbc36c;
      line-height: 1.2; }
      .logo_big p {
        padding: 0;
        font-size: 22px;
        color: #7a822d; }
      .logo_big .str {
        display: none; }
      .logo_big .mob_str {
        position: relative;
        top: -5px; }
      .logo_big a {
        text-align: center;
        display: inline-block; } }

@media screen and (min-width: 770px) {
  nav {
    height: 75px;
    width: 100%;
    font-family: "RobotoSlab";
    font-size: 14px;
    color: #bbc568;
    padding-top: 10px;
    z-index: 90000;
    display: block; }
    nav img, nav .menu_mob_close, #overlay {
      display: none; }
    nav .underline-active {
      text-decoration: underline; } }
@media screen and (min-width: 320px) and (max-width: 770px) {
  nav {
    height: auto;
    width: 100%;
    z-index: 90000; }
    nav .nav_menu ul, #menu .socialmenu {
      display: none; }
    nav img {
      height: 88px;
      width: 61px;
      margin: 8px 0 7px 27px; }
    nav .menu_mob_close {
      height: 20px;
      width: 26px;
      float: right;
      padding: 8px 0;
      margin: 29px 16px 20px 0;
      background-color: #acb743; }
      nav .menu_mob_close div {
        height: 4px;
        width: 100%;
        background-color: #fff; }
        nav .menu_mob_close div:first-child {
          margin-top: -4px; }
        nav .menu_mob_close div:nth-child(2) {
          margin-top: 4px; } }

@media screen and (min-width: 641px) {
  .on_hover, #menu.default:hover, #menu.default2:hover, #menu.fixed:hover {
    background-color: white; } }

#menu.default {
  position: fixed;
  right: 0;
  top: 0; }
  @media screen and (min-width: 641px) {
    #menu.default {
      background-color: white; } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    #menu.default {
      background-color: white; } }

#menu.default2 {
  position: fixed;
  right: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 1);
}
#menu.default2:hover {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
  box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
}
#menu.default2 {
  -webkit-box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
  box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
}

.page-frontpage #menu.default2 {
  background-color: rgba(255, 255, 255, 1);

}

.page-frontpage #menu.default2:hover {
  background-color: rgba(255, 255, 255, 1);
}
#menu.fixed {
  position: fixed;
  right: 0;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
  -moz-box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
  box-shadow: 0px 1px 2px 0px rgba(141,141,141,0.1);
  top: 0; }
  @media screen and (min-width: 641px) {
    #menu.fixed {
      background-color: white; } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    #menu.fixed {
      background-color: white; } }

.nav_menu {
  padding-left: 3px; }
  @media screen and (min-width: 641px) and (max-width: 1000px) {
    .nav_menu {
      padding-left: 15px; } }
  .nav_menu .logo-home {
    height: 53px;
    width: 37px;
    display: inline-block;
    margin-left: 6px;
    margin-right: 49px; }
  .nav_menu ul {
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 4px; }
    .nav_menu ul li {
      display: block;
      padding-right: 8px;
      padding-left: 12px;
      padding-bottom: 10px;
      float: left;
      position: relative; }
      .nav_menu ul li .an {
        display: inline-block;
        padding: 0 1px 0 4px; }
      .nav_menu ul li .submenu {
        display: none;
        position: absolute;
        padding-bottom: 22px;
        width: 334px;
        top: 44px;
        left: -8px;
        background-color: #fff;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        border-top: 1px solid #bfc76e;
        padding-top: 7px;
        padding-left: 30px;
        height: 179px; }
        .nav_menu .menu2 > li .submenu:after, .nav_menu .menu2 > li .submenu:before {
          bottom: 100%;
          left: 17%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none;
        }

        .nav_menu .menu2 > li .submenu:after {
          border-color: rgba(255, 255, 255, 0);
          border-bottom-color: #fff;
          border-width: 4px;
          margin-left: -4px;
        }

        .nav_menu .menu2 > li .submenu:before {
          border-color: rgba(191, 199, 110, 0);
          border-bottom-color: #bfc76e;
          border-width: 5px;
          margin-left: -5px;
        }

        .nav_menu .menu2 > li .submenu li {
          display: block;
          margin: 0 0 14px 0;
          line-height: 1.1;
          float: none;
          padding: 0;
        }

        .nav_menu .menu2 > li .submenu li:before, .nav_menu .menu2 > li .submenu li:after {
          content: " ";
        }

        .nav_menu .menu2 > li .submenu li a {
          display: block;
          font-family: "RobotoSlab";
          font-size: 14px;
          color: #bbc568;
        }

        .nav_menu .menu2 > li:before {
          content: "|";
          position: absolute;
          right: -3px;
          top: 6px;
        }

        .nav_menu .menu2 > li:last-child:before {
          content: " ";
        }

        .nav_menu .menu2 > li:hover .submenu {
          display: block;
        }

.nav_soc_tab {
  float: right;
  height: 21px;
  width: 131px;
  margin-right: 20px;
  font-size: 18px;
  padding-top: 16px; }
  .nav_soc_tab a:first-child {
    padding: 6px 12px 0 0; }
  .nav_soc_tab a:nth-child(2) {
    padding: 0 6px 2px 0; }
  .nav_soc_tab a:nth-child(3) {
    padding: 0 10px 0 0; }

.overlays {
  height: 39px;
  width: 53px; }

@media screen and (min-width: 320px) and (max-width: 640px) {
  body {
    background-color: #fff; } }
@media screen and (min-width: 641px) {
  body {
    background-color: #f8f8f1; } }

.full_width {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .full_width::after {
    clear: both;
    content: "";
    display: table; }

.container {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 69.2em; }
  .container::after {
    clear: both;
    content: "";
    display: table; }

.container2 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 58.75em; }
  .container2::after {
    clear: both;
    content: "";
    display: table; }

.container3 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 60.5em; }
  .container3::after {
    clear: both;
    content: "";
    display: table; }

.grid_three {
  float: left;
  display: block;
  margin-right: 1.4440850277%;
  width: 23.9169362292%; }
  .grid_three:last-child {
    margin-right: 0; }

.grid_nine {
  float: left;
  display: block;
  margin-right: 1.4440850277%;
  width: 74.6389787431%; }
  .grid_nine:last-child {
    margin-right: 0; }

.grid_twelve {
  float: left;
  display: block;
  margin-right: 1.4440850277%;
  width: 100%; }
  .grid_twelve:last-child {
    margin-right: 0; }

button {
  cursor: pointer; }

.container2 div, .container2 img {
  display: inline-block;
  float: left; }

a:link, a:visited, a:hover, a:active {
  height: 100%;
  width: 100%; }

.art_cont, .three .art_cont2 {
  background-color: #fff;
  width: 50%; }

.container2 .art_cont, .three .container2 .art_cont2 {
  display: block;
  position: relative;
}

.container2 .arrow_box {
  position: relative;
  background: #fff;
  border: 0 solid #fff; }
  .container2 .arrow_box:after, .container2 .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .container2 .arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 15px;
    margin-top: -15px; }
  .container2 .arrow_box:before {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px; }
.container2 .arrow_box2 {
  position: relative;
  background: #fff;
  border: 0 solid #fff; }
  .container2 .arrow_box2:after, .container2 .arrow_box2:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .container2 .arrow_box2:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 15px;
    margin-top: -15px; }
  .container2 .arrow_box2:before {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 16px;
    margin-top: -16px; }

@media screen and (min-width: 641px) {
  .one .container2 {
    background-image: url(/resources/images/pino_grigio.png);
    background-position-y:bottom;
    background-position-x:-7px;
    background-repeat: no-repeat; }
  .container2>a {
    float:left;
    height: auto;
  }
    .one a:nth-of-type(1) {
      height: auto;
      width: 25%; }
    .one a:nth-of-type(2) {
      height: auto;
      width: 50%; }
    .one a:nth-of-type(3) {
      margin-top: 25%;
      height: auto;
      width: 25%; }
    .one .mob_var {
      display: none; } }
@media screen and (min-width: 641px) and (max-width: 900px) {

  .one {
    background-size: 70%;
    background-position: -70% bottom; }}

@media screen and (min-width: 360px) and (max-width: 719px) {
  .one a:nth-of-type(3) .fb-image {
    margin-top: 0;}}
@media screen and (min-width: 1218px) {
  .one {
    background-position: 30% bottom; } }
@media screen and (min-width: 320px) and (max-width: 640px) {
  .one {
    margin: 0 25px; }
    .one .container2 {
      background-image: url("/resources/images/one_mob.png");
      background-size: 100%;
      background-position: center bottom; }
    .one .mob_var {
      height: auto;
      width: 100%;
      float: left; }}
@media screen and (min-width: 800px) {
  .one .block-more {
    float: right;
    color: #436c16;
    font-family: "RobotoSlab";
    margin: 45px 20.1% 35px 0; }
    .one .block-more .line {
      height: 1px;
      width: 35px;
      background-color: #a5b88d;
      margin: 0 4px 0 0;
      display: inline-block;
      float: none;
      vertical-align: middle; }
      .one .block-more .line:last-of-type {
        margin-right: 0; }
    .one .block-more p:nth-of-type(1) {
      font-size: 13px;
      display: inline-block;
      padding-bottom: 5px;
      letter-spacing: 6px;
      float: left; }
      .one .container2 .block-more .ttl p {
        float: none;
      }
    .one .block-more div p:last-child {
      float: none; }
      .one .block-more p:nth-of-type(1) span {
        letter-spacing: 2px; }
    .one .block-more p:last-child {
      font-size: 28px;} }
@media screen and (min-width: 641px) {
  .one .more1 {
    padding: 10px 0 10px 8px;
    margin: 6px 7px 9px 19px; } }
@media screen and (min-width: 320px) and (max-width: 799px) {
  .one .block-more {
    display: block;
    float: none;
    color: #446b1d;
    font-family: "RobotoSlab";
    padding: 10px 10px; }
    .one .container2 .block-more div .line {
        height: 1px;
        width: 46px;
        background-color: #b19c89;
        margin: 0 4px 0 0;
        display: inline-block;
        float: none;
        vertical-align: middle;
        }
        .one .container2 .block-more div .line:first-of-type {
          margin-left: 0; }
        .one .container2 .block-more div .line:nth-of-type(2) {
          margin-left: 3px;
          margin-right: 0;
        }
      .one .container2 .block-more div p:nth-of-type(1) {
        display: inline-block;
        letter-spacing: 7px;
        float: none;
        vertical-align: middle;
        padding: 0;
      }
      .one .container2 .block-more .ttl p {
        font-size: 14px;
        max-width: calc(100% - 110px);
      }
    .one .block-more div p:last-child {
      float: none; }
      .one .block-more p:nth-of-type(1) span {
        letter-spacing: 2px; }
    .one .block-more p:last-child {
      font-size: 28px;
      margin: 0 0 5px; } }
@media screen and (min-width: 640px) and (max-width: 799px) {
  .one .block-more a {
    vertical-align: 9px;
  }
  .one .block-more div {
    margin-top: 5px;
  }
}
@media screen and (min-width: 320px) and (max-width: 640px) {
  .one .block-more {
    float: right;
    color: #446b1d; } }
@media screen and (min-width: 320px) and (max-width: 470px) {
  .one .block-more p:last-child {
    font-size: 20px; } }
@media screen and (min-width: 320px) and (max-width: 760px) {
  .two {
    margin: 60px 25px 0 25px; }
    .two .mob_var_two {
      height: auto;
      width: 100%;
      float: left; }
    .two .container2 {
      background-image: url("/resources/images/two_mob.png");
      background-position: center bottom;
      background-size: 120%;
      background-repeat: no-repeat; }
      .two .container2 .block-more {
        float: left;
        color: #810a14;
        font-family: "RobotoSlab";
        margin-bottom: 20px;
        padding: 10px 0 0 5px; }
        .two .container2 .block-more div {
          display: inline-block;
          float: left;
          width: 100%;
          padding-top: 1px; }
          .two .container2 .block-more div .line {
            height: 1px;
            width: 46px;
            background-color: #b19c89;
            margin: 0 4px 0 0;
            display: inline-block;
            float: none;
            vertical-align: middle;
            }
            .two .container2 .block-more div .line:first-of-type {
              margin-left: 0; }
            .two .container2 .block-more div .line:nth-of-type(2) {
              margin-left: 3px;
              margin-right: 0;
            }
          .two .container2 .block-more div p:nth-of-type(1) {
            font-size: 14px;
            display: inline-block;
            letter-spacing: 7px;
            float: none;
            vertical-align: middle;
            padding: 0;
          }
          .two .container2 .block-more .ttl p {
            max-width: calc(100% - 110px);
          }
          .two .container2 .block-more div p:last-child {
            float: none; }
            .two .container2 .block-more div p:nth-of-type(1) span {
              letter-spacing: 6px; }
          .two .container2 .block-more div p:last-child {
            font-size: 28px;
            clear: both;
            display: inline-block;
            padding-left: 0;
            text-align: center;} }
          @media screen and (min-width: 320px) and (max-width: 470px) {
            .two .container2 .block-more div p:last-child {
              font-size: 20px; } }
          @media screen and (min-width: 320px) and (max-width: 799px) {
            .two .container2 .block-more div p:last-child {
              margin: 0 0 5px; } }
@media screen and (min-width: 320px) and (max-width: 760px) {
        .two .container2 .block-more .more2 {
          padding: 9px 0 11px 8px; } }
@media screen and (min-width: 641px) {
  .two {
    height: auto;
  }
  .two .container2 {
    background-image: url("/resources/images/red.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    }
    .two .mob_var_two {
      display: none; }}
    @media screen and (min-width: 641px) and (max-width: 760px) {
      .two .art_cont .text-part {
        padding-left: 5px;
      }
      .two .article, .two .three .article2, .three .two .article2 {
        padding: 0 10px 0 5px; } }
    @media screen and (min-width: 641px) and (min-width: 761px) and (max-width: 1050px) {
      .two .article, .two .three .article2, .three .two .article2 {
        padding: 0 10px 0 5px; } }
@media screen and (min-width: 641px) {
      .two .article p:nth-child(1), .two .three .article2 p:nth-child(1), .three .two .article2 p:nth-child(1) {
        font-size: 28px;
        font-family: "RobotoSlabLight";
        line-height: 1.15;
        margin-bottom: 21px; } }
      @media screen and (min-width: 641px) and (min-width: 641px) and (max-width: 760px) {
        .two .article p:nth-child(1), .two .three .article2 p:nth-child(1), .three .two .article2 p:nth-child(1) {
          font-size: 20px; } }
      @media screen and (min-width: 641px) and (min-width: 761px) and (max-width: 900px) {
        .two .article p:nth-child(1), .two .three .article2 p:nth-child(1), .three .two .article2 p:nth-child(1) {
          font-size: 24px; } }
@media screen and (min-width: 641px) {
      .two .article a, .two .three .article2 a, .three .two .article2 a {
        font-size: 16px;
        font-family: "RobotoSlab";
        font-weight: bold;
        padding: 0;
        margin: 0 0 0 2px;
        text-transform: uppercase; } }
      @media screen and (min-width: 641px) and (min-width: 641px) and (max-width: 760px) {
        .two .article a, .two .three .article2 a, .three .two .article2 a {
          font-size: 14px; } }
      @media screen and (min-width: 641px) and (min-width: 761px) and (max-width: 900px) {
        .two .article a, .two .three .article2 a, .three .two .article2 a {
          font-size: 14px; } }
@media screen and (min-width: 641px) {
    .two .block-more {
      float: left;
      clear: both;
      color: #810a14;
      font-family: "RobotoSlab";
      margin: 35px 0 34px 16.4%; }
      .two .block-more div {
        display: inline-block;
        float: right;
      }
        .two .block-more div .line {
          height: 1px;
          width: 46px;
          background-color: #bfb2c6;
          margin: 0 4px 0 0;
          display: inline-block;
          float: none;
          vertical-align: middle; }
          .two .block-more div .line:nth-of-type() {
            margin-left: 0; }
          .two .block-more div .line:nth-of-type(2) {
            margin-left: 3px;
            margin-right: 0; }
        .two .block-more div p:nth-of-type(1) {
          font-size: 13px;
          display: inline-block;
          letter-spacing: 6px;
          float: none;
          vertical-align: middle;
          padding: 0; }
          .three .container2 .block-more .ttl p {
            max-width: calc(100% - 110px);
          }
          .two .container2 .block-more div p:last-child {
            float: none;
          }
          .two .block-more div p:nth-of-type(1) span {
            letter-spacing: 6px; }
        .two .block-more div p:last-child {
          font-size: 28px;}
      .two .block-more .more2 {
        padding: 9px 0 11px 8px;} }
@media screen and (min-width: 940px) {
  .two .container2 .block-more div p:last-child {
    white-space: nowrap}
}
@media screen and (min-width: 760px) {
  .two .block-more > div {
      max-width: calc(100% - 200px);
    }
  }
@media screen and (min-width: 641px) and (max-width: 900px) {
  .two {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: right bottom; } }
@media screen and (min-width: 1200px) {
  .two {
    background-position: right bottom; } }

@media screen and (min-width: 641px) {
  .three .container2{
    background-image: url(/resources/images/chardonnay.png);
    background-position: left bottom;
    background-repeat: no-repeat;
  }
    .three .mob_var_three {
      display: none; } }
@media screen and (min-width: 641px) and (max-width: 900px) {
  .three {
    background-size: 70%;
    background-position: -60% bottom; } }
@media screen and (min-width: 1201px) {
  .three {
    background-position: left bottom; } }
.three .art_cont, .three .art_cont2 {
  height: auto;
  width: 50%; }
  .three .art_cont img, .three .art_cont2 img {
    height: 50%;
    width: 50%; }
.three .art_cont2 {
  float: right; }
  .three .article p:nth-child(1), .three .article2 p:nth-child(1) {
    font-size: 30px;
    font-family: "RobotoSlabLight";
    line-height: 1.067;
    margin-bottom: 21px; }
    @media screen and (min-width: 641px) and (max-width: 760px) {
      .three .article p:nth-child(1), .three .article2 p:nth-child(1) {
        font-size: 20px; } }
    @media screen and (min-width: 761px) and (max-width: 900px) {
      .three .article p:nth-child(1), .three .article2 p:nth-child(1) {
        font-size: 24px; } }
  .three .article a, .three .article2 a {
    font-size: 16px;
    font-family: "RobotoSlab";
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 2px;
    text-transform: uppercase; }
    @media screen and (min-width: 641px) and (max-width: 760px) {
      .three .article a, .three .article2 a {
        font-size: 14px; } }
    @media screen and (min-width: 761px) and (max-width: 900px) {
      .three .article a, .three .article2 a {
        font-size: 14px; } }
.three .heaven {
  max-height: 234px;
  vertical-align: top;
  float: left; }
  .three .heaven img {
    height: auto;
    width: 100%; }
.three .puaro, .three .young, .three .article2 {
  float: right; }
.three .puaro {
  height: 25%;
  width: 25%; }
.three .article2 {
  padding: 36px 28px 32px 32px; }
  @media screen and (min-width: 641px) and (max-width: 760px) {
    .three .article2 {
      padding: 10px 10px 0 20px; } }
  @media screen and (min-width: 761px) and (max-width: 1050px) {
    .three .article2 {
      padding: 20px 10px 10px 30px; } }
  .three .article2 p:nth-child(1) {
    font-size: 28px;
    font-family: "RobotoSlabLight";
    line-height: 1.15;
    margin-bottom: 21px; }
    @media screen and (min-width: 641px) and (max-width: 760px) {
      .three .article2 p:nth-child(1) {
        font-size: 20px; } }
    @media screen and (min-width: 761px) and (max-width: 900px) {
      .three .article2 p:nth-child(1) {
        font-size: 24px; } }
  .three .article2 a {
    font-size: 16px;
    font-family: "RobotoSlab";
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 2px;
    text-transform: uppercase; }
    @media screen and (min-width: 641px) and (max-width: 760px) {
      .three .article2 a {
        font-size: 14px; } }
    @media screen and (min-width: 761px) and (max-width: 900px) {
      .three .article2 a {
        font-size: 14px; } }
.three .block-more {
  float: right;
  color: #5a2c0a;
  font-family: "RobotoSlab";
  padding-top: 35px;
  padding-right: 30px;
  padding-bottom: 30px; }
  @media screen and (min-width: 641px) and (max-width: 800px) {
    .three .block-more {
      padding-top: 35px; } }
  .three .block-more div {
    display: inline-block;}
    .three .block-more div .line {
      height: 1px;
      width: 46px;
      background-color: #b19c89;
      margin: 0 4px 0 0;
      display: inline-block;
      float: none;
      vertical-align: middle; }
      .three .block-more div .line:first-of-type {
        margin-left: 0; }
        .three .container2 .block-more div .line:nth-of-type(2) {
            margin-left: 3px;
            margin-right: 0;
          }
    .three .block-more div p:nth-of-type(1) {
      font-size: 13px;
      display: inline-block;
      padding-bottom: 5px;
      letter-spacing: 6px;
      float: none;
      vertical-align: middle;
      padding: 0; }
    .three .container2 .block-more div p:last-child {
      float: none; }
      .three .block-more div p:nth-of-type(1) span {
        letter-spacing: 2px; }
    .three .block-more div p:last-child {
      font-size: 28px;
      display: inline-block;
      clear:both;
      text-align: center;
      float: none; }
          .three .container2 .block-more .ttl p {
            max-width: calc(100% - 110px);
          }
  @media screen and (min-width: 641px) {
    .three .block-more .more3 {
      padding: 10px 0 10px 8px;} }
@media screen and (min-width: 320px) and (max-width: 875px) {
  .three .container2 .block-more div .line {
    height: 1px;
    width: 46px;
    background-color: #b19c89;
    margin: 0 4px 0 0;
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
  .three .container2 .block-more div .line:first-of-type {
      margin-left: 0; }
  .three .container2 .block-more div .line:nth-of-type(2) {
    margin-left: 3px;
    margin-right: 0;
  }
  .three .container2 .block-more div p:nth-of-type(1) {
    font-size: 13px;
    display: inline-block;
    letter-spacing: 6px;
    float: none;
    vertical-align: middle;
    padding: 0;
  }
  .three .container2 .block-more .ttl p {
    max-width: calc(100% - 110px);
  }
  .three .container2 .block-more div p:last-child {
    float: none;
  }
  .three .container2 .block-more div p:last-child {
    font-size: 28px;
  }
}
@media screen and (min-width: 320px) and (max-width: 799px) {
.three .container2 .block-more div p:last-child {
  margin: 0 0 5px; } }
@media screen and (min-width: 320px) and (max-width: 760px) {
  .three {
    margin: 60px 25px 0 25px; }
    .three .mob_var_three {
      height: auto;
      width: 100%;
      float: left; }
    .three .container2 {
      background-image: url("/resources/images/three_mob.png");
      background-position: center bottom;
      background-size: 100%;
      background-repeat: no-repeat}
      .three .container2 .block-more {
        float: right;
        display: inline-block;
        color: #5a2c0a;
        font-family: "RobotoSlab";
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 3px 0 0 5px; }
            .three .container2 .block-more div p:nth-of-type(1) span {
              letter-spacing: 2px; }
          .three .container2 .block-more div p:last-child {
            font-size: 28px; } }
@media screen and (min-width: 320px) and (max-width: 470px) {
.three .container2 .block-more div p:last-child {
  font-size: 20px; }
}
@media screen and (min-width: 641px) {
  .four { height: auto;}
  .four .container2{
    background-image: url("/resources/images/pino.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 221px;
    }
  .four .container2 .block-more>div:first-child {
    float:right;
  }
    .four .mob_var_four {
      display: none; } }
@media screen and (min-width: 641px) and (max-width: 900px) {
  .four .container2{
    background-size: 70%;
    background-position: 120% bottom;
    padding-bottom: 100px; } }
@media screen and (min-width: 1200px) {
  .four {
    background-position: right bottom; } }
.four .fifty {
  height: auto;
  width: 50%; }
.four .five {
  height: auto;
  width: 25%; }
.four .cont {
  height: auto;
  width: 25%;
  float: left;}
  .four .cont a img {
    height: auto;
    width: 100%; }
.four .container2 .block-more {
  float: left;
  display: inline-block;
  color: #421a69;
  font-family: "RobotoSlab";
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 3px 0 0 5px; }
.four .container2 .block-more div .line {
  height: 1px;
  width: 46px;
  background-color: #b19c89;
  margin: 0 4px 0 0;
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.four .container2 .block-more div .line:first-of-type {
  margin-left:0; }
.four .container2 .block-more div .line:nth-of-type(2) {
  margin-left: 2px;
  margin-right: 0;
  clear:right;}
.four .container2 .block-more div p:nth-of-type(1) {
  font-size: 13px;
  display: inline-block;
  letter-spacing: 6px;
  float: none;
  vertical-align: middle;
  padding: 0; }
.four .container2 .block-more div p:last-child {
  float: none; }
.four .container2 .block-more .ttl p {
  max-width: calc(100% - 110px);
}
.four .container2 .block-more div p:last-child {
  font-size: 28px; } 
@media screen and (min-width: 641px) {
  .four .container2 .block-more {
    margin-top: 35px;
  }
}
@media screen and (min-width: 320px) and (max-width: 640px) {
  .four .container2 {
      background-image: url("/resources/images/four_mob.png");
      background-position: center bottom;
      background-size: 105%;
      background-repeat: no-repeat; }
}
@media screen and (min-width: 320px) and (max-width: 740px) {
  .four {
    margin: 60px 25px 64px 25px }
    .four .mob_var_four {
      height: auto;
      width: 100%; }
      .four .container2 .block-more {
        float: left;
        color: #810a14;
        font-family: "RobotoSlab";
        margin-bottom: 10px;
        padding: 3px 0 0 5px; }
        .one .ttl, .two .ttl, .three .ttl, .four .ttl {
            margin-bottom: 10px;
        }
          .four .container2 .block-more div .line {
            height: 1px;
            width: 46px;
            background-color: #b19c89;
            margin: 0 4px 0 0;
            display: inline-block;
            float: none;
            vertical-align: middle;
            }
            .four .container2 .block-more div .line:first-of-type {
              margin-left: 0; }
            .four .container2 .block-more div .line:nth-of-type(2) {
              margin-left: 3px;
              margin-right: 0;
            }
          .four .container2 .block-more div p:nth-of-type(1) {
            font-size: 14px;
            display: inline-block;
            letter-spacing: 7px;
            float: none;
            vertical-align: middle;
            padding: 0;
          }
          .four .container2 .block-more .ttl p {
            max-width: calc(100% - 110px);
          }
          .four .container2 .block-more div p:last-child {
            float: none; }
            .four .container2 .block-more div p:nth-of-type(1) span {
              letter-spacing: 2px; }
          .four .container2 .block-more div p:last-child {
            font-size: 28px;
            text-align: center;
            display: inline-block;
            clear: both;
            float: none;}
      .four .container2 .more4 {
        padding: 10px 3px 10px 9px; } }
@media screen and (min-width: 320px) and (max-width: 470px) {
  .four .container2 .block-more div p:last-child {
    font-size: 20px;
  }
}
@media screen and (min-width: 320px) and (max-width: 799px) {
.four .container2 .block-more div p:last-child {
  margin: 0 0 5px; } }
.container_blog {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 60.5em; }
  .container_blog::after {
    clear: both;
    content: "";
    display: table; }
  .container_blog .blog {
    font-family: "RobotoSlab";
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%; }
    .container_blog .blog:last-child {
      margin-right: 0; }
    @media screen and (min-width: 1021px) {
      .container_blog .blog {
        padding: 123px 40px 120px 0; } }
    @media screen and (min-width: 641px) and (max-width: 1020px) {
      .container_blog .blog {
        padding: 123px 40px 120px 40px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .container_blog .blog {
        padding: 156px 44px 40px 59px; } }
    @media screen and (min-width: 641px) {
      .container_blog .blog .back {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-right: 8px solid #acb743;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin: 0 8px 0 6px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .container_blog .blog .back {
        display: none; } }
    @media screen and (min-width: 641px) {
      .container_blog .blog a:nth-child(2) {
        color: #acb743;
        font-size: 14px;
        text-decoration: underline; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .container_blog .blog a:nth-child(2) {
        display: none; } }
    .container_blog .blog h1 {
      color: #acb743; }
      @media screen and (min-width: 641px) {
        .container_blog .blog h1 {
          font-size: 28px;
          margin: 17px 0 44px 2px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .container_blog .blog h1 {
          font-size: 40px;
          margin: 0 0 61px 2px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .container_blog .blog h1 {
          font-size: 36px;
          margin: 0 0 51px 2px; } }
    .container_blog .blog p {
      color: #868585;
      line-height: 1.2;
      font-family: "RobotoSlabLight"; }
      @media screen and (min-width: 641px) {
        .container_blog .blog p {
          font-size: 16px;
          padding: 0 0 20px 4px; } }
      @media screen and (min-width: 521px) and (max-width: 640px) {
        .container_blog .blog p {
          font-size: 25px;
          padding: 0 36px 30px 0; } }
      @media screen and (min-width: 460px) and (max-width: 520px) {
        .container_blog .blog p {
          font-size: 20px;
          padding: 0 0 30px 0; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .container_blog .blog p {
          font-size: 16px;
          padding: 0 0 30px 0; } }
    @media screen and (min-width: 641px) {
      .container_blog .blog img {
        height: auto;
        width: 32.4%;
        max-width: 298px;
        float: left;
        margin: 33px 23px 23px 4px;
        box-sizing: content-box; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .container_blog .blog img {
        height: 100%;
        width: 100%;
        margin: 27px 0 0 0; } }

.container3 {
  height: auto;
  min-height: 116px;
  font-family: "RobotoSlab";
  color: #bebcbc; }
  .container3 .footer_social {
    color: #b6b4b5; }
  @media screen and (min-width: 641px) {
    .container3 {
      min-height: 116px; }
      .container3 .mob_wrap {
        display: none; }
      .container3 img {
        padding: 2px 20px 40px 3px;
        display: inline-block;
        float: left; }
      .container3 .footer_menu {
        text-align: center;
        margin: 0 3.8% 0 10%;
        display: inline-block;
        float: left; } }
    @media screen and (min-width: 641px) and (min-width: 831px) and (max-width: 982px) {
      .container3 .footer_menu {
        max-width: 60%; } }
    @media screen and (min-width: 641px) and (min-width: 730px) and (max-width: 830px) {
      .container3 .footer_menu {
        max-width: 60%;
        margin: 0 4% 0 4%; } }
    @media screen and (min-width: 641px) and (min-width: 641px) and (max-width: 729px) {
      .container3 .footer_menu {
        max-width: 50%;
        margin: 0 4% 0 4%; } }
  @media screen and (min-width: 641px) {
        .container3 .footer_menu ul {
          padding-top: 37px;
          padding-bottom: 11px; } }
      @media screen and (min-width: 641px) and (min-width: 641px) {
        .container3 .footer_menu ul li {
          display: inline-block;
          font-size: 13px; } }
  @media screen and (min-width: 641px) {
          .container3 .footer_menu ul li:nth-of-type(1) {
            padding: 0 12px 0 19px; }
          .container3 .footer_menu ul li:nth-of-type(2) {
            padding: 0 14px 0 16px; }
          .container3 .footer_menu ul li:nth-of-type(3) {
            padding: 0 15px 0 17px; }
          .container3 .footer_menu ul li:nth-of-type(4) {
            padding: 0 14px 0 18px; }
          .container3 .footer_menu ul li:nth-of-type(5) {
            padding: 0 16px 0 12px; }
        .container3 .footer_menu p {
          font-size: 10px; }
      .container3 .footer_social {
        padding-top: 32px;
        font-size: 18px;
        display: block;
        float: right; }
        .container3 .footer_social a {
          height: 100%;
          width: 100%; } }
  @media screen and (min-width: 320px) and (max-width: 360px) {
    .container3 {
      margin: 0 5% 0 5%; }
      .container3 img {
        height: auto;
        width: 78px;
        display: block;
        margin: auto;
        margin-bottom: 40px; }
      .container3 .footer_social {
        font-size: 40px;
        display: block;
        height: 49px;
        width: 100%;
        float: none; }
        .container3 .footer_social a:nth-child(1) {
          margin-left: 0; }
        .container3 .footer_social a:nth-child(2) {
          margin-left: 20px; } }
      @media screen and (min-width: 320px) and (max-width: 360px) and (min-width: 320px) and (max-width: 380px) {
        .container3 .footer_social a:nth-child(2) {
          margin-left: 14px; } }
  @media screen and (min-width: 320px) and (max-width: 360px) {
        .container3 .footer_social a:nth-child(3) {
          margin-left: 22px; } }
      @media screen and (min-width: 320px) and (max-width: 360px) and (min-width: 320px) and (max-width: 380px) {
        .container3 .footer_social a:nth-child(3) {
          margin-left: 16px; } }
  @media screen and (min-width: 320px) and (max-width: 360px) {
        .container3 .footer_social a:nth-child(4) {
          margin-left: 24px; } }
      @media screen and (min-width: 320px) and (max-width: 360px) and (min-width: 320px) and (max-width: 380px) {
        .container3 .footer_social a:nth-child(4) {
          margin-left: 18px; } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
      .container3 .footer_menu {
        text-align: center;
        margin: 32px 0 54px 0; }
        .container3 .footer_menu ul {
          text-align: center;
          font-size: 12px;
          line-height: 1.5;
          margin-bottom: 22px; }
        .container3 .footer_menu p {
          text-align: center;
          font-size: 14px;
          line-height: 1.65; } }

.footer_over {
  max-width: 800px;
  text-align: center;
  padding: 0 30px;
  margin: 55px auto 0 auto;  }
  @media screen and (min-width: 641px) and (max-width: 740px) {
    .footer_over {
      padding: 0 20px; } }
  .footer_over p {
    color: #989897;
    line-height: 1.2; }
    @media screen and (min-width: 641px) {
      .footer_over p {
        font-size: 12px;
        margin-bottom: 20px; } }
    @media screen and (min-width: 461px) and (max-width: 640px) {
      .footer_over p {
        font-size: 18px;
        padding: 0 54px 46px 54px; } }
  @media screen and (min-width: 461px) and (max-width: 640px) and (min-width: 320px) and (max-width: 460px) {
    .footer_over p {
      padding: 0 14px 46px 14px; } }

  .footer_over ul {
    color: #adb588;
    font-family: "RobotoSlab";
    padding-bottom: 32px; }
    @media screen and (min-width: 641px) {
      .footer_over ul li {
        display: inline-block;
        font-size: 13px; }
        .footer_over ul li:nth-of-type(1) {
          padding-right: 26px; }
        .footer_over ul li:nth-of-type(2) {
          padding-right: 30px; }
        .footer_over ul li:nth-of-type(3) {
          padding-right: 36px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .footer_over ul li {
        font-size: 27px;
        line-height: 1.3;
        padding-left: 21px; }
        .footer_over ul li:nth-of-type(4) {
          padding-left: 0; } }

@media screen and (min-width: 320px) and (max-width: 640px) {
  .learn-more {
    height: 48px;
    width: auto;
    text-align: center;
    font-family: "RobotoSlab";
    vertical-align: top;
    font-size: 14px;
    letter-spacing: 6px;
    padding: 0 7px 2px 14px; } }
@media screen and (min-width: 641px) {
  .learn-more {
    height: 37px !important;
    width: 138px !important;
    text-align: center;
    font-family: "RobotoSlab";
    vertical-align: top;
    font-size: 11px;
    letter-spacing: 4.5px; } }
@media screen and (min-width: 641px) and (max-width: 750px) {
  .learn-more {
    margin-bottom: 30px; } }

@media screen and (min-width: 641px) {
  .one .learn-more {
    border: 1px solid #436c16;
    background: #436c16;
    color: #fff; }
  .one .learn-more:hover {
    background: rgba(255,255,255,.4);
    color: #436c16; }
    .one .learn-more span {
      letter-spacing: 2px; } }
@media screen and (min-width: 320px) and (max-width: 640px) {
  .one .learn-more {
    border-top: 1px solid #50752c;
    border-bottom: 1px solid #50752c;
    border-left: 2px solid #9bb085;
    border-right: 2px solid #9bb085;
    background: #446b1d;
    color: #fff; }
  .one .learn-more:hover {
    background: rgba(255,255,255,.4);
    color: #446b1d; }}

.two .learn-more {
  border: 1px solid #810a14;
  background: #810a14;
  color: #fff;}
.two .learn-more:hover {
  background: rgba(255,255,255,.4);
  color: #810a14; }
  .two .learn-more span {
    letter-spacing: 2px; }

.three .learn-more {
  border: 1px solid #5a2c0a;
  background: #5a2c0a;
  color: #fff;}
.three .learn-more:hover {
  background: rgba(255,255,255,.4);
  color: #5a2c0a; }
  .three .learn-more.learn-more-two-lines {
    padding-top: 7px;
  }
  .three .learn-more span {
    letter-spacing: 2px; }
@media screen and (max-width: 640px) {
  .three .learn-more.learn-more-two-lines {
    padding-top: 11px;
  }
}

.four .learn-more {
  border: 1px solid #421a69;
  color: #fff;
  background: #411a46}
.four .learn-more:hover {
  background: rgba(255,255,255,.4);
  color: #411a46;}
  .four .learn-more span {
    letter-spacing: 2px; }
@media screen and (min-width: 761px) {
  .four .container2 .block-more>div:first-child,
  .four .learn-more {
    display: block;
    float: none;
  }
  .four .container2 .block-more > div:after{
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (min-width: 805px) {
  .four .learn-more {
    display: block;
    float: left;
  }
  .four .container2 .block-more>div:first-child {
    float: right;
  }
}
.colour15 .where_btn {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #55237b;
  color: #55237b; }
  @media screen and (min-width: 641px) {
    .colour15 .where_btn {
      height: 37px;
      width: 162px;
      letter-spacing: 3px;
      padding-bottom: 3px; } }

.colour10 .where_btn {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #a15700;
  color: #a15700; }
  @media screen and (min-width: 641px) {
    .colour10 .where_btn {
      height: 37px;
      width: 162px;
      letter-spacing: 3px;
      padding-bottom: 3px; } }

.colour11 .where_btn {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #a12a26;
  color: #a12a26; }
  @media screen and (min-width: 641px) {
    .colour11 .where_btn {
      height: 37px;
      width: 172px;
      letter-spacing: 3px;
      padding-bottom: 3px; } }

.colour13 .where_btn {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #372794;
  color: #372794; }
  @media screen and (min-width: 641px) {
    .colour13 .where_btn {
      height: 37px;
      width: 162px;
      letter-spacing: 3px;
      padding-bottom: 3px; } }

.colour14 .where_btn {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #cd1105;
  color: #cd1105; }
  @media screen and (min-width: 641px) {
    .colour14 .where_btn {
      height: 37px;
      width: 162px;
      letter-spacing: 3px;
      padding-bottom: 3px; } }

.colour12 .where_btn {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #eea52f;
  color: #eea52f; }
  @media screen and (min-width: 641px) {
    .colour12 .where_btn {
      height: 37px;
      width: 162px;
      letter-spacing: 3px;
      padding-bottom: 3px; } }

.colour8 .where_btn {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #436c16;
  color: #436c16; }
  @media screen and (min-width: 641px) {
    .colour8 .where_btn {
      height: 37px;
      width: 162px;
      letter-spacing: 3px;
      padding-bottom: 3px; } }

.colour9 .where_btn {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #411a46;
  color: #411a46; }
  @media screen and (min-width: 641px) {
    .colour9 .where_btn {
      height: 37px;
      width: 162px;
      letter-spacing: 3px;
      padding-bottom: 3px; } }

a.enter {
  color: #446b1d;
}
.enter {
  text-transform: uppercase;
  font-family: "RobotoSlab";
  vertical-align: top;
  border: 1px solid;
  border-color: #446b1d;
  color: #446b1d; }
  @media screen and (min-width: 641px) {
    .enter {
      height: 37px;
      width: 138px;
      letter-spacing: 6px;
      padding: 13px 36px 13px 42px;  } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .enter {
      height: 95px;
      width: 356px;
      font-size: 14px;
      letter-spacing: 6px;
      padding: 10px 34px 10px 40px; } }
  @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 379px) {
    .enter {
      height: 75px;
      width: 260px; } }

.search {
  height: 20px;
  width: 20px;
  background-color: transparent;
  color: #a6a3a6;
  float: left;
  padding-right: 4px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .search {
      font-size: 40px;
      height: 40px;
      width: 40px; } }

.life, .life1, .life2 {
  height: 37px;
  width: 138px;
  border: 1px solid;
  font-size: 11px;
  font-family: "RobotoSlab";
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-left: 9px; }

.life1 {
  border-color: #446b1d;
  color: #446b1d; }

.life2 {
  border-color: #421a69;
  color: #421a69; }

.ov-h {
  overflow: hidden; }

.ov-a {
  overflow: auto; }
  .ov-a #overlay {
    display: none; }

#overlay {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: #acb743;
  color: #fff;
  font-size: 40px;
  overflow: auto;
  padding-bottom: 60px; }
  #overlay #an {
    background-color: #acb743;
    padding-bottom: 60px; }
    #overlay #an .close {
      position: fixed;
      top: 21px;
      right: 22px;
      height: 40px;
      width: 40px; }
      #overlay #an .close div {
        height: 5px;
        width: 30px;
        background-color: #fff;
        position: relative;
        top: 5px;
        right: 0; }
        #overlay #an .close div:first-child {
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          top: 11px; }
        #overlay #an .close div:nth-child(2) {
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    #overlay #an img {
      margin-left: calc((100% - 70px)/2);
      padding-top: 19px;
      width: 70px;
      height: auto;
      padding-bottom: 25px; }
    #overlay #an ul {
      font-family: "RobotoSlab";
      opacity: 0;
      visibility: hidden;
      -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
      -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
      -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
      transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63); }
      @media screen and (min-width: 480px) and (max-width: 770px) {
        #overlay #an ul {
          font-size: 42px;
          padding-left: 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        #overlay #an ul {
          font-size: 32px;
          padding-left: 30px; } }
      #overlay #an ul i {
        padding-left: 10px; }
      #overlay #an ul li {
        border-bottom: 1px solid #fff;
        padding-bottom: 36px;
        padding-top: 28px; }
        @media screen and (min-width: 480px) and (max-width: 770px) {
          #overlay #an ul li {
            width: 427px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          #overlay #an ul li {
            width: 80%; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          #overlay #an ul.submenu li {
            width: 100%; } }
        #overlay #an ul li:first-child {
          padding-bottom: 36px; }
        #overlay #an ul.menu2 li:first-child>a {
          display: block; }
        #overlay #an ul.menu2 li:first-child>a:after {
          font-family: FontAwesome;
          content: "";
          font-size: 19px;
          padding-left: 5px;
          text-decoration: none; }
          @media screen and (min-width: 480px) and (max-width: 770px) {
            #overlay #an ul li:first-child ul {
              font-size: 33.5px;
              padding-left: 31px; } }
          @media screen and (min-width: 320px) and (max-width: 479px) {
            #overlay #an ul li:first-child ul {
              font-size: 26px;
              padding-left: 20px; } }
          #overlay #an ul li:first-child ul li {
            line-height: 1;
            border: none;
            padding-top: 20px;
            padding-bottom: 0; }
            #overlay #an ul li:first-child ul li:first-child {
              padding-top: 28px; }
        #overlay #an ul li:nth-child(2) {
          padding-bottom: 31px; }
        #overlay #an ul li:nth-child(3) {
          padding-bottom: 31px; }
    #overlay #an .soc {
      opacity: 0;
      visibility: hidden;
      -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
      -o-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
      -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
      transition: all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);
      margin-left: 60px;
      margin-top: 42px; }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        #overlay #an .soc {
          font-size: 44px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        #overlay #an .soc {
          font-size: 30px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        #overlay #an .soc a {
          margin-right: 27px; }
          #overlay #an .soc a:first-child {
            margin-right: 29px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        #overlay #an .soc a {
          margin-right: 15px; } }
  #overlay #an.open ul {
    visibility: visible;
    opacity: 1;
  }
  #overlay #an.open ul.menu2>li {
    font-size: 20px;
    padding: 20px 0;
  }
  #overlay #an.open ul li {
    list-style-image: none;
    list-style-type: none;
    font-family: RobotoSlab;
    font-size: 17px;
    float: left;
  }
  #overlay #an.open .soc {
    visibility: visible;
    display: block;
    clear: both;
    opacity: 1; }
  #overlay #an.open .soc .socialmenu {
    display: block;
    padding-left: 0;
    margin-top: 20px;
    display: inline-block;
  }
  #overlay #an.open .soc .socialmenu li {
    border-bottom: 0;
    padding: 0 10px 0 0;
    display: inline-block;
    font-size: 24px;
    float:left;
    width: auto;
  }
  #overlay #an.open .soc .socialmenu li a{
    color: white;
  }
  #overlay #an.close {
    visibility: visible;
    opacity: 0;
    transition-delay: 0.6s; }
    #overlay #an.close ul {
      visibility: visible;
      opacity: 0;
      -ms-transform: translate(6px, 0);
      -webkit-transform: translate(6px, 0);
      transform: translate(6px, 0);
      -moz-transition: all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);
      -o-transition: all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);
      -webkit-transition: all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);
      transition: all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1); }
    #overlay #an.close .soc {
      visibility: visible;
      opacity: 0;
      -ms-transform: translate(3px, 60px);
      -webkit-transform: translate(3px, 60px);
      transform: translate(0, 30px);
      -moz-transition: all 0.3s cubic-bezier(0.63, 0.64, 0.3, 1);
      -o-transition: all 0.3s cubic-bezier(0.63, 0.64, 0.3, 1);
      -webkit-transition: all 0.3s cubic-bezier(0.63, 0.64, 0.3, 1);
      transition: all 0.3s cubic-bezier(0.63, 0.64, 0.3, 1); }

.node {
  margin-left: auto;
  color: #868585;
  margin-right: auto;
  padding-bottom: 60px;
  max-width: 60.2em; }
  .node ul, .node ol {
    font-family: RobotoSlab;
    list-style: disc outside none;
    padding-left: 40px;
  }
  .node .field-item>p:first-child+h2 {
    padding-top: 0;
  }
  .node ul li, .node ol li {
    padding: 10px 0;
    line-height: 1.2;
  }
  .node h2 {
    padding: 20px 0;
  }
  .node::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 641px) and (max-width: 1020px) {
    .node .left_pad {
      padding-left: 40px; } }
  @media screen and (min-width: 641px) {
    .node section:nth-child(4) {
      padding-top: 3px;
      padding-bottom: 60px; }
      .node section:nth-child(4) p {
        line-height: 1.25; }
      .node section:nth-child(4) p>b, .node section:nth-child(4) h2 {
        padding: 18px 0 22px 0; } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .node section:nth-child(4) {
      display: none; } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .node img {
      height: 135px;
      width: 94px;
      margin-left: calc((100% - 94px)/2);
      margin-top: 26px;
      margin-bottom: 93px; } }
  @media screen and (min-width: 641px) {
    .node img {
      display: none; } }
    .node h1 {
      font-family: "RobotoSlab";
      font-size: 28px;
      color: #acb743;
      text-transform: uppercase;
      padding: 60px 20px 21px 0; }
  .node p>b, .node h2 {
    display: block;
    font-family: "RobotoSlab";
    color: #868585;
    text-transform: uppercase; }
    @media screen and (min-width: 641px) {
      .node p>b, .node h2 {
        font-size: 20px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .node p>b, .node h2 {
        font-size: 25px; } }
    .node ol li>p>b, .node ul li>p>b, .node ol li>p>b, .node ul li>h2 {
      font-family: "RobotoSlab";
      color: #868585;
      line-height: 1.2;
      font-size: 16px;
      text-transform: none;
      display: block;
      padding-bottom: 10px;
    }
    @media screen and (min-width: 541px) and (max-width: 640px) {
      .node ol li>p>b, .node ul li>p>b, .node ol li>p>b, .node ul li>h2 {
        font-size: 25px;} }
    @media screen and (min-width: 441px) and (max-width: 540px) {
      .node ol li>p>b, .node ul li>p>b, .node ol li>p>b, .node ul li>h2 {
        font-size: 22px; } }
    @media screen and (min-width: 320px) and (max-width: 440px) {
      .node ol li>p>b, .node ul li>p>b, .node ol li>p>b, .node ul li>h2 {
        font-size: 20px; } }
  .node p {
    font-family: "RobotoSlab";
    color: #868585;
    line-height: 1.2; }
    @media screen and (min-width: 641px) {
      .node h1{
        padding-left: 60px;
      }
      .node p {
        font-size: 16px;
        padding: 0 60px 20px 0; } }
    @media screen and (min-width: 541px) and (max-width: 640px) {
      .node h1{
        padding-left: 20px;
      }
      .node p {
        font-size: 25px;
        padding: 0 20px 30px 60px; } }
    @media screen and (min-width: 441px) and (max-width: 540px) {
      .node h1{
        padding-left: 20px;
      }
      .node p {
        font-size: 22px;
        padding: 0 20px 30px 40px; } }
    @media screen and (min-width: 320px) and (max-width: 440px) {
      .node h1{
        padding-left: 20px;
      }
      .node p {
        font-size: 20px;
        padding: 0 20px 30px 20px; } }
  .node a {
    color: #acb743;
    text-decoration: underline; }
  @media screen and (min-width: 541px) and (max-width: 640px) {
    .node .last_p {
      padding: 0 20px 15px 60px; } }
  @media screen and (min-width: 441px) and (max-width: 540px) {
    .node .last_p {
      font-size: 22px;
      padding: 0 20px 15px 40px; } }
  @media screen and (min-width: 320px) and (max-width: 440px) {
    .node .last_p {
      font-size: 20px;
      padding: 0 20px 15px 20px; } }

.colour10 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 61.6em; }
  .colour10::after {
    clear: both;
    content: "";
    display: table; }
  .colour10 section {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%;
    font-family: "RobotoSlab"; }
    .colour10 section:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .colour10 section {
        padding: 228px 0 197px 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour10 section {
        padding: 15px 0 58px 0; } }
    @media screen and (min-width: 641px) {
      .colour10 section > img {
        float: left;
        display: inline-block;
        margin: 20px 73px 0 2px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour10 section > img {
        height: auto;
        width: 270px;
        margin-left: calc((100% - 270px)/2);
        margin-top: 52px;
        margin-bottom: 64px; } }
    .colour10 section .name-of-bottle_mob {
      color: #a15700;
      height: 65px;
      width: 312px;
      margin-bottom: 24px;
      margin: auto; }
      @media screen and (min-width: 641px) {
        .colour10 section .name-of-bottle_mob {
          display: none; } }
      .colour10 section .name-of-bottle_mob .line {
        height: 1px;
        width: 66px;
        background-color: #ddc5a5;
        display: inline-block;
        float: left;
        margin: 12px 5px 0 2px; }
        .colour10 section .name-of-bottle_mob .line:first-child {
          margin-left: 15px; }
        .colour10 section .name-of-bottle_mob .line:nth-child(3) {
          margin-left: 2px; }
      .colour10 section .name-of-bottle_mob .ttl p {
        font-size: 20px;
        float: left;
        letter-spacing: 11px;
        margin-bottom: 7px; }
        .colour10 section .name-of-bottle_mob .ttl p span {
          letter-spacing: 1px; }
        @media screen and (min-width: 320px) and (max-width: 380px) {
          .colour10 section .name-of-bottle_mob .ttl p {
            font-size: 18px; } }
      .colour10 section .name-of-bottle_mob p:last-child {
        font-size: 44px;
        margin-left: 7px; }
        @media screen and (min-width: 320px) and (max-width: 380px) {
          .colour10 section .name-of-bottle_mob p:last-child {
            font-size: 40px; } }
    .colour10 section .part_right {
      display: inline-block;
      float: left; }
      @media screen and (min-width: 840px) {
        .colour10 section .part_right {
          height: auto;
          width: calc(100% - 470px); } }
      @media screen and (min-width: 641px) and (max-width: 839px) {
        .colour10 section .part_right {
          height: auto;
          width: calc(100% - 390px);
          padding-right: 15px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .colour10 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .colour10 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 25px; } }
      .colour10 section .part_right .name-of-bottle {
        color: #a15700;
        height: 45px;
        margin-bottom: 24px; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour10 section .part_right .name-of-bottle {
            display: none; } }
        .colour10 section .part_right .name-of-bottle .line {
          height: 1px;
          width: 42px;
          background-color: #ddc5a5;
          display: inline-block;
          float: left;
          margin: 8px 0 0 2px; }
        .colour10 section .part_right .name-of-bottle .line:first-child {
          margin-right: 6px; }
        .colour10 section .part_right .name-of-bottle .ttl p:first-of-type {
          font-size: 13px;
          float: left;
          letter-spacing: 6px;
          margin-bottom: 5px; }
          .colour10 section .part_right .name-of-bottle .ttl p:first-of-type span {
            letter-spacing: 4px; }
        .colour10 section .part_right .name-of-bottle>p {
          font-size: 28px;
          clear: both; }
      .colour10 section .part_right .discription {
        color: #868585;
        font-family: "RobotoSlabLight"; }
        .colour10 section .part_right .discription span {
          text-transform: uppercase;
          font-family: "RobotoSlab"; }
        @media screen and (min-width: 641px) {
          .colour10 section .part_right .discription {
            font-size: 16px;
            line-height: 1.2;
            margin-left: 5px; } }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour10 section .part_right .discription {
            font-size: 25px;
            line-height: 1.2;
            padding-right: 30px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour10 section .part_right .discription {
            font-size: 22px;
            line-height: 1.2; } }
      @media screen and (min-width: 641px) {
        .colour10 section .part_right .where_btn {
          margin: 42px 0 36px 8px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour10 section .part_right .where_btn {
          margin: 183px 0 61px 3px; } }
      @media screen and (min-width: 641px) {
        .colour10 section .part_right .discs_cont {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .colour10 section .part_right .discs_cont .discs {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 460px) and (max-width: 640px) {
        .colour10 section .part_right .discs_cont .discs {
          padding-right: 20px;
          height: auto;
          width: 100%; } }
      .colour10 section .part_right .discs_cont p {
        color: #cfcecf;
        font-family: "RobotoSlab";
        font-size: 27px;
        display: inline-block;
        margin-top: 25px; }
        .colour10 section .part_right .discs_cont p:nth-child(3) {
          float: right;
          margin-right: 16px; }
      @media screen and (min-width: 641px) {
        .colour10 section .part_right .circles_cont {
          margin: 0 0 38px 6px;
          height: 60px;
          width: 222px; } }
      @media screen and (min-width: 641px) {
        .colour10 section .part_right .circles_cont .circles {
          height: 35px;
          width: 222px;
          margin: 0 0 11px 0; } }
      .colour10 section .part_right .circles_cont .circles div {
        background-color: #cfcecf;
        display: inline-block;
        vertical-align: top;
        float: left; }
        .colour10 section .part_right .circles_cont .circles div:first-child {
          height: 8px;
          width: 8px;
          border-radius: 5px;
          margin: 13px 7px 0 0; }
        .colour10 section .part_right .circles_cont .circles div:nth-child(2) {
          height: 10px;
          width: 10px;
          border-radius: 20px;
          margin: 12px 6px 0 0; }
        .colour10 section .part_right .circles_cont .circles div:nth-child(3) {
          height: 12px;
          width: 12px;
          border-radius: 20px;
          margin: 11px 6px 0 0; }
        .colour10 section .part_right .circles_cont .circles div.active {
          background-color: #a15700; }
        .colour10 section .part_right .circles_cont .circles div:nth-child(4) {
          height: 14px;
          width: 14px;
          border-radius: 20px;
          margin: 10px 6px 0 0; }
        .colour10 section .part_right .circles_cont .circles div:nth-child(5) {
          height: 17px;
          width: 17px;
          border-radius: 20px;
          margin: 9px 6px 0 0; }
        .colour10 section .part_right .circles_cont .circles div:nth-child(6) {
          height: 20px;
          width: 20px;
          border-radius: 20px;
          margin: 7px 6px 0 0; }
        .colour10 section .part_right .circles_cont .circles div:nth-child(7) {
          height: 24px;
          width: 24px;
          border-radius: 20px;
          margin: 5px 6px 0 0; }
        .colour10 section .part_right .circles_cont .circles div:nth-child(8) {
          height: 29px;
          width: 29px;
          border-radius: 20px;
          margin: 3px 8px 0 0; }
        .colour10 section .part_right .circles_cont .circles div:nth-child(9) {
          height: 35px;
          width: 35px;
          border-radius: 20px; }
      .colour10 section .part_right .circles_cont p {
        font-family: "RobotoSlab";
        font-size: 11px;
        color: #cfcecf; }
        .colour10 section .part_right .circles_cont p:first-of-type {
          float: left; }
        .colour10 section .part_right .circles_cont p:nth-of-type(2) {
          float: right; }
      .colour10 section .part_right .three-grapes div {
        display: inline-block;
        float: left; }
      @media screen and (min-width: 641px) {
        .colour10 section .part_right .three-grapes {
          height: 120px;
          margin-bottom: 67px; }
          .colour10 section .part_right .three-grapes p {
            font-family: "RobotoSlab";
            font-size: 11px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.3; }
          .colour10 section .part_right .three-grapes div:first-child {
            padding-top: 12px;
            margin-right: 19px; }
            .colour10 section .part_right .three-grapes div:first-child img {
              padding-left: 9px;
              height: 53px;
              width: 44px; }
            .colour10 section .part_right .three-grapes div:first-child p {
              padding: 18px 7px 0 0; }
          .colour10 section .part_right .three-grapes div:nth-child(2) {
            padding-top: 6px;
            margin-right: 16px; }
            .colour10 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 7px;
              height: 65px;
              width: 50px; }
            .colour10 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px;
              height: 76px; } }
      @media screen and (min-width: 320px) and (max-width: 454px) {
        .colour10 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour10 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; }
          .colour10 section .part_right .three-grapes p {
            font-family: "robotoSlab";
            font-size: 23px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.35; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour10 section .part_right .three-grapes p {
        font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour10 section .part_right .three-grapes div:first-child {
            width: 90px;
            padding-top: 23px;
            margin-right: 35px; }
            .colour10 section .part_right .three-grapes div:first-child img {
              padding-left: 9px; }
            .colour10 section .part_right .three-grapes div:first-child p {
              padding: 36px 12px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour10 section .part_right .three-grapes div:first-child {
        width: 60px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour10 section .part_right .three-grapes div:first-child img {
          padding-left: 9px;
          padding-top: 22px;
          height: auto;
          width: 50px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour10 section .part_right .three-grapes div:nth-child(2) {
            width: 110px;
            margin-right: 20px;
            padding-top: 11px; }
            .colour10 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 17px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour10 section .part_right .three-grapes div:nth-child(2) {
        width: 70px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour10 section .part_right .three-grapes div:nth-child(2) img {
          padding-left: 9px;
          padding-top: 20px;
          height: auto;
          width: 60px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour10 section .part_right .three-grapes div:nth-child(3) {
            width: 100px; }
            .colour10 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour10 section .part_right .three-grapes div:nth-child(3) {
        width: 90px;
        padding-top: 23px; }
        .colour10 section .part_right .three-grapes div:nth-child(3) i {
          padding-left: 9px;
          height: auto;
          width: 80px; } }

      .colour10 section .part_right .awards {
        color: #a15700; }
        @media screen and (min-width: 641px) {
          .colour10 section .part_right .awards {
            font-size: 23px;
            padding-left: 10px;
            margin-bottom: 27px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour10 section .part_right .awards {
            font-size: 40px;
            margin-bottom: 63px;
            margin-top: 9px;
            display: block; } }
      .colour10 section .part_right .before {
        margin-left: 2px;
        margin-top: 5px;
        float: left; }
        @media screen and (min-width: 641px) {
          .colour10 section .part_right .before {
            display: none; } }
      .colour10 section .part_right ul {
        font-family: "RobotoSlabLight";
        display: inline-block;
        color: #868585; }
        @media screen and (min-width: 641px) {
          .colour10 section .part_right ul {
            font-size: 13px;
            margin-left: 6px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour10 section .part_right ul {
            font-size: 15px;
            margin-left: 6px; } }
        @media screen and (min-width: 730px) {
          .colour10 section .part_right ul:first-of-type {
            margin-right: 14px; } }
        @media screen and (min-width: 641px) {
          .colour10 section .part_right ul li {
            padding-bottom: 21px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour10 section .part_right ul li {
            padding-bottom: 25px; } }

.colour11 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 61.6em; }
  .colour11::after {
    clear: both;
    content: "";
    display: table; }
  .colour11 section {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%;
    font-family: "RobotoSlab"; }
    .colour11 section:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .colour11 section {
        padding: 228px 0 197px 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour11 section {
        padding: 15px 0 58px 0; } }
    @media screen and (min-width: 641px) {
      .colour11 section > img {
        float: left;
        display: inline-block;
        margin: 16px 70px 0 4px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour11 section > img {
        height: auto;
        width: 270px;
        margin-left: calc((100% - 270px)/2);
        margin-top: 52px;
        margin-bottom: 60px; } }
    .colour11 section .name-of-bottle_mob {
      color: #a12a26;
      margin: auto; }
      @media screen and (min-width: 641px) {
        .colour11 section .name-of-bottle_mob {
          display: none; } }
      @media screen and (min-width: 560px) and (max-width: 640px) {
        .colour11 section .name-of-bottle_mob {
          height: 65px;
          width: 540px;
          margin-bottom: 3px; } }
      @media screen and (min-width: 320px) and (max-width: 559px) {
        .colour11 section .name-of-bottle_mob {
          height: 100px;
          width: 300px; } }
      .colour11 section .name-of-bottle_mob .line {
        height: 1px;
        width: 66px;
        background-color: #ddb7b1;
        display: inline-block;
        float: left;
        margin: 12px 5px 0 0; }
        .colour11 section .name-of-bottle_mob .line:nth-child(3) {
          margin-left: 2px; }
      .colour11 section .name-of-bottle_mob .ttl p {
        font-size: 20px;
        float: left;
        letter-spacing: 11px;
        margin-bottom: 7px; }
        .colour11 section .name-of-bottle_mob .ttl p span {
          letter-spacing: 1px; }
        @media screen and (min-width: 320px) and (max-width: 380px) {
          .colour11 section .name-of-bottle_mob .ttl p {
            font-size: 18px; } }
      .colour11 section .name-of-bottle_mob p:last-child {
        font-size: 44px; }
        @media screen and (min-width: 320px) and (max-width: 560px) {
          .colour11 section .name-of-bottle_mob p:last-child {
            text-align: center; } }
        @media screen and (min-width: 320px) and (max-width: 380px) {
          .colour11 section .name-of-bottle_mob p:last-child {
            font-size: 40px; } }
    .colour11 section .part_right {
      display: inline-block;
      float: left; }
      @media screen and (min-width: 840px) {
        .colour11 section .part_right {
          height: auto;
          width: calc(100% - 470px); } }
      @media screen and (min-width: 641px) and (max-width: 839px) {
        .colour11 section .part_right {
          height: auto;
          width: calc(100% - 390px);
          padding-right: 15px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .colour11 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .colour11 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 25px; } }
      .colour11 section .part_right .name-of-bottle {
        color: #a12a26;
        height: 45px;
        margin-bottom: 24px; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour11 section .part_right .name-of-bottle {
            display: none; } }
        @media screen and (min-width: 641px) and (max-width: 750px) {
          .colour11 section .part_right .name-of-bottle {
            height: 35px; } }
        .colour11 section .part_right .name-of-bottle .line {
          height: 1px;
          width: 42px;
          background-color: #a12a26;
          display: inline-block;
          float: left;
          margin: 8px 0 0 2px; }
        .colour11 section .part_right .name-of-bottle .line:first-child {
          margin-right: 6px; }
        .colour11 section .part_right .name-of-bottle .ttl p:first-of-type {
          font-size: 13px;
          float: left;
          letter-spacing: 6px;
          margin-bottom: 5px; }
          .colour11 section .part_right .name-of-bottle .ttl p:first-of-type span {
            letter-spacing: 4px; }
        .colour11 section .part_right .name-of-bottle>p {
          font-size: 28px;
          clear:left; }
          @media screen and (min-width: 641px) and (max-width: 750px) {
            .colour11 section .part_right .name-of-bottle>p {
              font-size: 20px;
              margin-left: 0; } }
      .colour11 section .part_right .discription {
        color: #868585;
        font-family: "RobotoSlabLight"; }
        .colour11 section .part_right .discription span {
          text-transform: uppercase;
          font-family: "RobotoSlab"; }
        @media screen and (min-width: 641px) {
          .colour11 section .part_right .discription {
            font-size: 16px;
            line-height: 1.2;
            margin-left: 7px; } }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour11 section .part_right .discription {
            font-size: 25px;
            line-height: 1.2;
            padding-right: 30px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour11 section .part_right .discription {
            font-size: 22px;
            line-height: 1.2; } }
      @media screen and (min-width: 641px) {
        .colour11 section .part_right .where_btn {
          margin: 41px 0 36px 9px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour11 section .part_right .where_btn {
          margin: 91px 0 61px 3px; } }
      @media screen and (min-width: 641px) {
        .colour11 section .part_right .discs_cont {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .colour11 section .part_right .discs_cont .discs {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 460px) and (max-width: 640px) {
        .colour11 section .part_right .discs_cont .discs {
          padding-right: 20px;
          height: auto;
          width: 100%; } }
      .colour11 section .part_right .discs_cont p {
        color: #cfcecf;
        font-family: "RobotoSlab";
        font-size: 27px;
        display: inline-block;
        margin-top: 25px; }
        .colour11 section .part_right .discs_cont p:nth-child(3) {
          float: right;
          margin-right: 16px; }
      @media screen and (min-width: 641px) {
        .colour11 section .part_right .circles_cont {
          margin: 0 0 38px 6px;
          height: 60px;
          width: 222px; } }
      @media screen and (min-width: 641px) {
        .colour11 section .part_right .circles_cont .circles {
          height: 35px;
          width: 222px;
          margin: 0 0 11px 1px; } }
      .colour11 section .part_right .circles_cont .circles div {
        background-color: #cfcecf;
        display: inline-block;
        vertical-align: top;
        float: left; }
        .colour11 section .part_right .circles_cont .circles div:first-child {
          height: 8px;
          width: 8px;
          border-radius: 5px;
          margin: 13px 7px 0 0; }
        .colour11 section .part_right .circles_cont .circles div:nth-child(2) {
          height: 10px;
          width: 10px;
          border-radius: 20px;
          margin: 12px 6px 0 0; }
        .colour11 section .part_right .circles_cont .circles div.active {
          background-color: #a12a26; }
        .colour11 section .part_right .circles_cont .circles div:nth-child(3) {
          height: 12px;
          width: 12px;
          border-radius: 20px;
          margin: 11px 6px 0 0;
          background-color: #cfcecf; }
        .colour11 section .part_right .circles_cont .circles div:nth-child(4) {
          height: 14px;
          width: 14px;
          border-radius: 20px;
          margin: 10px 6px 0 0; }
        .colour11 section .part_right .circles_cont .circles div:nth-child(5) {
          height: 17px;
          width: 17px;
          border-radius: 20px;
          margin: 9px 6px 0 0; }
        .colour11 section .part_right .circles_cont .circles div:nth-child(6) {
          height: 20px;
          width: 20px;
          border-radius: 20px;
          margin: 7px 6px 0 0; }
        .colour11 section .part_right .circles_cont .circles div:nth-child(7) {
          height: 24px;
          width: 24px;
          border-radius: 20px;
          margin: 5px 6px 0 0; }
        .colour11 section .part_right .circles_cont .circles div:nth-child(8) {
          height: 29px;
          width: 29px;
          border-radius: 20px;
          margin: 3px 8px 0 0; }
        .colour11 section .part_right .circles_cont .circles div:nth-child(9) {
          height: 35px;
          width: 35px;
          border-radius: 20px; }
      .colour11 section .part_right .circles_cont p {
        font-family: "RobotoSlab";
        font-size: 11px;
        color: #cfcecf; }
        .colour11 section .part_right .circles_cont p:first-of-type {
          float: left; }
        .colour11 section .part_right .circles_cont p:nth-of-type(2) {
          float: right; }
      .colour11 section .part_right .three-grapes div {
        display: inline-block;
        float: left; }
      @media screen and (min-width: 641px) {
        .colour11 section .part_right .three-grapes {
          height: 120px;
          margin-bottom: 67px; }
          .colour11 section .part_right .three-grapes p {
            font-family: "robotoSlab";
            font-size: 11px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.3; }
          .colour11 section .part_right .three-grapes div:first-child {
            padding-top: 12px;
            margin-right: 19px; }
            .colour11 section .part_right .three-grapes div:first-child img {
              padding-left: 9px;
              height: 53px;
              width: 44px; }
          .colour11 section .part_right .three-grapes div:nth-child(2) {
            padding-top: 6px;
            margin-right: 16px; }
            .colour11 section .part_right .three-grapes div:nth-child(2) i {
              padding-left: 7px;
              height: 65px;}
            .colour11 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px;
              font-size: 76px; } }
      @media screen and (min-width: 320px) and (max-width: 454px) {
        .colour11 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour11 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; }
          .colour11 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 23px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.35; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour11 section .part_right .three-grapes p {
        font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour11 section .part_right .three-grapes div:first-child {
            width: 90px;
            padding-top: 23px;
            margin-right: 35px; }
            .colour11 section .part_right .three-grapes div:first-child img {
              padding-left: 9px; }
            .colour11 section .part_right .three-grapes div:first-child p {
              padding: 36px 12px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour11 section .part_right .three-grapes div:first-child {
        width: 60px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour11 section .part_right .three-grapes div:first-child img {
          padding-left: 9px;
          padding-top: 22px;
          height: auto;
          width: 50px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour11 section .part_right .three-grapes div:nth-child(2) {
            width: 110px;
            margin-right: 20px;
            padding-top: 11px; }
            .colour11 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 17px; }
            .colour11 section .part_right .three-grapes div:nth-child(2) p {
              padding: 50px 0 0 4px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour11 section .part_right .three-grapes div:nth-child(2) {
        width: 70px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour11 section .part_right .three-grapes div:nth-child(2) img {
          padding-left: 9px;
          padding-top: 20px;
          height: auto;
          width: 60px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour11 section .part_right .three-grapes div:nth-child(3) {
            width: 100px; }
            .colour11 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour11 section .part_right .three-grapes div:nth-child(3) {
        width: 90px;
        padding-top: 23px; }
        .colour11 section .part_right .three-grapes div:nth-child(3) i {
          padding-left: 9px;
          height: auto;
          width: 80px; } }

      .colour11 section .part_right .awards {
        color: #9f2b2a; }
        @media screen and (min-width: 641px) {
          .colour11 section .part_right .awards {
            font-size: 23px;
            padding-left: 11px;
            margin-bottom: 27px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour11 section .part_right .awards {
            font-size: 40px;
            margin-bottom: 63px;
            margin-top: 9px;
            display: block; } }
      .colour11 section .part_right .before {
        margin-left: 2px;
        margin-top: 5px;
        float: left; }
        @media screen and (min-width: 641px) {
          .colour11 section .part_right .before {
            display: none; } }
      .colour11 section .part_right ul {
        font-family: "RobotoSlabLight";
        display: inline-block;
        color: #868585; }
      .colour11 section .part_right ul li {
        display: block; }
        @media screen and (min-width: 641px) {
          .colour11 section .part_right ul {
            font-size: 13px;
            margin-left: 6px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour11 section .part_right ul {
            font-size: 15px;
            margin-left: 6px; } }
        @media screen and (min-width: 730px) {
          .colour11 section .part_right ul:first-of-type {
            margin-right: 14px; } }
        @media screen and (min-width: 641px) {
          .colour11 section .part_right ul li {
            padding-bottom: 21px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour11 section .part_right ul li {
            padding-bottom: 25px; } }

.colour15 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 61.6em; }
  .colour15::after {
    clear: both;
    content: "";
    display: table; }
  .colour15 section {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%;
    font-family: "RobotoSlab"; }
    .colour15 section:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .colour15 section {
        padding: 164px 0 197px 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour15 section {
        padding: 15px 0 58px 0; } }
    @media screen and (min-width: 641px) {
      .colour15 section > img {
        float: left;
        display: inline-block;
        margin: 0 112px 0 117px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour15 section > img {
        height: 423px;
        width: auto;
        margin-left: calc((100% - 116px)/2);
        margin-top: 52px;
        margin-bottom: 64px; } }
    .colour15 section .name-of-bottle_mob {
      color: #55237b;
      height: 65px;
      width: 100%;
      margin-bottom: 24px;
      margin: auto; }
      @media screen and (min-width: 641px) {
        .colour15 section .name-of-bottle_mob {
          display: none; } }
      .colour15 section .name-of-bottle_mob .line {
        background-color: #a68cba;
        display: inline-block;
        float: left;
        margin: 12px 5px 0 2px; }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour15 section .name-of-bottle_mob .line {
            height: 1px;
            width: 66px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour15 section .name-of-bottle_mob .line {
            height: 1px;
            width: 40px; } }
        .colour15 section .name-of-bottle_mob .line:first-child {
          margin-right: 4px; }
          @media screen and (min-width: 480px) and (max-width: 640px) {
            .colour15 section .name-of-bottle_mob .line:first-child {
              margin-left: 7px; } }
          @media screen and (min-width: 320px) and (max-width: 479px) {
            .colour15 section .name-of-bottle_mob .line:first-child {
              margin-left: 25px; } }
        .colour15 section .name-of-bottle_mob .line:nth-child(3) {
          margin-left: 2px; }
      .colour15 section .name-of-bottle_mob .ttl p {
        font-size: 20px;
        float: left;
        letter-spacing: 11px;
        margin-bottom: 7px; }
        .colour15 section .name-of-bottle_mob .ttl p span {
          letter-spacing: 1px; }
        @media screen and (min-width: 320px) and (max-width: 380px) {
          .colour15 section .name-of-bottle_mob .ttl p {
            font-size: 18px; } }
      .colour15 section .name-of-bottle_mob p:last-child {
        font-size: 44px;
        margin-left: 87px; }
        @media screen and (min-width: 320px) and (max-width: 380px) {
          .colour15 section .name-of-bottle_mob p:last-child {
            font-size: 40px; } }
    .colour15 section .part_right {
      display: inline-block;
      float: left; }
      @media screen and (min-width: 840px) {
        .colour15 section .part_right {
          height: auto;
          width: calc(100% - 470px); } }
      @media screen and (min-width: 641px) and (max-width: 839px) {
        .colour15 section .part_right {
          height: auto;
          width: calc(100% - 390px);
          padding-right: 15px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .colour15 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .colour15 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 25px; } }
      .colour15 section .part_right .name-of-bottle {
        color: #55237b;
        height: 45px;
        margin-bottom: 24px;
        margin-top: 64px; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour15 section .part_right .name-of-bottle {
            display: none; } }
        .colour15 section .part_right .name-of-bottle .line {
          height: 1px;
          width: 18px;
          background-color: #a389b3;
          display: inline-block;
          float: left;
          margin: 8px 0 0 2px; }
        .colour15 section .part_right .name-of-bottle .line:first-child {
          margin-right: 6px;}
        .colour15 section .part_right .name-of-bottle .ttl p:first-of-type {
          font-size: 13px;
          float: left;
          letter-spacing: 6px;
          margin-bottom: 5px; }
          .colour15 section .part_right .name-of-bottle .ttl p:first-of-type span {
            letter-spacing: 4px; }
        .colour15 section .part_right .name-of-bottle>p {
          font-size: 28px;
          clear: both; }
      .colour15 section .part_right .discription {
        color: #868585;
        font-family: "RobotoSlabLight"; }
        .colour15 section .part_right .discription span {
          text-transform: uppercase;
          font-family: "RobotoSlab"; }
        @media screen and (min-width: 641px) {
          .colour15 section .part_right .discription {
            font-size: 16px;
            line-height: 1.2;
            margin-left: 5px; } }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour15 section .part_right .discription {
            font-size: 25px;
            line-height: 1.2;
            padding-right: 30px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour15 section .part_right .discription {
            font-size: 22px;
            line-height: 1.2; } }
      @media screen and (min-width: 641px) {
        .colour15 section .part_right .where_btn {
          margin: 43px 0 36px 7px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour15 section .part_right .where_btn {
          margin: 123px 0 61px 3px; } }
      @media screen and (min-width: 641px) {
        .colour15 section .part_right .discs_cont {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .colour15 section .part_right .discs_cont .discs {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 460px) and (max-width: 640px) {
        .colour15 section .part_right .discs_cont .discs {
          padding-right: 20px;
          height: auto;
          width: 100%; } }
      .colour15 section .part_right .discs_cont p {
        color: #cfcecf;
        font-family: "RobotoSlab";
        font-size: 27px;
        display: inline-block;
        margin-top: 25px; }
        .colour15 section .part_right .discs_cont p:nth-child(3) {
          float: right;
          margin-right: 16px; }
      @media screen and (min-width: 641px) {
        .colour15 section .part_right .circles_cont {
          margin: 0 0 38px 5px;
          height: 60px;
          width: 222px; } }
      @media screen and (min-width: 641px) {
        .colour15 section .part_right .circles_cont .circles {
          height: 35px;
          width: 222px;
          margin: 0 0 11px 0; } }
      .colour15 section .part_right .circles_cont .circles div {
        background-color: #cfcecf;
        display: inline-block;
        vertical-align: top;
        float: left; }
        .colour15 section .part_right .circles_cont .circles div:first-child {
          height: 8px;
          width: 8px;
          border-radius: 5px;
          margin: 13px 7px 0 0; }
        .colour15 section .part_right .circles_cont .circles div:nth-child(2) {
          height: 10px;
          width: 10px;
          border-radius: 20px;
          margin: 12px 6px 0 0; }
        .colour15 section .part_right .circles_cont .circles div:nth-child(3) {
          height: 12px;
          width: 12px;
          border-radius: 20px;
          margin: 11px 6px 0 0; }
        .colour15 section .part_right .circles_cont .circles div.active {
          background-color: #55237b;}
        .colour15 section .part_right .circles_cont .circles div:nth-child(4) {
          height: 14px;
          width: 14px;
          border-radius: 20px;
          margin: 10px 6px 0 0; }
        .colour15 section .part_right .circles_cont .circles div:nth-child(5) {
          height: 17px;
          width: 17px;
          border-radius: 20px;
          margin: 9px 6px 0 0; }
        .colour15 section .part_right .circles_cont .circles div:nth-child(6) {
          height: 20px;
          width: 20px;
          border-radius: 20px;
          margin: 7px 6px 0 0; }
        .colour15 section .part_right .circles_cont .circles div:nth-child(7) {
          height: 24px;
          width: 24px;
          border-radius: 20px;
          margin: 5px 6px 0 0; }
        .colour15 section .part_right .circles_cont .circles div:nth-child(8) {
          height: 29px;
          width: 29px;
          border-radius: 20px;
          margin: 3px 8px 0 0; }
        .colour15 section .part_right .circles_cont .circles div:nth-child(9) {
          height: 35px;
          width: 35px;
          border-radius: 20px; }
      .colour15 section .part_right .circles_cont p {
        font-family: "RobotoSlab";
        font-size: 11px;
        color: #cfcecf; }
        .colour15 section .part_right .circles_cont p:first-of-type {
          float: left; }
        .colour15 section .part_right .circles_cont p:nth-of-type(2) {
          float: right; }
      .colour15 section .part_right .three-grapes div {
        display: inline-block;
        float: left;
        height: 100%; }
      @media screen and (min-width: 641px) {
        .colour15 section .part_right .three-grapes {
          height: 120px;
          width: 230px;
          margin-left: 5px;
          margin-bottom: 67px; }
          .colour15 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 11px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.3; }
          .colour15 section .part_right .three-grapes div:first-child {
            width: 50px;
            padding-top: 12px;
            margin-right: 19px; }
            .colour15 section .part_right .three-grapes div:first-child img {
              padding-left: 9px;
              height: 53px;
              width: 44px; }
            .colour15 section .part_right .three-grapes div:first-child p {
              padding: 18px 7px 0 0; }
          .colour15 section .part_right .three-grapes div:nth-child(2) {
            width: 60px;
            padding-top: 6px;
            margin-right: 16px; }
            .colour15 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 7px;
              height: 65px;
              width: 50px; }
            .colour15 section .part_right .three-grapes div:nth-child(2) p {
              padding:24px 4px 0 0; }
            .colour15 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 2px;
              height: 77px;
              width: 57px; }
            .colour15 section .part_right .three-grapes div:nth-child(3) p {
              padding: 17px 0 0 0; } }
      @media screen and (min-width: 320px) and (max-width: 454px) {
        .colour15 section .part_right .three-grapes {
          height: 224px;
          width: 100%; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour15 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; }
          .colour15 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 23px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.35; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour15 section .part_right .three-grapes p {
        font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour15 section .part_right .three-grapes div:first-child {
            width: 90px;
            padding-top: 23px;
            margin-right: 35px; }
            .colour15 section .part_right .three-grapes div:first-child img {
              padding-left: 9px; }
            .colour15 section .part_right .three-grapes div:first-child p {
              padding: 36px 12px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour15 section .part_right .three-grapes div:first-child {
        width: 60px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour15 section .part_right .three-grapes div:first-child img {
          padding-left: 9px;
          padding-top: 22px;
          height: auto;
          width: 50px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour15 section .part_right .three-grapes div:nth-child(2) {
            width: 110px;
            margin-right: 20px;
            padding-top: 11px; }
            .colour15 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 17px; }
            .colour15 section .part_right .three-grapes div:nth-child(2) p {
              padding: 23px 0 0 4px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour15 section .part_right .three-grapes div:nth-child(2) {
        width: 70px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour15 section .part_right .three-grapes div:nth-child(2) img {
          padding-left: 9px;
          padding-top: 20px;
          height: auto;
          width: 60px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour15 section .part_right .three-grapes div:nth-child(3) {
            width: 100px; }
            .colour15 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px; }
            .colour15 section .part_right .three-grapes div:nth-child(3) p {
              padding: 12px 0 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour15 section .part_right .three-grapes div:nth-child(3) {
        width: 90px;
        padding-top: 23px; }
        .colour15 section .part_right .three-grapes div:nth-child(3) i {
          height: auto;
          width: 80px; } }

      .colour15 section .part_right .awards {
        color: #55237b; }
        @media screen and (min-width: 641px) {
          .colour15 section .part_right .awards {
            font-size: 23px;
            padding-left: 10px;
            margin-bottom: 27px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour15 section .part_right .awards {
            font-size: 40px;
            margin-bottom: 63px;
            margin-top: 9px;
            display: block; } }
      .colour15 section .part_right .before {
        margin-left: 2px;
        margin-top: 5px;
        float: left; }
        @media screen and (min-width: 641px) {
          .colour15 section .part_right .before {
            display: none; } }
      .colour15 section .part_right ul {
        font-family: "RobotoSlabLight";
        display: inline-block;
        color: #868585; }
        @media screen and (min-width: 641px) {
          .colour15 section .part_right ul {
            font-size: 13px;
            margin-left: 6px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour15 section .part_right ul {
            font-size: 15px;
            margin-left: 6px; } }
        @media screen and (min-width: 730px) {
          .colour15 section .part_right ul:first-of-type {
            margin-right: 14px; } }
        @media screen and (min-width: 641px) {
          .colour15 section .part_right ul li {
            padding-bottom: 21px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour15 section .part_right ul li {
            padding-bottom: 25px; } }

.colour13 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 63.1em; }
  .colour13::after {
    clear: both;
    content: "";
    display: table; }
  .colour13 section {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%;
    font-family: "RobotoSlab"; }
    .colour13 section:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .colour13 section {
        padding: 228px 0 197px 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour13 section {
        padding: 15px 0 58px 0; } }
    @media screen and (min-width: 641px) {
      .colour13 section > img {
        float: left;
        display: inline-block;
        margin: 21px 75px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour13 section > img {
        height: 423px;
        width: auto;
        margin-left: calc((100% - 300px)/2);
        margin-top: 52px;
        margin-bottom: 64px; } }
    .colour13 section .name-of-bottle_mob {
      color: #372794;
      height: 65px;
      width: 240px;
      margin-bottom: 24px;
      margin: auto; }
      @media screen and (min-width: 641px) {
        .colour13 section .name-of-bottle_mob {
          display: none; } }
      .colour13 section .name-of-bottle_mob .line {
        height: 1px;
        width: 66px;
        background-color: #978ec7;
        display: inline-block;
        float: left;
        margin: 12px 5px 0 2px; }
        .colour13 section .name-of-bottle_mob .line:first-child {
          margin-left: 12px;
          margin-right: 10px; }
        .colour13 section .name-of-bottle_mob .line:nth-child(3) {
          margin-left: 2px; }
      .colour13 section .name-of-bottle_mob .ttl p {
        font-size: 20px;
        float: left;
        letter-spacing: 11px;
        margin-bottom: 7px; }
        .colour13 section .name-of-bottle_mob .ttl p span {
          letter-spacing: 1px; }
        @media screen and (min-width: 320px) and (max-width: 380px) {
          .colour13 section .name-of-bottle_mob .ttl p {
            font-size: 18px; } }
      .colour13 section .name-of-bottle_mob p:last-child {
        font-size: 44px;
        margin-left: 32px; }
        @media screen and (min-width: 320px) and (max-width: 380px) {
          .colour13 section .name-of-bottle_mob p:last-child {
            font-size: 40px; } }
    .colour13 section .part_right {
      display: inline-block;
      float: left; }
      @media screen and (min-width: 840px) {
        .colour13 section .part_right {
          height: auto;
          width: calc(100% - 480px); } }
      @media screen and (min-width: 641px) and (max-width: 839px) {
        .colour13 section .part_right {
          height: auto;
          width: calc(100% - 396px);
          padding-right: 15px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .colour13 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 15px 0 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .colour13 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 25px; } }
      .colour13 section .part_right .name-of-bottle {
        color: #372794;
        height: 45px;
        margin-bottom: 24px; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour13 section .part_right .name-of-bottle {
            display: none; } }
        .colour13 section .part_right .name-of-bottle .line {
          height: 1px;
          width: 17px;
          background-color: #938bc0;
          display: inline-block;
          float: left;
          margin: 8px 0 0 2px; }
        .colour13 section .part_right .name-of-bottle .line:first-child {
          margin-right: 6px; }
        .colour13 section .part_right .name-of-bottle .ttl p:first-of-type {
          font-size: 13px;
          float: left;
          letter-spacing: 6px;
          margin-bottom: 5px; }
          .colour13 section .part_right .name-of-bottle .ttl p:first-of-type span {
            letter-spacing: 4px; }
        .colour13 section .part_right .name-of-bottle>p {
          font-size: 28px;
          clear: both; }
      .colour13 section .part_right .discription {
        color: #868585;
        font-family: "RobotoSlabLight"; }
        .colour13 section .part_right .discription span {
          text-transform: uppercase;
          font-family: "RobotoSlab"; }
        @media screen and (min-width: 641px) {
          .colour13 section .part_right .discription {
            font-size: 16px;
            line-height: 1.2;
            margin-left: 10px; } }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour13 section .part_right .discription {
            font-size: 25px;
            line-height: 1.2;
            padding-right: 30px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour13 section .part_right .discription {
            font-size: 22px;
            line-height: 1.2; } }
      @media screen and (min-width: 641px) {
        .colour13 section .part_right .where_btn {
          margin: 43px 0 36px 13px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour13 section .part_right .where_btn {
          margin: 183px 0 61px 3px; } }
      @media screen and (min-width: 641px) {
        .colour13 section .part_right .discs_cont {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .colour13 section .part_right .discs_cont .discs {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 460px) and (max-width: 640px) {
        .colour13 section .part_right .discs_cont .discs {
          padding-right: 30px;
          height: auto;
          width: 100%; } }
      .colour13 section .part_right .discs_cont p {
        color: #cfcecf;
        font-family: "RobotoSlab";
        font-size: 27px;
        display: inline-block;
        margin-top: 25px; }
        .colour13 section .part_right .discs_cont p:nth-child(3) {
          float: right;
          margin-right: 25px; }
      @media screen and (min-width: 641px) {
        .colour13 section .part_right .circles_cont {
          margin: 0 0 38px 5px;
          height: 60px;
          width: 222px; } }
      @media screen and (min-width: 641px) {
        .colour13 section .part_right .circles_cont .circles {
          height: 35px;
          width: 226px;
          margin: 0 0 12px 6px; } }
      .colour13 section .part_right .circles_cont .circles div {
        background-color: #cfcecf;
        display: inline-block;
        vertical-align: top;
        float: left; }
        .colour13 section .part_right .circles_cont .circles div:first-child {
          height: 8px;
          width: 8px;
          border-radius: 5px;
          margin: 13px 7px 0 0; }
        .colour13 section .part_right .circles_cont .circles div:nth-child(2) {
          height: 10px;
          width: 10px;
          border-radius: 20px;
          margin: 12px 6px 0 0; }
        .colour13 section .part_right .circles_cont .circles div:nth-child(3) {
          height: 12px;
          width: 12px;
          border-radius: 20px;
          margin: 11px 6px 0 0; }
        .colour13 section .part_right .circles_cont .circles div:nth-child(4) {
          height: 14px;
          width: 14px;
          border-radius: 20px;
          margin: 10px 6px 0 0; }
        .colour13 section .part_right .circles_cont .circles div:nth-child(5) {
          height: 17px;
          width: 17px;
          border-radius: 20px;
          margin: 9px 6px 0 0; }
        .colour13 section .part_right .circles_cont .circles div.active {
          background-color: #372794; }
        .colour13 section .part_right .circles_cont .circles div:nth-child(6) {
          height: 20px;
          width: 20px;
          border-radius: 20px;
          margin: 7px 6px 0 0; }
        .colour13 section .part_right .circles_cont .circles div:nth-child(7) {
          height: 24px;
          width: 24px;
          border-radius: 20px;
          margin: 5px 6px 0 0; }
        .colour13 section .part_right .circles_cont .circles div:nth-child(8) {
          height: 29px;
          width: 29px;
          border-radius: 20px;
          margin: 3px 8px 0 0; }
        .colour13 section .part_right .circles_cont .circles div:nth-child(9) {
          height: 35px;
          width: 35px;
          border-radius: 20px; }
      .colour13 section .part_right .circles_cont p {
        font-family: "RobotoSlab";
        font-size: 11px;
        color: #cfcecf;
        margin-left: 4px; }
        .colour13 section .part_right .circles_cont p:first-of-type {
          float: left; }
        .colour13 section .part_right .circles_cont p:nth-of-type(2) {
          float: right; }
      .colour13 section .part_right .three-grapes div {
        display: inline-block;
        float: left;
        height: 100%; }
      @media screen and (min-width: 641px) {
        .colour13 section .part_right .three-grapes {
          height: 120px;
          width: 230px;
          margin-left: 10px;
          margin-bottom: 67px; }
          .colour13 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 11px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.3; }
          .colour13 section .part_right .three-grapes div:first-child {
            width: 50px;
            padding-top: 12px;
            margin-right: 19px; }
            .colour13 section .part_right .three-grapes div:first-child img {
              padding-left: 9px;
              height: 53px;
              width: 44px; }
            .colour13 section .part_right .three-grapes div:first-child p {
              padding: 18px 7px 0 0; }
          .colour13 section .part_right .three-grapes div:nth-child(2) {
            width: 60px;
            padding-top: 6px;
            margin-right: 16px; }
            .colour13 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 7px;
              height: 65px;
              width: 50px; }
            .colour13 section .part_right .three-grapes div:nth-child(2) p {
              padding:24px 4px 0 0; }
            .colour13 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 2px;
              height: 77px;
              width: 57px; }
            .colour13 section .part_right .three-grapes div:nth-child(3) p {
              padding: 17px 0 0 0; } }
      @media screen and (min-width: 320px) and (max-width: 454px) {
        .colour13 section .part_right .three-grapes {
          height: 224px;
          width: 100%; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour13 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; }
          .colour13 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 23px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.35; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour13 section .part_right .three-grapes p {
        font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour13 section .part_right .three-grapes div:first-child {
            width: 90px;
            padding-top: 23px;
            margin-right: 35px; }
            .colour13 section .part_right .three-grapes div:first-child img {
              padding-left: 9px; }
            .colour13 section .part_right .three-grapes div:first-child p {
              padding: 36px 12px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour13 section .part_right .three-grapes div:first-child {
        width: 60px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour13 section .part_right .three-grapes div:first-child img {
          padding-left: 9px;
          padding-top: 22px;
          height: auto;
          width: 50px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour13 section .part_right .three-grapes div:nth-child(2) {
            width: 110px;
            margin-right: 20px;
            padding-top: 11px; }
            .colour13 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 17px; }
            .colour13 section .part_right .three-grapes div:nth-child(2) p {
              padding: 23px 0 0 4px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour13 section .part_right .three-grapes div:nth-child(2) {
        width: 70px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour13 section .part_right .three-grapes div:nth-child(2) img {
          padding-left: 9px;
          padding-top: 20px;
          height: auto;
          width: 60px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour13 section .part_right .three-grapes div:nth-child(3) {
            width: 100px; }
            .colour13 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px; }
            .colour13 section .part_right .three-grapes div:nth-child(3) p {
              padding: 12px 0 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour13 section .part_right .three-grapes div:nth-child(3) {
        width: 90px;
        padding-top: 23px; }
        .colour13 section .part_right .three-grapes div:nth-child(3) i {
          height: auto;
          width: 80px; } }

      .colour13 section .part_right .awards {
        color: #372794; }
        @media screen and (min-width: 641px) {
          .colour13 section .part_right .awards {
            font-size: 23px;
            padding-left: 15px;
            margin-bottom: 27px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour13 section .part_right .awards {
            font-size: 40px;
            margin-bottom: 63px;
            margin-top: 9px;
            display: block; } }
      .colour13 section .part_right .before {
        margin-left: 2px;
        margin-top: 5px;
        float: left; }
        @media screen and (min-width: 641px) {
          .colour13 section .part_right .before {
            display: none; } }
      .colour13 section .part_right ul {
        font-family: "RobotoSlabLight";
        display: inline-block;
        color: #868585; }
        @media screen and (min-width: 641px) {
          .colour13 section .part_right ul {
            font-size: 13px;
            margin-left: 10px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour13 section .part_right ul {
            font-size: 15px;
            margin-left: 6px; } }
        @media screen and (min-width: 730px) {
          .colour13 section .part_right ul:first-of-type {
            margin-right: 14px; } }
        @media screen and (min-width: 641px) {
          .colour13 section .part_right ul li {
            padding-bottom: 21px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour13 section .part_right ul li {
            padding-bottom: 25px; } }

.colour14 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 62em; }
  .colour14::after {
    clear: both;
    content: "";
    display: table; }
  .colour14 section {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%;
    font-family: "RobotoSlab"; }
    .colour14 section:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .colour14 section {
        padding: 228px 0 197px 1px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour14 section {
        padding: 15px 0 58px 0; } }
    @media screen and (min-width: 1001px) {
      .colour14 section > img {
        float: left;
        display: inline-block;
        margin: 12px 73px 0 0; } }
    @media screen and (min-width: 641px) and (max-width: 1000px) {
      .colour14 section > img {
        margin: 12px 53px 0 20px;
        float: left;
        display: inline-block; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour14 section > img {
        height: auto;
        width: 270px;
        margin-left: calc((100% - 270px)/2);
        margin-top: 55px;
        margin-bottom: 61px; } }
    .colour14 section .name-of-bottle_mob {
      color: #cd1105;
      height: 65px;
      width: 490px;
      margin-bottom: 24px;
      margin: auto;
      padding-left: 10px; }
      @media screen and (min-width: 641px) {
        .colour14 section .name-of-bottle_mob {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 500px) {
        .colour14 section .name-of-bottle_mob {
          height: 90px;
          width: 300px; } }
      .colour14 section .name-of-bottle_mob .line {
        height: 1px;
        width: 66px;
        background-color: #e5837d;
        display: inline-block;
        float: left;
        margin: 12px 5px 0 2px; }
        .colour14 section .name-of-bottle_mob .line:first-child {
          margin-left: 96px; }
          @media screen and (min-width: 320px) and (max-width: 500px) {
            .colour14 section .name-of-bottle_mob .line:first-child {
              margin-left: 6px; } }
        .colour14 section .name-of-bottle_mob .line:nth-child(3) {
          margin-left: 2px; }
      .colour14 section .name-of-bottle_mob .ttl p {
        font-size: 20px;
        float: left;
        letter-spacing: 11px;
        margin-bottom: 7px; }
        .colour14 section .name-of-bottle_mob .ttl p span {
          letter-spacing: 1px; }
        @media screen and (min-width: 320px) and (max-width: 500px) {
          .colour14 section .name-of-bottle_mob .ttl p {
            font-size: 18px; } }
      .colour14 section .name-of-bottle_mob p:last-child {
        font-size: 44px;
        margin-left: 7px; }
        @media screen and (min-width: 320px) and (max-width: 500px) {
          .colour14 section .name-of-bottle_mob p:last-child {
            font-size: 32px;
            text-align: center; } }
    .colour14 section .part_right {
      display: inline-block;
      float: left; }
      @media screen and (min-width: 840px) {
        .colour14 section .part_right {
          height: auto;
          width: calc(100% - 468px);
          padding-right: 120px; } }
      @media screen and (min-width: 641px) and (max-width: 839px) {
        .colour14 section .part_right {
          height: auto;
          width: calc(100% - 394px);
          padding-right: 15px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .colour14 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .colour14 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 25px; } }
      .colour14 section .part_right .name-of-bottle {
        color: #cd1105;
        margin-bottom: 24px; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour14 section .part_right .name-of-bottle {
            display: none; } }
        @media screen and (min-width: 641px) and (max-width: 720px) {
          .colour14 section .part_right .name-of-bottle {
            height: 45px;
            text-align: center; } }
        @media screen and (min-width: 721px) {
          .colour14 section .part_right .name-of-bottle {
            height: 45px;} }
        .colour14 section .part_right .name-of-bottle .line {
          height: 1px;
          width: 42px;
          background-color: #e5837d;
          display: inline-block;
          float: left;
          margin: 8px 0 0 2px; }
        .colour14 section .part_right .name-of-bottle .line:first-child {
          margin-right: 6px;}
        .colour14 section .part_right .name-of-bottle .ttl p:first-of-type {
          font-size: 13px;
          float: left;
          letter-spacing: 6px;
          margin-bottom: 5px; }
          .colour14 section .part_right .name-of-bottle .ttl p:first-of-type span {
            letter-spacing: 4px; }
        .colour14 section .part_right .name-of-bottle>p {
          font-size: 28px;
          clear: both;
          margin-left: 2px; }
          @media screen and (min-width: 641px) and (max-width: 720px) {
            .colour14 section .part_right .name-of-bottle>p {
              font-size: 20px; } }
      .colour14 section .part_right .discription {
        color: #868585;
        font-family: "RobotoSlabLight"; }
        .colour14 section .part_right .discription span {
          text-transform: uppercase;
          font-family: "RobotoSlab"; }
        @media screen and (min-width: 641px) {
          .colour14 section .part_right .discription {
            font-size: 16px;
            line-height: 1.2;
            margin-left: 4px; } }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour14 section .part_right .discription {
            font-size: 25px;
            line-height: 1.2;
            padding-right: 30px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour14 section .part_right .discription {
            font-size: 22px;
            line-height: 1.2; } }
      @media screen and (min-width: 641px) {
        .colour14 section .part_right .where_btn {
          margin: 41px 0 36px 5px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour14 section .part_right .where_btn {
          margin: 153px 0 61px 3px; } }
      @media screen and (min-width: 641px) {
        .colour14 section .part_right .discs_cont {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .colour14 section .part_right .discs_cont .discs {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 460px) and (max-width: 640px) {
        .colour14 section .part_right .discs_cont .discs {
          padding-right: 20px;
          height: auto;
          width: 100%; } }
      .colour14 section .part_right .discs_cont p {
        color: #cfcecf;
        font-family: "RobotoSlab";
        font-size: 27px;
        display: inline-block;
        margin-top: 25px; }
        .colour14 section .part_right .discs_cont p:nth-child(3) {
          float: right;
          margin-right: 16px; }
      @media screen and (min-width: 641px) {
        .colour14 section .part_right .circles_cont {
          margin: 0 0 38px 3px;
          height: 60px;
          width: 222px; } }
      @media screen and (min-width: 641px) {
        .colour14 section .part_right .circles_cont .circles {
          height: 35px;
          width: 222px;
          margin: 0 0 11px 0; } }
      .colour14 section .part_right .circles_cont .circles div {
        background-color: #cfcecf;
        display: inline-block;
        vertical-align: top;
        float: left; }
        .colour14 section .part_right .circles_cont .circles div:first-child {
          height: 8px;
          width: 8px;
          border-radius: 5px;
          margin: 13px 7px 0 0; }
        .colour14 section .part_right .circles_cont .circles div:nth-child(2) {
          height: 10px;
          width: 10px;
          border-radius: 20px;
          margin: 12px 6px 0 0; }
        .colour14 section .part_right .circles_cont .circles div:nth-child(3) {
          height: 12px;
          width: 12px;
          border-radius: 20px;
          margin: 11px 6px 0 0; }
        .colour14 section .part_right .circles_cont .circles div:nth-child(4) {
          height: 14px;
          width: 14px;
          border-radius: 20px;
          margin: 10px 6px 0 0; }
        .colour14 section .part_right .circles_cont .circles div:nth-child(5) {
          height: 17px;
          width: 17px;
          border-radius: 20px;
          margin: 9px 6px 0 0; }
        .colour14 section .part_right .circles_cont .circles div.active {
          background-color: #cd1105; }
        .colour14 section .part_right .circles_cont .circles div:nth-child(6) {
          height: 20px;
          width: 20px;
          border-radius: 20px;
          margin: 7px 6px 0 0; }
        .colour14 section .part_right .circles_cont .circles div:nth-child(7) {
          height: 24px;
          width: 24px;
          border-radius: 20px;
          margin: 5px 6px 0 0; }
        .colour14 section .part_right .circles_cont .circles div:nth-child(8) {
          height: 29px;
          width: 29px;
          border-radius: 20px;
          margin: 3px 8px 0 0; }
        .colour14 section .part_right .circles_cont .circles div:nth-child(9) {
          height: 35px;
          width: 35px;
          border-radius: 20px; }
      .colour14 section .part_right .circles_cont p {
        font-family: "RobotoSlab";
        font-size: 11px;
        color: #cfcecf; }
        .colour14 section .part_right .circles_cont p:first-of-type {
          float: left; }
        .colour14 section .part_right .circles_cont p:nth-of-type(2) {
          float: right; }
      .colour14 section .part_right .three-grapes div {
        display: inline-block;
        float: left;
        height: 100%; }
      @media screen and (min-width: 641px) {
        .colour14 section .part_right .three-grapes {
          height: 120px;
          width: 230px;
          margin-left: 2px;
          margin-bottom: 67px; }
          .colour14 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 11px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.3; }
          .colour14 section .part_right .three-grapes div:first-child {
            width: 50px;
            padding-top: 12px;
            margin-right: 19px; }
            .colour14 section .part_right .three-grapes div:first-child img {
              padding-left: 9px;
              height: 53px;
              width: 44px; }
            .colour14 section .part_right .three-grapes div:first-child p {
              padding: 18px 7px 0 0; }
          .colour14 section .part_right .three-grapes div:nth-child(2) {
            width: 60px;
            padding-top: 6px;
            margin-right: 16px; }
            .colour14 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 7px;
              height: 65px;
              width: 50px; }
            .colour14 section .part_right .three-grapes div:nth-child(2) p {
              padding:24px 4px 0 0; }
            .colour14 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px;
              height: 76px;
              width: 57px; }
            .colour14 section .part_right .three-grapes div:nth-child(3) p {
              padding: 17px 0 0 0; } }
      @media screen and (min-width: 320px) and (max-width: 454px) {
        .colour14 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour14 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; }
          .colour14 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 23px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.35; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour14 section .part_right .three-grapes p {
        font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour14 section .part_right .three-grapes div:first-child {
            width: 90px;
            padding-top: 23px;
            margin-right: 35px; }
            .colour14 section .part_right .three-grapes div:first-child img {
              padding-left: 9px; }
            .colour14 section .part_right .three-grapes div:first-child p {
              padding: 36px 12px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour14 section .part_right .three-grapes div:first-child {
        width: 60px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour14 section .part_right .three-grapes div:first-child img {
          padding-left: 9px;
          padding-top: 22px;
          height: auto;
          width: 50px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour14 section .part_right .three-grapes div:nth-child(2) {
            width: 110px;
            margin-right: 20px;
            padding-top: 11px; }
            .colour14 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 17px; }
            .colour14 section .part_right .three-grapes div:nth-child(2) p {
              padding: 23px 0 0 4px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour14 section .part_right .three-grapes div:nth-child(2) {
        width: 70px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour14 section .part_right .three-grapes div:nth-child(2) img {
          padding-left: 9px;
          padding-top: 20px;
          height: auto;
          width: 60px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour14 section .part_right .three-grapes div:nth-child(3) {
            width: 100px; }
            .colour14 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px; }
            .colour14 section .part_right .three-grapes div:nth-child(3) p {
              padding: 12px 0 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour14 section .part_right .three-grapes div:nth-child(3) {
        width: 90px;
        padding-top: 23px; }
        .colour14 section .part_right .three-grapes div:nth-child(3) i {
          height: auto;
          width: 80px; } }

      .colour14 section .part_right .awards {
        color: #cd1105; }
        @media screen and (min-width: 641px) {
          .colour14 section .part_right .awards {
            font-size: 23px;
            padding-left: 7px;
            margin-bottom: 27px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour14 section .part_right .awards {
            font-size: 40px;
            margin-bottom: 63px;
            margin-top: 9px;
            display: block; } }
      .colour14 section .part_right .before {
        margin-left: 2px;
        margin-top: 5px;
        float: left; }
      .colour14 section .part_right ul {
        font-family: "RobotoSlabLight";
        display: inline-block;
        color: #868585; }
        @media screen and (min-width: 641px) {
          .colour14 section .part_right ul {
            font-size: 13px;
            margin-left: 5px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour14 section .part_right ul {
            font-size: 15px;
            margin-left: 6px; } }
        @media screen and (min-width: 730px) {
          .colour14 section .part_right ul:first-of-type {
            margin-right: 14px; } }
        @media screen and (min-width: 641px) {
          .colour14 section .part_right ul li {
            padding-bottom: 21px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour14 section .part_right ul li {
            padding-bottom: 25px; } }

.colour12 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 62em; }
  .colour12::after {
    clear: both;
    content: "";
    display: table; }
  .colour12 section {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%;
    font-family: "RobotoSlab"; }
    .colour12 section:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .colour12 section {
        padding: 228px 0 197px 1px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour12 section {
        padding: 15px 0 58px 0; } }
    @media screen and (min-width: 641px) {
      .colour12 section > img {
        margin: 22px 80px 0 3px;
        float: left;
        display: inline-block; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour12 section > img {
        height: auto;
        width: 270px;
        margin-left: calc((100% - 270px)/2);
        margin-top: 52px;
        margin-bottom: 65px; } }
    .colour12 section .name-of-bottle_mob {
      color: #eea52f;
      height: 65px;
      width: 266px;
      margin-bottom: 24px;
      margin: auto;
      padding-left: 7px; }
      @media screen and (min-width: 641px) {
        .colour12 section .name-of-bottle_mob {
          display: none; } }
      .colour12 section .name-of-bottle_mob .line {
        height: 1px;
        width: 66px;
        background-color: #f3cd8c;
        display: inline-block;
        float: left;
        margin: 12px 4px 0 2px; }
        .colour12 section .name-of-bottle_mob .line:first-child {
          margin-left: 3px; }
        .colour12 section .name-of-bottle_mob .line:nth-child(3) {
          margin-left: 2px; }
      .colour12 section .name-of-bottle_mob .ttl p {
        font-size: 20px;
        float: left;
        letter-spacing: 11px;
        margin-bottom: 7px; }
        .colour12 section .name-of-bottle_mob .ttl p span {
          letter-spacing: 1px; }
      .colour12 section .name-of-bottle_mob p:last-child {
        font-size: 44px;
        margin-left: 26px; }
    .colour12 section .part_right {
      display: inline-block;
      float: left; }
      @media screen and (min-width: 840px) {
        .colour12 section .part_right {
          height: auto;
          width: calc(100% - 400px);
          padding-right: 60px; } }
      @media screen and (min-width: 641px) and (max-width: 839px) {
        .colour12 section .part_right {
          height: auto;
          width: calc(100% - 400px);
          padding-right: 15px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .colour12 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .colour12 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 25px; } }
      .colour12 section .part_right .name-of-bottle {
        color: #eea52f;
        margin-bottom: 24px; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour12 section .part_right .name-of-bottle {
            display: none; } }
        @media screen and (min-width: 641px) {
          .colour12 section .part_right .name-of-bottle {
            height: 45px;
            text-align: center; } }
        .colour12 section .part_right .name-of-bottle .line {
          height: 1px;
          width: 26px;
          background-color: #f3cd8c;
          display: inline-block;
          float: left;
          margin: 8px 0 0 2px; }
        .colour12 section .part_right .name-of-bottle .line:first-child {
          margin-right: 6px; }
        .colour12 section .part_right .name-of-bottle .ttl p:first-of-type {
          font-size: 13px;
          float: left;
          letter-spacing: 6px;
          margin-bottom: 5px; }
          .colour12 section .part_right .name-of-bottle .ttl p:first-of-type span {
            letter-spacing: 4px; }
        .colour12 section .part_right .name-of-bottle>p {
          font-size: 28px;
          clear:both; }
      .colour12 section .part_right .discription {
        color: #868585;
        font-family: "RobotoSlabLight"; }
        .colour12 section .part_right .discription span {
          text-transform: uppercase;
          font-family: "RobotoSlab"; }
        @media screen and (min-width: 641px) {
          .colour12 section .part_right .discription {
            font-size: 16px;
            line-height: 1.2;
            margin-left: 4px; } }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour12 section .part_right .discription {
            font-size: 25px;
            line-height: 1.2;
            padding-right: 30px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour12 section .part_right .discription {
            font-size: 22px;
            line-height: 1.2; } }
      @media screen and (min-width: 641px) {
        .colour12 section .part_right .where_btn {
          margin: 41px 0 36px 6px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour12 section .part_right .where_btn {
          margin: 122px 0 61px 3px; } }
      @media screen and (min-width: 641px) {
        .colour12 section .part_right .discs_cont {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .colour12 section .part_right .discs_cont .discs {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 460px) and (max-width: 640px) {
        .colour12 section .part_right .discs_cont .discs {
          padding-right: 20px;
          height: auto;
          width: 100%; } }
      .colour12 section .part_right .discs_cont p {
        color: #cfcecf;
        font-family: "RobotoSlab";
        font-size: 27px;
        display: inline-block;
        margin-top: 25px; }
        .colour12 section .part_right .discs_cont p:nth-child(3) {
          float: right;
          margin-right: 16px; }
      @media screen and (min-width: 641px) {
        .colour12 section .part_right .circles_cont {
          margin: 0 0 38px 3px;
          height: 60px;
          width: 222px; } }
      @media screen and (min-width: 641px) {
        .colour12 section .part_right .circles_cont .circles {
          height: 35px;
          width: 222px;
          margin: 0 0 11px 1px; } }
      .colour12 section .part_right .circles_cont .circles div {
        background-color: #cfcecf;
        display: inline-block;
        vertical-align: top;
        float: left; }
        .colour12 section .part_right .circles_cont .circles div:first-child {
          height: 8px;
          width: 8px;
          border-radius: 5px;
          margin: 13px 7px 0 0; }
        .colour12 section .part_right .circles_cont .circles div:nth-child(2) {
          height: 10px;
          width: 10px;
          border-radius: 20px;
          margin: 12px 6px 0 0; }
        .colour12 section .part_right .circles_cont .circles div:nth-child(3) {
          height: 12px;
          width: 12px;
          border-radius: 20px;
          margin: 11px 6px 0 0; }
        .colour12 section .part_right .circles_cont .circles div:nth-child(4) {
          height: 14px;
          width: 14px;
          border-radius: 20px;
          margin: 10px 6px 0 0; }
        .colour12 section .part_right .circles_cont .circles div:nth-child(5) {
          height: 17px;
          width: 17px;
          border-radius: 20px;
          margin: 9px 6px 0 0; }
        .colour12 section .part_right .circles_cont .circles div:nth-child(6) {
          height: 20px;
          width: 20px;
          border-radius: 20px;
          margin: 7px 6px 0 0; }
        .colour12 section .part_right .circles_cont .circles div:nth-child(7) {
          height: 24px;
          width: 24px;
          border-radius: 20px;
          margin: 5px 6px 0 0; }
        .colour12 section .part_right .circles_cont .circles div:nth-child(8) {
          height: 29px;
          width: 29px;
          border-radius: 20px;
          margin: 3px 8px 0 0; }
        .colour12 section .part_right .circles_cont .circles div:nth-child(9) {
          height: 35px;
          width: 35px;
          border-radius: 20px; }
        .colour12 section .part_right .circles_cont .circles div.active {
          background-color: #eea52f; }
      .colour12 section .part_right .circles_cont p {
        font-family: "RobotoSlab";
        font-size: 11px;
        color: #cfcecf; }
        .colour12 section .part_right .circles_cont p:first-of-type {
          float: left; }
        .colour12 section .part_right .circles_cont p:nth-of-type(2) {
          float: right; }
      .colour12 section .part_right .three-grapes div {
        display: inline-block;
        float: left;
        height: 100%; }
      @media screen and (min-width: 641px) {
        .colour12 section .part_right .three-grapes {
          height: 120px;
          width: 230px;
          margin-left: 3px;
          margin-bottom: 67px; }
          .colour12 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 11px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.3; }
          .colour12 section .part_right .three-grapes div:first-child {
            width: 50px;
            padding-top: 12px;
            margin-right: 19px; }
            .colour12 section .part_right .three-grapes div:first-child img {
              padding-left: 9px;
              height: 53px;
              width: 44px; }
            .colour12 section .part_right .three-grapes div:first-child p {
              padding: 18px 7px 0 0; }
          .colour12 section .part_right .three-grapes div:nth-child(2) {
            width: 60px;
            padding-top: 6px;
            margin-right: 16px; }
            .colour12 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 7px;
              height: 65px;
              width: 50px; }
            .colour12 section .part_right .three-grapes div:nth-child(2) p {
              padding:24px 4px 0 0; }
            .colour12 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px;
              height: 76px;
              width: 57px; }
            .colour12 section .part_right .three-grapes div:nth-child(3) p {
              padding: 17px 0 0 0; } }
      @media screen and (min-width: 320px) and (max-width: 454px) {
        .colour12 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour12 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; }
          .colour12 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 23px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.35; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour12 section .part_right .three-grapes p {
        font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour12 section .part_right .three-grapes div:first-child {
            width: 90px;
            padding-top: 23px;
            margin-right: 35px; }
            .colour12 section .part_right .three-grapes div:first-child img {
              padding-left: 9px; }
            .colour12 section .part_right .three-grapes div:first-child p {
              padding: 36px 12px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour12 section .part_right .three-grapes div:first-child {
        width: 60px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour12 section .part_right .three-grapes div:first-child img {
          padding-left: 9px;
          padding-top: 22px;
          height: auto;
          width: 50px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour12 section .part_right .three-grapes div:nth-child(2) {
            width: 110px;
            margin-right: 20px;
            padding-top: 11px; }
            .colour12 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 17px; }
            .colour12 section .part_right .three-grapes div:nth-child(2) p {
              padding: 23px 0 0 4px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour12 section .part_right .three-grapes div:nth-child(2) {
        width: 70px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour12 section .part_right .three-grapes div:nth-child(2) img {
          padding-left: 9px;
          padding-top: 20px;
          height: auto;
          width: 60px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour12 section .part_right .three-grapes div:nth-child(3) {
            width: 100px; }
            .colour12 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px; }
            .colour12 section .part_right .three-grapes div:nth-child(3) p {
              padding: 12px 0 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour12 section .part_right .three-grapes div:nth-child(3) {
        width: 90px;
        padding-top: 23px; }
        .colour12 section .part_right .three-grapes div:nth-child(3) i {
          height: auto;
          width: 80px; } }

      .colour12 section .part_right .awards {
        color: #eea52f; }
        @media screen and (min-width: 641px) {
          .colour12 section .part_right .awards {
            font-size: 23px;
            padding-left: 8px;
            margin-bottom: 27px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour12 section .part_right .awards {
            font-size: 40px;
            margin-bottom: 63px;
            margin-top: 9px;
            display: block; } }
      .colour12 section .part_right .before {
        margin-left: 2px;
        margin-top: 5px;
        float: left; }
        @media screen and (min-width: 641px) {
          .colour12 section .part_right .before {
            display: none; } }
      .colour12 section .part_right ul {
        font-family: "RobotoSlabLight";
        display: inline-block;
        color: #868585; }
        @media screen and (min-width: 641px) {
          .colour12 section .part_right ul {
            font-size: 13px;
            margin-left: 5px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour12 section .part_right ul {
            font-size: 15px;
            margin-left: 6px; } }
        @media screen and (min-width: 730px) {
          .colour12 section .part_right ul:first-of-type {
            margin-right: 14px; } }
        @media screen and (min-width: 641px) {
          .colour12 section .part_right ul li {
            padding-bottom: 21px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour12 section .part_right ul li {
            padding-bottom: 25px; } }

.colour8 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 62em; }
  .colour8::after {
    clear: both;
    content: "";
    display: table; }
  .colour8 section {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%;
    font-family: "RobotoSlab"; }
    .colour8 section:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .colour8 section {
        padding: 228px 0 197px 1px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour8 section {
        padding: 15px 0 58px 0; } }
    @media screen and (min-width: 641px) {
      .colour8 section > img {
        margin: 17px 76px 0 3px;
        float: left;
        display: inline-block; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour8 section > img {
        height: auto;
        width: 270px;
        margin-left: calc((100% - 270px)/2);
        margin-top: 52px;
        margin-bottom: 60px; } }
    .colour8 section .name-of-bottle_mob {
      color: #436c16;
      height: 65px;
      width: 306px;
      margin-bottom: 24px;
      margin: auto;
      padding-left: 11px; }
      @media screen and (min-width: 641px) {
        .colour8 section .name-of-bottle_mob {
          display: none; } }
      .colour8 section .name-of-bottle_mob .line {
        height: 1px;
        width: 64px;
        background-color: #bfccac;
        display: inline-block;
        float: left;
        margin: 12px 5px 0 2px; }
        .colour8 section .name-of-bottle_mob .line:first-child {
          margin-left: 24px; }
        .colour8 section .name-of-bottle_mob .line:nth-child(3) {
          margin-left: 4px; }
      .colour8 section .name-of-bottle_mob .ttl p {
        font-size: 20px;
        float: left;
        letter-spacing: 11px;
        margin-bottom: 7px; }
        .colour8 section .name-of-bottle_mob .ttl p span {
          letter-spacing: 1px; }
      .colour8 section .name-of-bottle_mob p:last-child {
        font-size: 44px; }
    .colour8 section .part_right {
      display: inline-block;
      float: left; }
      @media screen and (min-width: 840px) {
        .colour8 section .part_right {
          height: auto;
          width: calc(100% - 400px);
          padding-right: 70px; } }
      @media screen and (min-width: 641px) and (max-width: 839px) {
        .colour8 section .part_right {
          height: auto;
          width: calc(100% - 400px);
          padding-right: 15px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .colour8 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .colour8 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 25px; } }
      .colour8 section .part_right .name-of-bottle {
        color: #436c16;
        margin-bottom: 24px; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour8 section .part_right .name-of-bottle {
            display: none; } }
        @media screen and (min-width: 641px) {
          .colour8 section .part_right .name-of-bottle {
            height: 45px;
            text-align: center; } }
        .colour8 section .part_right .name-of-bottle .line {
          height: 1px;
          width: 42px;
          background-color: #bfccac;
          display: inline-block;
          float: left;
          margin: 8px 0 0 2px; }
        .colour8 section .part_right .name-of-bottle .line:first-child {
          margin-right: 6px; }
        .colour8 section .part_right .name-of-bottle .ttl p:first-of-type {
          font-size: 13px;
          float: left;
          letter-spacing: 6px;
          margin-bottom: 5px; }
          .colour8 section .part_right .name-of-bottle .ttl p:first-of-type span {
            letter-spacing: 4px; }
        .colour8 section .part_right .name-of-bottle>p {
          font-size: 28px;
          clear: both; }
      .colour8 section .part_right .discription {
        color: #868585;
        font-family: "RobotoSlabLight"; }
        .colour8 section .part_right .discription span {
          text-transform: uppercase;
          font-family: "RobotoSlab"; }
        @media screen and (min-width: 641px) {
          .colour8 section .part_right .discription {
            font-size: 16px;
            line-height: 1.2;
            margin-left: 4px; } }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour8 section .part_right .discription {
            font-size: 25px;
            line-height: 1.2;
            padding-right: 24px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour8 section .part_right .discription {
            font-size: 22px;
            line-height: 1.2; } }
      @media screen and (min-width: 641px) {
        .colour8 section .part_right .mob_disp {
          display: none; } }
      @media screen and (min-width: 641px) {
        .colour8 section .part_right .where_btn {
          margin: 40px 0 36px 6px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour8 section .part_right .where_btn {
          margin: 123px 0 61px 3px; } }
      @media screen and (min-width: 641px) {
        .colour8 section .part_right .discs_cont {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .colour8 section .part_right .discs_cont .discs {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 460px) and (max-width: 640px) {
        .colour8 section .part_right .discs_cont .discs {
          padding-right: 20px;
          height: auto;
          width: 100%; } }
      .colour8 section .part_right .discs_cont p {
        color: #cfcecf;
        font-family: "RobotoSlab";
        font-size: 27px;
        display: inline-block;
        margin-top: 25px; }
        .colour8 section .part_right .discs_cont p:nth-child(3) {
          float: right;
          margin-right: 16px; }
      @media screen and (min-width: 641px) {
        .colour8 section .part_right .circles_cont {
          margin: 0 0 38px 3px;
          height: 60px;
          width: 222px; } }
      @media screen and (min-width: 641px) {
        .colour8 section .part_right .circles_cont .circles {
          height: 35px;
          width: 222px;
          margin: 0 0 11px 1px; } }
      .colour8 section .part_right .circles_cont .circles div {
        background-color: #cfcecf;
        display: inline-block;
        vertical-align: top;
        float: left; }
        .colour8 section .part_right .circles_cont .circles div:first-child {
          height: 8px;
          width: 8px;
          border-radius: 5px;
          margin: 13px 7px 0 0; }
        .colour8 section .part_right .circles_cont .circles div:nth-child(2) {
          height: 10px;
          width: 10px;
          border-radius: 20px;
          margin: 12px 6px 0 0; }
        .colour8 section .part_right .circles_cont .circles div:nth-child(3) {
          height: 12px;
          width: 12px;
          border-radius: 20px;
          margin: 11px 6px 0 0; }
        .colour8 section .part_right .circles_cont .circles div:nth-child(4) {
          height: 14px;
          width: 14px;
          border-radius: 20px;
          margin: 10px 6px 0 0; }
        .colour8 section .part_right .circles_cont .circles div:nth-child(5) {
          height: 17px;
          width: 17px;
          border-radius: 20px;
          margin: 9px 6px 0 0; }
        .colour8 section .part_right .circles_cont .circles div.active {
          background-color: #436c16; }
        .colour8 section .part_right .circles_cont .circles div:nth-child(6) {
          height: 20px;
          width: 20px;
          border-radius: 20px;
          margin: 7px 6px 0 0; }
        .colour8 section .part_right .circles_cont .circles div:nth-child(7) {
          height: 24px;
          width: 24px;
          border-radius: 20px;
          margin: 5px 6px 0 0; }
        .colour8 section .part_right .circles_cont .circles div:nth-child(8) {
          height: 29px;
          width: 29px;
          border-radius: 20px;
          margin: 3px 8px 0 0; }
        .colour8 section .part_right .circles_cont .circles div:nth-child(9) {
          height: 35px;
          width: 35px;
          border-radius: 20px; }
      .colour8 section .part_right .circles_cont p {
        font-family: "RobotoSlab";
        font-size: 11px;
        color: #cfcecf; }
        .colour8 section .part_right .circles_cont p:first-of-type {
          float: left; }
        .colour8 section .part_right .circles_cont p:nth-of-type(2) {
          float: right; }
      .colour8 section .part_right .three-grapes div {
        display: inline-block;
        float: left;
        height: 100%; }
      @media screen and (min-width: 641px) {
        .colour8 section .part_right .three-grapes {
          height: 120px;
          width: 230px;
          margin-left: 3px;
          margin-bottom: 67px; }
          .colour8 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 11px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.3; }
          .colour8 section .part_right .three-grapes div:first-child {
            width: 50px;
            padding-top: 12px;
            margin-right: 19px; }
            .colour8 section .part_right .three-grapes div:first-child img {
              padding-left: 9px;
              height: 53px;
              width: 44px; }
            .colour8 section .part_right .three-grapes div:first-child p {
              padding: 18px 7px 0 0; }
          .colour8 section .part_right .three-grapes div:nth-child(2) {
            width: 60px;
            padding-top: 6px;
            margin-right: 16px; }
            .colour8 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 7px;
              height: 65px;
              width: 50px; }
            .colour8 section .part_right .three-grapes div:nth-child(2) p {
              padding:24px 4px 0 0; }
            .colour8 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px;
              height: 76px;
              width: 57px; }
            .colour8 section .part_right .three-grapes div:nth-child(3) p {
              padding: 17px 0 0 0; } }
      @media screen and (min-width: 320px) and (max-width: 454px) {
        .colour8 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour8 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; }
          .colour8 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 23px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.35; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour8 section .part_right .three-grapes p {
        font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour8 section .part_right .three-grapes div:first-child {
            width: 90px;
            padding-top: 23px;
            margin-right: 35px; }
            .colour8 section .part_right .three-grapes div:first-child img {
              padding-left: 9px; }
            .colour8 section .part_right .three-grapes div:first-child p {
              padding: 36px 12px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour8 section .part_right .three-grapes div:first-child {
        width: 60px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour8 section .part_right .three-grapes div:first-child img {
          padding-left: 9px;
          padding-top: 22px;
          height: auto;
          width: 50px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour8 section .part_right .three-grapes div:nth-child(2) {
            width: 110px;
            margin-right: 20px;
            padding-top: 11px; }
            .colour8 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 17px; }
            .colour8 section .part_right .three-grapes div:nth-child(2) p {
              padding: 23px 0 0 4px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour8 section .part_right .three-grapes div:nth-child(2) {
        width: 70px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour8 section .part_right .three-grapes div:nth-child(2) img {
          padding-left: 9px;
          padding-top: 20px;
          height: auto;
          width: 60px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour8 section .part_right .three-grapes div:nth-child(3) {
            width: 100px; }
            .colour8 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px; }
            .colour8 section .part_right .three-grapes div:nth-child(3) p {
              padding: 12px 0 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour8 section .part_right .three-grapes div:nth-child(3) {
        width: 90px;
        padding-top: 23px; }
        .colour8 section .part_right .three-grapes div:nth-child(3) i {
          height: auto;
          width: 80px; } }

      .colour8 section .part_right .awards {
        color: #436c16; }
        @media screen and (min-width: 641px) {
          .colour8 section .part_right .awards {
            font-size: 23px;
            padding-left: 8px;
            margin-bottom: 27px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour8 section .part_right .awards {
            font-size: 40px;
            margin-bottom: 63px;
            margin-top: 9px;
            display: block; } }
      .colour8 section .part_right .before {
        margin-left: 2px;
        margin-top: 5px;
        float: left; }
        @media screen and (min-width: 641px) {
          .colour8 section .part_right .before {
            display: none; } }
      .colour8 section .part_right ul {
        font-family: "RobotoSlabLight";
        display: inline-block;
        color: #868585; }
        @media screen and (min-width: 641px) {
          .colour8 section .part_right ul {
            font-size: 13px;
            margin-left: 5px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour8 section .part_right ul {
            font-size: 15px;
            margin-left: 6px; } }
        @media screen and (min-width: 730px) {
          .colour8 section .part_right ul:first-of-type {
            margin-right: 14px; } }
        @media screen and (min-width: 641px) {
          .colour8 section .part_right ul li {
            padding-bottom: 21px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour8 section .part_right ul li {
            padding-bottom: 25px; } }

.colour9 {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 62em; }
  .colour9::after {
    clear: both;
    content: "";
    display: table; }
  .colour9 section {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%;
    font-family: "RobotoSlab"; }
    .colour9 section:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .colour9 section {
        padding: 228px 0 197px 1px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour9 section {
        padding: 15px 0 58px 0; } }
    @media screen and (min-width: 641px) {
      .colour9 section > img {
        margin: 10px 71px 0 7px;
        float: left;
        display: inline-block; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .colour9 section > img {
        height: 423px;
        width: auto;
        margin-left: calc((100% - 254px)/2);
        margin-top: 53px;
        margin-bottom: 63px; } }
    .colour9 section .name-of-bottle_mob {
      color: #421a69;
      height: 65px;
      width: 306px;
      margin-bottom: 24px;
      margin: auto;
      padding-left: 31px; }
      @media screen and (min-width: 641px) {
        .colour9 section .name-of-bottle_mob {
          display: none; } }
      .colour9 section .name-of-bottle_mob .line {
        height: 1px;
        width: 64px;
        background-color: #bfb2bb;
        display: inline-block;
        float: left;
        margin: 12px 5px 0 2px; }
        .colour9 section .name-of-bottle_mob .line:first-child {
          margin-left: 14px; }
        .colour9 section .name-of-bottle_mob .line:nth-child(3) {
          margin-left: 4px; }
      .colour9 section .name-of-bottle_mob .ttl p {
        font-size: 20px;
        float: left;
        letter-spacing: 11px;
        margin-bottom: 7px; }
        .colour9 section .name-of-bottle_mob .ttl p span {
          letter-spacing: 1px; }
      .colour9 section .name-of-bottle_mob p:last-child {
        font-size: 44px;}
    .colour9 section .part_right {
      display: inline-block;
      float: left; }
      @media screen and (min-width: 840px) {
        .colour9 section .part_right {
          height: auto;
          width: calc(100% - 400px);
          padding-right: 70px; } }
      @media screen and (min-width: 641px) and (max-width: 839px) {
        .colour9 section .part_right {
          height: auto;
          width: calc(100% - 400px);
          padding-right: 15px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .colour9 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 58px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .colour9 section .part_right {
          height: auto;
          width: 100%;
          padding: 0 25px 0 25px; } }
      .colour9 section .part_right .name-of-bottle {
        color: #421a69;
        margin-bottom: 24px; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour9 section .part_right .name-of-bottle {
            display: none; } }
        @media screen and (min-width: 641px) {
          .colour9 section .part_right .name-of-bottle {
            height: 45px;
            text-align: center; } }
        .colour9 section .part_right .name-of-bottle .line {
          height: 1px;
          width: 42px;
          background-color: #bfb2bb;
          display: inline-block;
          float: left;
          margin: 8px 0 0 2px; }
        .colour9 section .part_right .name-of-bottle .line:first-child {
          margin-right: 6px; }
        .colour9 section .part_right .name-of-bottle .ttl p:first-of-type {
          font-size: 13px;
          float: left;
          letter-spacing: 6px;
          margin-bottom: 5px; }
          .colour9 section .part_right .name-of-bottle .ttl p:first-of-type span {
            letter-spacing: 4px; }
        .colour9 section .part_right .name-of-bottle>p {
          font-size: 28px;
          clear: both; }
      .colour9 section .part_right .discription {
        color: #868585;
        font-family: "RobotoSlabLight"; }
        .colour9 section .part_right .discription span {
          text-transform: uppercase;
          font-family: "RobotoSlab"; }
        @media screen and (min-width: 641px) {
          .colour9 section .part_right .discription {
            font-size: 16px;
            line-height: 1.2;
            margin-left: 4px; } }
        @media screen and (min-width: 480px) and (max-width: 640px) {
          .colour9 section .part_right .discription {
            font-size: 25px;
            line-height: 1.2;
            padding-right: 24px; } }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .colour9 section .part_right .discription {
            font-size: 22px;
            line-height: 1.2; } }
      @media screen and (min-width: 641px) {
        .colour9 section .part_right .mob_disp {
          display: none; } }
      @media screen and (min-width: 641px) {
        .colour9 section .part_right .where_btn {
          margin: 40px 0 36px 7px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour9 section .part_right .where_btn {
          margin: 123px 0 61px 3px; } }
      @media screen and (min-width: 641px) {
        .colour9 section .part_right .discs_cont {
          display: none; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .colour9 section .part_right .discs_cont .discs {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 460px) and (max-width: 640px) {
        .colour9 section .part_right .discs_cont .discs {
          padding-right: 20px;
          height: auto;
          width: 100%; } }
      .colour9 section .part_right .discs_cont p {
        color: #cfcecf;
        font-family: "RobotoSlab";
        font-size: 27px;
        display: inline-block;
        margin-top: 25px; }
        .colour9 section .part_right .discs_cont p:nth-child(3) {
          float: right;
          margin-right: 16px; }
      @media screen and (min-width: 641px) {
        .colour9 section .part_right .circles_cont {
          margin: 0 0 38px 4px;
          height: 60px;
          width: 222px; } }
      @media screen and (min-width: 641px) {
        .colour9 section .part_right .circles_cont .circles {
          height: 35px;
          width: 222px;
          margin: 0 0 11px 1px; } }
      .colour9 section .part_right .circles_cont .circles div {
        background-color: #cfcecf;
        display: inline-block;
        vertical-align: top;
        float: left; }
        .colour9 section .part_right .circles_cont .circles div:first-child {
          height: 8px;
          width: 8px;
          border-radius: 5px;
          margin: 13px 7px 0 0; }
        .colour9 section .part_right .circles_cont .circles div:nth-child(2) {
          height: 10px;
          width: 10px;
          border-radius: 20px;
          margin: 12px 6px 0 0; }
        .colour9 section .part_right .circles_cont .circles div:nth-child(3) {
          height: 12px;
          width: 12px;
          border-radius: 20px;
          margin: 11px 6px 0 0; }
        .colour9 section .part_right .circles_cont .circles div:nth-child(4) {
          height: 14px;
          width: 14px;
          border-radius: 20px;
          margin: 10px 6px 0 0; }
        .colour9 section .part_right .circles_cont .circles div.active {
          background-color: #421a69; }
        .colour9 section .part_right .circles_cont .circles div:nth-child(5) {
          height: 17px;
          width: 17px;
          border-radius: 20px;
          margin: 9px 6px 0 0; }
        .colour9 section .part_right .circles_cont .circles div:nth-child(6) {
          height: 20px;
          width: 20px;
          border-radius: 20px;
          margin: 7px 6px 0 0; }
        .colour9 section .part_right .circles_cont .circles div:nth-child(7) {
          height: 24px;
          width: 24px;
          border-radius: 20px;
          margin: 5px 6px 0 0; }
        .colour9 section .part_right .circles_cont .circles div:nth-child(8) {
          height: 29px;
          width: 29px;
          border-radius: 20px;
          margin: 3px 8px 0 0; }
        .colour9 section .part_right .circles_cont .circles div:nth-child(9) {
          height: 35px;
          width: 35px;
          border-radius: 20px; }
      .colour9 section .part_right .circles_cont p {
        font-family: "RobotoSlab";
        font-size: 11px;
        color: #cfcecf; }
        .colour9 section .part_right .circles_cont p:first-of-type {
          float: left; }
        .colour9 section .part_right .circles_cont p:nth-of-type(2) {
          float: right; }
      .colour9 section .part_right .three-grapes div {
        display: inline-block;
        float: left;
        height: 100%; }
      @media screen and (min-width: 641px) {
        .colour9 section .part_right .three-grapes {
          height: 120px;
          width: 230px;
          margin-left: 4px;
          margin-bottom: 67px; }
          .colour9 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 11px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.3; }
          .colour9 section .part_right .three-grapes div:first-child {
            width: 50px;
            padding-top: 12px;
            margin-right: 19px; }
            .colour9 section .part_right .three-grapes div:first-child img {
              padding-left: 9px;
              height: 53px;
              width: 44px; }
            .colour9 section .part_right .three-grapes div:first-child p {
              padding: 18px 7px 0 0; }
          .colour9 section .part_right .three-grapes div:nth-child(2) {
            width: 60px;
            padding-top: 6px;
            margin-right: 16px; }
            .colour9 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 7px;
              height: 65px;
              width: 50px; }
            .colour9 section .part_right .three-grapes div:nth-child(2) p {
              padding:24px 4px 0 0; }
            .colour9 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px;
              height: 76px;
              width: 57px; }
            .colour9 section .part_right .three-grapes div:nth-child(3) p {
              padding: 17px 0 0 0; } }
      @media screen and (min-width: 320px) and (max-width: 454px) {
        .colour9 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .colour9 section .part_right .three-grapes {
          height: 224px;
          width: 100%;
          margin-left: 5px;
          margin-bottom: 126px;
          margin-top: 65px; }
          .colour9 section .part_right .three-grapes p {
            text-align: center;
            font-family: "robotoSlab";
            font-size: 23px;
            color: #cfcecf;
            text-transform: uppercase;
            line-height: 1.35; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour9 section .part_right .three-grapes p {
        font-size: 16px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour9 section .part_right .three-grapes div:first-child {
            width: 90px;
            padding-top: 23px;
            margin-right: 35px; }
            .colour9 section .part_right .three-grapes div:first-child img {
              padding-left: 9px; }
            .colour9 section .part_right .three-grapes div:first-child p {
              padding: 36px 12px 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour9 section .part_right .three-grapes div:first-child {
        width: 60px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour9 section .part_right .three-grapes div:first-child img {
          padding-left: 9px;
          padding-top: 22px;
          height: auto;
          width: 50px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour9 section .part_right .three-grapes div:nth-child(2) {
            width: 110px;
            margin-right: 20px;
            padding-top: 11px; }
            .colour9 section .part_right .three-grapes div:nth-child(2) img {
              padding-left: 17px; }
            .colour9 section .part_right .three-grapes div:nth-child(2) p {
              padding: 23px 0 0 4px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour9 section .part_right .three-grapes div:nth-child(2) {
        width: 70px;
        padding-top: 23px;
        margin-right: 15px; }
        .colour9 section .part_right .three-grapes div:nth-child(2) img {
          padding-left: 9px;
          padding-top: 20px;
          height: auto;
          width: 60px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour9 section .part_right .three-grapes div:nth-child(3) {
            width: 100px; }
            .colour9 section .part_right .three-grapes div:nth-child(3) i {
              padding-top: 1px; }
            .colour9 section .part_right .three-grapes div:nth-child(3) p {
              padding: 12px 0 0 0; } }
    @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 454px) {
      .colour9 section .part_right .three-grapes div:nth-child(3) {
        width: 90px;
        padding-top: 23px; }
        .colour9 section .part_right .three-grapes div:nth-child(3) i {
          height: auto;
          width: 80px; } }

      .colour9 section .part_right .awards {
        color: #421a69; }
        @media screen and (min-width: 641px) {
          .colour9 section .part_right .awards {
            font-size: 23px;
            padding-left: 9px;
            margin-bottom: 27px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour9 section .part_right .awards {
            font-size: 40px;
            margin-bottom: 63px;
            margin-top: 9px;
            display: block; } }
      .colour9 section .part_right .before {
        margin-left: 2px;
        margin-top: 5px;
        float: left; }
        @media screen and (min-width: 641px) {
          .colour9 section .part_right .before {
            display: none; } }
      .colour9 section .part_right ul {
        font-family: "RobotoSlabLight";
        display: inline-block;
        color: #868585; }
        @media screen and (min-width: 641px) {
          .colour9 section .part_right ul {
            font-size: 13px;
            margin-left: 5px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour9 section .part_right ul {
            font-size: 15px;
            margin-left: 6px; } }
        @media screen and (min-width: 730px) {
          .colour9 section .part_right ul:first-of-type {
            margin-right: 14px; } }
        @media screen and (min-width: 641px) {
          .colour9 section .part_right ul li {
            padding-bottom: 21px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .colour9 section .part_right ul li {
            padding-bottom: 25px; } }

html,
body,
.table_dis,
.all_over,
.over_page,
.main_part {
  height: 100%; }

.table_dis {
  display: table; }
.all_over {
  background-color: #fff;
  text-align: center;
  min-height: 100%;
  height: auto;
  font-family: "RobotoSlab"; }
  @media screen and (min-width: 641px) {
    .all_over .over_page .main_part.mob {
      display: none;
    }
    .all_over .over_page .main_part.desk {
      display: block;
    }
    .all_over .over_page .main_part {
      background-image: none !important; }
    .all_over {
      background-size: 100% 100%;
      background-position: right bottom;
      background-repeat: no-repeat; } }
  .all_over .over_page {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto; }
    .all_over .over_page::after {
      clear: both;
      content: "";
      display: table; }
    .all_over .over_page .main_part {
      background-repeat: no-repeat;
      display: table-row; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .all_over {
          background-image: none !important;
          background-color: #fff;
        }
        .all_over .over_page .main_part {
          background-position: left top;
          background-size: 100%;
          background-repeat: no-repeat; } }
      @media screen and (min-width: 641px) {
        .all_over .over_page .main_part img {
          margin-bottom: 24px; } }
      @media screen and (min-width: 641px) and (max-width: 800px) {
        .all_over .over_page .main_part img {
          height: auto;
          width: 100%; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .all_over .over_page .main_part img {
          display: none; } }
      .all_over .over_page .main_part h1 {
        color: #717f42;
        line-height: 1.3; }
        @media screen and (min-width: 641px) {
          .all_over .over_page .main_part h1 {
            font-size: 26px;
            margin-bottom: 33px; } }
        @media screen and (min-width: 540px) and (max-width: 640px) {
          .all_over .over_page .main_part h1 {
            font-size: 26px;
            padding-top: 90px; } }
        @media screen and (min-width: 320px) and (max-width: 359px) {
          .all_over .over_page .main_part h1 {
            font-size: 17px;
            padding: 70px 20px 50px 20px; } }
        @media screen and (min-width: 360px) and (max-width: 539px) {
          .all_over .over_page .main_part h1 {
            font-size: 17px;
            padding: 50px 10px 0 10px; } }
      @media screen and (min-width: 320px) and (max-width: 730px) {
        .all_over .over_page .main_part .mob_disp {
          display: none; } }
      @media screen and (min-width: 641px) {
        .all_over .over_page .main_part .desk_disp {
          display: none; } }
      .all_over .over_page .main_part p {
        margin-bottom: 20px;
        padding-bottom: 55px;
        color: #989897;
        line-height: 1.2; }
        @media screen and (min-width: 641px) {
          .all_over .over_page .main_part p {
            font-size: 12px; } }
        @media screen and (min-width: 540px) and (max-width: 640px) {
          .all_over .over_page .main_part p {
            font-size: 11px;
            margin: 25px 48px 20px 48px; } }
        @media screen and (min-width: 320px) and (max-width: 539px) {
          .all_over .over_page .main_part p {
            margin: 25px;
            font-size: 11px; } }
        @media screen and (min-width: 641px) and (max-width: 750px) {
          .all_over .over_page .main_part p {
            padding: 0 20px; } }
      .all_over .over_page .main_part .enter {
        margin: auto;
        margin-top: 46px; }
        @media screen and (min-width: 641px) {
          .all_over .over_page .main_part .enter {
            margin-bottom: 110px; } }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .all_over .over_page .main_part .enter {
            margin-bottom: 52px; } }
      .all_over .over_page .main_part p:nth-of-type(2) {
        color: #989897; }
      @media screen and (min-width: 641px) {
        .all_over .over_page .main_part {
          font-size: 12px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .all_over .over_page .main_part {
          font-size: 18px; } }

.page-contact #page-wrapper{
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  font-family: "RobotoSlab";
  color: #868585;
  padding-bottom: 230px; }
  .page-contact #page-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 641px) and (max-width: 1030px) {
    .page-contact #page-wrapper {
      padding-left: 20px;
    }
    .page-contact footer.container3 {
      padding-left:50px;
      padding-right: 50px;
    }
    .page-contact #page-wrapper .padd {
      padding-left: 20px; } }
  @media screen and (min-width: 480px) and (max-width: 640px) {
    .page-contact #page-wrapper .padd {
      padding: 0 50px 0 52px; } }
  @media screen and (min-width: 320px) and (max-width: 479px) {
    .page-contact #page-wrapper .padd {
      padding: 0 20px 0 20px; } }
  .page-contact #page-wrapper h1 {
    color: #acb743;
    text-transform: uppercase; }
    @media screen and (min-width: 641px) {
      .page-contact #page-wrapper h1 {
        font-size: 28px;
        margin-bottom: 21px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .page-contact #page-wrapper h1 {
        font-size: 40px;
        margin-bottom: 60px; } }
  @media screen and (min-width: 320px) and (max-width: 640px) and (min-width: 320px) and (max-width: 480px) {
    .page-contact #page-wrapper h1 {
      font-size: 32px; } }

  .page-contact #page-wrapper p {
    font-family: "RobotoSlabLight";
    line-height: 1.2; }
    @media screen and (min-width: 641px) {
      .page-contact #page-wrapper p {
        font-size: 16px;
        max-width: 470px;
        padding-bottom: 20px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .page-contact #page-wrapper p {
        font-size: 25px;
        padding-right: 50px;
        padding-bottom: 30px; } }
    @media screen and (min-width: 320px) and (max-width: 480px) {
      .page-contact #page-wrapper p {
        padding-right: 0;
        font-size: 22px; } }
    .page-contact #page-wrapper p a:link, .page-contact #page-wrapper p a:visited, .page-contact #page-wrapper p a:hover, .page-contact #page-wrapper p a:active {
      color: #acb743;
      text-decoration: underline; }
    .page-contact #page-wrapper p:nth-of-type(3) {
      padding-bottom: 0; }
  .page-contact #page-wrapper .ios {
    color: #868585;
    text-decoration: none; }

@media screen and (min-width: 641px) {
  .page-contact #page-wrapper #contactUsForm{
    font-size: 18px;
    margin-top: 38px;
    max-width: 470px; } }
@media screen and (min-width: 320px) and (max-width: 640px) {
  .page-contact #page-wrapper #contactUsForm {
    font-size: 29px;
    margin-top: 67px;
    margin-left: 2px;
    width: 100%; } }
.page-contact #page-wrapper #contactUsForm strong {
  font-family: "RobotoSlab";
  font-size: 20px;
  text-transform: uppercase;
  margin: 51px 0 28px;
  padding: 0;
  line-height: 1; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm strong {
      font-size: 29px;
      margin: 80px 0 48px; } }
.page-contact #page-wrapper #contactUsForm span {
  color: #acb743; }
@media screen and (min-width: 641px) {
  .page-contact #page-wrapper #contactUsForm .cont-form {
    height: 36px;
    width: 471px;
    margin-bottom: 12px; } }
@media screen and (min-width: 320px) and (max-width: 640px) {
  .page-contact #page-wrapper #contactUsForm .cont-form {
    height: 140px;
    width: 100%; } }
.page-contact #page-wrapper #contactUsForm input {
  border: 1px solid #acb743;
  border-radius: 0;
  height: 36px;
  vertical-align: top;
  background-color: #f8f8f1; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm input, .page-contact #page-wrapper #contactUsForm .dropdownTxt, .page-contact #page-wrapper #contactUsForm select {
      height: 70px;
      background-color: #fff; }
    .page-contact #page-wrapper #contactUsForm .dropdownTxt span.selectedTxt {
      font-size: 27px;
    }
    .page-contact #page-wrapper #contactUsForm select {
      margin: -70px 0 0;
    width: 100%;} }
.page-contact #page-wrapper #contactUsForm .select2-container {
  vertical-align: top;
  width: 312px;}
  .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice {
    height: 36px;
    border: 1px solid #acb743;
    border-radius: 0;
    padding: 3px 0 0 13px; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice {
        height: 70px;
        padding: 20px 0 0 17px; } }
    .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice abbr {
      background-position: right top;
      background-repeat: no-repeat;
      background: #f8f8f1; }
      @media screen and (min-width: 641px) {
        .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice abbr {
          width: 10px;
          height: 18px;
          background-image: url("/resources/images/select3.png");
          background-image: url("/resources/images/select3.png"); } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .contact-form .select2-container .select2-choice abbr {
          width: 14px;
          height: 25px;
          background-image: url("/resources/images/select4.png");
          background-image: url("/resources/images/select4.png"); } }
    .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice .select2-arrow {
      background: #f8f8f1;
      border: 0; }
      @media screen and (min-width: 641px) {
        .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice .select2-arrow {
          background-image: url("/resources/images/select3.png");
          background-image: url("/resources/images/select3.png");
          width: 10px;
          height: 18px;
          right: 8px;
          top: 8px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice .select2-arrow {
          background-image: url("/resources/images/select4.png");
          background-image: url("/resources/images/select4.png");
          width: 14px;
          height: 25px;
          top: 21px;
          right: 11px; } }
      @media screen and (min-width: 641px) {
        .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice .select2-arrow b {
          background-image: url("/resources/images/select3.png");
          background-image: url("/resources/images/select3.png"); } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-contact #page-wrapper #contactUsForm .select2-container .select2-choice .select2-arrow b {
          background-image: url("/resources/images/select4.png");
          background-image: url("/resources/images/select4.png"); } }
  .page-contact #page-wrapper #contactUsForm .select2-container .select2-drop-mask {
    background-color: #f8f8f1;
    border: 1px solid #acb743;
    border-radius: 0; }
  .page-contact #page-wrapper #contactUsForm .select2-container .select2-drop-active {
    border: 1px solid #acb743; }
  @media screen and (min-width: 641px) {
    .page-contact #page-wrapper #contactUsForm .select2-container .select2-search-choice-close {
      background-image: url("/resources/images/select3.png");
      background-image: url("/resources/images/select3.png"); } }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .select2-container .select2-search-choice-close {
      background-image: url("/resources/images/select4.png");
      background-image: url("/resources/images/select4.png"); } }
  .page-contact #page-wrapper #contactUsForm .select2-container .select2-chosen {
    color: #868585;
    font-size: 12px; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .page-contact #page-wrapper #contactUsForm .select2-container .select2-chosen {
        font-size: 27px; } }
  .page-contact #page-wrapper #contactUsForm .select2-container .select2-drop {
    border-radius: 0; }
.page-contact #page-wrapper #contactUsForm .nature {
  width: 384px;
  margin-top: 14px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .nature {
      width: 100%;
      margin-top: 36px; } }
.page-contact #page-wrapper #contactUsForm input[type=text]:not(.select2-input) {
  width: 312px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm input[type=text] {
      width: 100%; } }
.page-contact #page-wrapper #contactUsForm .gend {
  width: 170px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .gend {
      width: 100%; } }
.page-contact #page-wrapper #contactUsForm .date1 {
  width: 107px;
  margin-right: 6px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .date1 {
      width: calc((100% - 26px)/3);
      margin-right: 13px;
      float: left; } }
.page-contact #page-wrapper #contactUsForm .date2 {
  width: 72px;
  margin-right: 7px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .date2 {
      width: calc((100% - 26px)/3);
      margin-right: 13px;
      float: left; } }
.contact-form .date3 {
  width: 95px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .date3 {
      width: calc((100% - 26px)/3);
      margin-right: 0;
      float: left; } }
.page-contact #page-wrapper #contactUsForm .stat {
  width: 197px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .contact-form .stat {
      width: 100%; } }
.page-contact #page-wrapper #contactUsForm .num1 {
  width: 178px;
  margin-right: 5px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .num1 {
      width: calc((100% - 15px)*0.544);
      margin-right: 15px;
      float: left; } }
.page-contact #page-wrapper #contactUsForm .num2 {
  width: 124px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .num2 {
      width: calc((100% - 15px)*0.456);
      float: left; } }
.page-contact #page-wrapper #contactUsForm .form-item:not(:nth-child(3)) label {
  width: 154px;
  display: inline-block;
  float: left;
  font-size: 18px;
  padding: 8px 0 16px 0;
  font-family: "RobotoSlab"; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .form-item:not(:nth-child(3)) label {
      height: auto;
      width: 100%;
      display: block;
      font-size: 26px; } }
.page-contact #page-wrapper #contactUsForm .prefer {
  margin-top: 22px; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm .prefer {
      margin-top: 24px;
      font-size: 28px; } }
  .page-contact #page-wrapper #contactUsForm .prefer div {
    margin: 20px 0 0 110px; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .page-contact #page-wrapper #contactUsForm .prefer div {
        margin: 36px 0 0 0; } }
    @media screen and (min-width: 601px) {
      .page-contact #page-wrapper #contactUsForm .prefer div .new-line {
        display: none; } }
    .page-contact #page-wrapper #contactUsForm .prefer div p {
      display: inline-block;
      padding: 0 8px 0 44px;
      font-family: "RobotoSlab"; }
      @media screen and (min-width: 320px) and (max-width: 600px) {
        .page-contact #page-wrapper #contactUsForm .prefer div p:first-of-type {
          padding: 0 16px 40px 0; }
        .page-contact #page-wrapper #contactUsForm .prefer div p:nth-of-type(2) {
          padding: 0 8px 40px 0; }
        .page-contact #page-wrapper #contactUsForm .prefer div p:nth-of-type(3) {
          padding: 0 30px 40px 0; } }
      @media screen and (min-width: 601px) and (max-width: 640px) {
        .page-contact #page-wrapper #contactUsForm .prefer div p {
          padding: 0 17px 0 105px; }
          .page-contact #page-wrapper #contactUsForm .prefer div p:first-of-type {
            padding: 0 17px 0 2px; } }
    .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox] {
      height: 22px;
      width: 23px; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox] {
          height: 43px;
          width: 46px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox] {
          display: none;
          margin-right: calc(100% - 140px); } }
    .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox]:not(checked) {
      position: absolute;
      opacity: 0; }
    .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox]:not(checked) + label {
      position: relative;
      padding: 0 0 0 0; }
    .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox]:not(checked) + label:after {
      content: " ";
      position: absolute;
      top: 1px;
      margin-left:10px;
      border: 1px solid #acb64c;
      height: 22px;
      width: 23px;
      background-color: #fff; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox]:not(checked) + label:after {
          content: " ";
          border: 1px solid #acb64c;
          height: 43px;
          width: 46px;
          background-color: #fff;
          right:0;
          top: 30px; } }
    .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox]:checked + label:after {
      content: "✔";
      color: #acb64c;
      padding: 0 0 0 3px;
      position: absolute;
      top: 1px; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox]:checked + label:after {
          content: "✔";
          color: #acb64c;
          padding: 7px 0 0 10px;
          top: -10px; } }
.page-contact #page-wrapper #contactUsForm input[type="submit"] {
  height: 37px;
  width: 119px;
  color: #acb743;
  font-family: "RobotoSlab";
  font-size: 11px;
  letter-spacing: 5px;
  margin-bottom: 30px;
  margin-top: 20px;}
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .page-contact #page-wrapper #contactUsForm input[type="submit"] {
      height: 70px;
      width: 180px;
      font-size: 16px;
      letter-spacing: 5px; } }

.lifestyle-search {
  height: 24px;
  width: 230px;
  border-bottom: 2px solid #a6a3a6; }
  @media screen and (min-width: 320px) and (max-width: 640px) {
    .lifestyle-search {
      height: 57px;
      width: 100%;
      border-bottom: 5px solid #a6a3a6; } }
  .lifestyle-search input {
    height: 20px;
    width: 210px;
    color: #a6a3a6;
    background-color: #f8f8f1;
    border: none;
    padding: 4px 0 0 1px;
    float: left; }
    .lifestyle-search input::-webkit-input-placeholder {
      color: #a6a3a6; }
    .lifestyle-search input::-moz-placeholder {
      color: #a6a3a6; }
    .lifestyle-search input:-moz-placeholder {
      color: #a6a3a6; }
    .lifestyle-search input:-ms-input-placeholder {
      color: #a6a3a6; }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .lifestyle-search input {
        width: 180px;
        height: 50px;
        width: calc(100% - 50px);
        background-color: #fff;
        padding: 5px 0 0;
        vertical-align: top;
        font-size: 27px;
        line-height: 1.6; } }
    .lifestyle-search input::-webkit-input-placeholder {
      color: #a6a3a6;
      font-family: "RobotoSlab";
      font-size: 11px; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .lifestyle-search input::-webkit-input-placeholder {
          font-size: 27px;
          vertical-align: top; } }
    .lifestyle-search input::-moz-placeholder {
      color: #a6a3a6;
      font-family: "RobotoSlab";
      font-size: 11px;
      opacity: 1; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .lifestyle-search input::-moz-placeholder {
          font-size: 27px;
          vertical-align: top; } }
    .lifestyle-search input:-moz-placeholder {
      color: #a6a3a6;
      font-family: "RobotoSlab";
      font-size: 11px;
      opacity: 1; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .lifestyle-search input:-moz-placeholder {
          font-size: 27px;
          vertical-align: top; } }
    .lifestyle-search input:-ms-input-placeholder {
      color: #a6a3a6;
      font-family: "RobotoSlab";
      font-size: 11px; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .lifestyle-search input:-ms-input-placeholder {
          font-size: 27px;
          vertical-align: top; } }

.buy-page {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  font-family: "RobotoSlab";
  color: #868585;
  padding-bottom: 60px; }
  .buy-page::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (min-width: 641px) and (max-width: 1010px) {
    .buy-page .padd {
      padding-left: 20px; } }
  @media screen and (min-width: 480px) and (max-width: 640px) {
    .buy-page .padd {
      padding: 0 58px; } }
  @media screen and (min-width: 320px) and (max-width: 479px) {
    .buy-page .padd {
      padding: 0 20px; } }
  .buy-page h1 {
    font-size: 28px;
    color: #acb743;}
    @media screen and (min-width: 460px) and (max-width: 640px) {
      .buy-page h1 {
        font-size: 40px; } }
  .buy-page h2 {
    font-size: 20px;
    color: #868585;
    margin: 44px 0 34px 0; }
    @media screen and (min-width: 460px) and (max-width: 640px) {
      .buy-page h2 {
        font-size: 29px; } }
  .buy-page p:first-of-type {
    font-size: 16px;
    margin-bottom: 0; }
    @media screen and (min-width: 480px) and (max-width: 640px) {
      .buy-page p:first-of-type {
        font-size: 25px; } }
    @media screen and (min-width: 320px) and (max-width: 479px) {
      .buy-page p:first-of-type {
        font-size: 22px; } }
  .buy-page .contact-form {
    margin-top: 35px; }
    .buy-page .contact-form input[type="submit"] {
      margin-left: 346px;
      margin-top: 19px;
      margin-bottom: 80px;
      -webkit-appearance: none; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .buy-page .contact-form input[type="submit"] {
          margin-left: calc(100% - 180px); } }
  .buy-page p {
    font-size: 14px;
    font-family: "RobotoSlabLight";
    color: #868585;
    padding-right: 300px;
    line-height: 1.2;
    margin-bottom: 20px; }
    @media screen and (min-width: 641px) and (max-width: 800px) {
      .buy-page p {
        padding-right: 100px; } }
    @media screen and (min-width: 480px) and (max-width: 640px) {
      .buy-page p {
        font-size: 25px; } }
    @media screen and (min-width: 320px) and (max-width: 479px) {
      .buy-page p {
        font-size: 20px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .buy-page p {
        padding-right: 0; } }
    .buy-page p .wrap {
      white-space: nowrap; }

#modalstyle {
  visibility: hidden;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 900000;
  background-color: rgba(0, 0, 0, 0.5);
  color: #868585;
  font-size: 14px;
  font-family: "RobotoSlab";
  overflow: auto;}
  #modalstyle .cont-modal {
    position: absolute;
    height: 100%;
    width: 100%;
  }
    #modalstyle .cont-modal .close {
      height: 26px;
      width: 26px;
      display: inline-block;
      vertical-align: top;
      margin-left: 10px; }
      #modalstyle .cont-modal .close div {
        height: 4px;
        width: 30px;
        background-color: #fff;
        position: relative;
        top: 7px;
        right: 8px; }
        #modalstyle .cont-modal .close div:first-child {
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          top: 11px; }
        #modalstyle .cont-modal .close div:nth-child(2) {
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    #modalstyle .cont-modal .modal-body {
      position: absolute;
      width: auto;
      min-width: 260px;
      background-color: #fff;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: 20px;
      display: inline-block; }
    #modalstyle .cont-modal .modal-body>a {
      position: absolute;
      right: 0;
      display: inline-block;
      width: auto;
      height: auto;
      -ms-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
      top: 0; }
      #modalstyle .cont-modal .modal-body img {
        width: auto;
        max-width: 100%;
        max-height: 480px;
        margin: 0 auto;
      }
      #modalstyle .cont-modal .modal-body p {
        line-height: 1.25;
        max-width: 100%;
        display: inline-block; }
        #modalstyle .cont-modal .modal-body>p {
          padding: 20px 0 4px;
        }
      #modalstyle .cont-modal .modal-body .soc {
        height: 30px;
        width: 100%;
        color: #acb743;
        float: right;
        font-size: 26px;
        padding-top: 9px; }
        #modalstyle .cont-modal .modal-body .soc .fa {
          float: right; }
        #modalstyle .cont-modal .modal-body .soc .icon_m {
          margin-left: 17px; }
        #modalstyle .cont-modal .modal-body .soc .icon_mt {
          margin-left: 27px; }
        #modalstyle .cont-modal .modal-body .soc .icon_mf {
          margin-left: 16px; }
        #modalstyle .cont-modal .modal-body .soc p {
          display: inline-block;
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: 4px;
          vertical-align: top;
          padding: 0;
          float: right;
          padding-top: 6px; }

.container_blogpost {
  margin-left: auto;
  margin-right: auto;
  max-width: 60.5em; }
  .container_blogpost .sponsor-logo {
    max-width: 200px;
    max-height: 50px;
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
  }
  .container_blogpost .blog-images {
    padding-bottom: 20px;
  }
  .container_blogpost .blog-images img {
    margin-right: 20px;
    max-width: 235px;
    max-height: 235px;
  }
  .container_blogpost::after {
    clear: both;
    content: "";
    display: table; }
  .container_blogpost .blog {
    color: #868585;
    line-height: 1.2;
    font-family: "RobotoSlabLight";
    padding-bottom: 60px;
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%; }
    .container_blogpost .blog:last-child {
      margin-right: 0; }
    @media screen and (min-width: 641px) {
      .container_blogpost .blog .back {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-right: 8px solid #acb743;
        border-bottom: 5px solid transparent;
        display: inline-block;
        margin: 0 8px 0 6px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .container_blogpost .blog .back {
        display: none; } }
    @media screen and (min-width: 641px) {
      .container_blogpost .blog a:nth-child(2) {
        color: #acb743;
        font-size: 14px;
        text-decoration: underline; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .container_blogpost .blog a:nth-child(2) {
        display: none; } }
    .container_blogpost .blog h1 {
      color: #acb743; }
      @media screen and (min-width: 641px) {
        .container_blogpost .blog h1 {
          text-transform: uppercase;
          font-size: 28px;
          margin: 17px 0 44px 2px; } }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .container_blogpost .blog h1 {
          font-size: 40px;
          margin: 0 0 61px 2px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .container_blogpost .blog h1 {
          font-size: 36px;
          margin: 0 0 51px 2px; } }
    .container_blogpost .blog p {
      color: #868585;
      line-height: 1.2;
      font-family: "RobotoSlabLight"; }
      @media screen and (min-width: 641px) {
        .container_blogpost .blog p {
          font-size: 16px;
          padding: 0 0 20px 4px; } }
      @media screen and (min-width: 521px) and (max-width: 640px) {
        .container_blogpost .blog p {
          font-size: 25px;
          padding: 0 36px 30px 0; } }
      @media screen and (min-width: 460px) and (max-width: 520px) {
        .container_blogpost .blog p {
          font-size: 20px;
          padding: 0 0 30px 0; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .container_blogpost .blog p {
          font-size: 16px;
          padding: 0 0 30px 0; } }

.container_blogizze {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 60.5em; }
  .container_blogizze::after {
    clear: both;
    content: "";
    display: table; }
  .container_blogizze .blog {
    font-family: "RobotoSlab";
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%; }
    .container_blogizze .blog:last-child {
      margin-right: 0; }
    @media screen and (min-width: 1021px) {
      .container_blogizze .blog {
        padding: 123px 40px 476px 0; } }
    @media screen and (min-width: 641px) and (max-width: 1020px) {
      .container_blogizze .blog {
        padding: 123px 40px 476px 40px; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .container_blogizze .blog {
        padding: 156px 44px 30px 59px; } }
    .container_blogizze .blog img {
      height: 35px;
      width: 91px;
      margin: 17px 2px 0 0;
      vertical-align: top; }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .container_blogizze .blog img {
          margin-top: 0; } }
      @media screen and (min-width: 596px) and (max-width: 640px) {
        .container_blogizze .blog img {
          height: 51px;
          width: 132px; } }
      @media screen and (min-width: 481px) and (max-width: 599px) {
        .container_blogizze .blog img {
          height: 36px;
          width: 93px; } }
      @media screen and (min-width: 391px) and (max-width: 480px) {
        .container_blogizze .blog img {
          height: 24px;
          width: 62px; } }
      @media screen and (min-width: 320px) and (max-width: 390px) {
        .container_blogizze .blog img {
          height: 19px;
          width: 49px; } }
    .container_blogizze .blog h1 {
      color: #acb743;
      display: inline-block; }
      @media screen and (min-width: 641px) {
        .container_blogizze .blog h1 {
          font-size: 28px;
          margin: 17px 0 44px 2px; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .container_blogizze .blog h1 {
          margin: 0 0 61px 2px; } }
      @media screen and (min-width: 596px) and (max-width: 640px) {
        .container_blogizze .blog h1 {
          font-size: 40px; } }
      @media screen and (min-width: 481px) and (max-width: 599px) {
        .container_blogizze .blog h1 {
          font-size: 30px; } }
      @media screen and (min-width: 391px) and (max-width: 480px) {
        .container_blogizze .blog h1 {
          font-size: 23px; } }
      @media screen and (min-width: 320px) and (max-width: 390px) {
        .container_blogizze .blog h1 {
          font-size: 16px;
          margin: 0 0 50px 2px; } }
    .container_blogizze .blog p {
      color: #868585;
      line-height: 1.2;
      font-family: "RobotoSlabLight"; }
      @media screen and (min-width: 641px) {
        .container_blogizze .blog p {
          font-size: 16px;
          padding: 0 0 20px 4px; } }
      @media screen and (min-width: 521px) and (max-width: 640px) {
        .container_blogizze .blog p {
          font-size: 25px;
          padding: 0 36px 30px 0; } }
      @media screen and (min-width: 460px) and (max-width: 520px) {
        .container_blogizze .blog p {
          font-size: 20px;
          padding: 0 0 30px 0; } }
      @media screen and (min-width: 320px) and (max-width: 459px) {
        .container_blogizze .blog p {
          font-size: 16px;
          padding: 0 0 30px 0; } }
    .container_blogizze .blog .fpo {
      height: 490px;
      width: 522px;
      background-color: #bdc569;
      padding-top: 192px;
      margin-bottom: 60px; }
      @media screen and (min-width: 480px) and (max-width: 640px) {
        .container_blogizze .blog .fpo {
          height: 489px;
          width: 100%;
          padding-top: 187px;
          margin-top: 14px; } }
      @media screen and (min-width: 320px) and (max-width: 479px) {
        .container_blogizze .blog .fpo {
          height: 300px;
          width: 100%;
          padding-top: 110px; } }
      .container_blogizze .blog .fpo p {
        text-align: center;
        color: #fff;
        font-size: 89px;
        font-family: "GothamProBlack";
        padding: 0; }
        @media screen and (min-width: 320px) and (max-width: 479px) {
          .container_blogizze .blog .fpo p {
            font-size: 74px; } }

.carousel {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px; }
  .carousel::after {
    clear: both;
    content: "";
    display: table; }
  .carousel .owl-carousel {
    float: left;
    display: block;
    margin-right: 1.4440850277%;
    width: 100%; }
    .carousel .owl-carousel:last-child {
      margin-right: 0; }
  .carousel-item {
    position: relative;
    height: 235px;
    width: 235px; }
    .carousel-item-image {
      width: 100%;
      height: 100%; }
  .carousel-share-fb {
    color: #fff !important;
    display: inline-block;
    position: absolute;
    bottom: 11px;
    right: 12px;
    width: initial !important;
    height: initial !important; }

.page-fresh .lifestyle {
    margin-top: 70px;
    padding-right: 24px;
    margin-bottom: 55px;

}.page-fresh .lifestyle .view-content>div:last-child {
    margin-bottom: 30px;
}

.page-fresh .content{
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  max-width: 60.4em;
}

.page-fresh::after {
  clear: both;
  content: "";
  display: table;
}
    @media screen and (min-width: 641px) and (max-width: 1010px) {
      .page-fresh .lifestyle {
        padding: 0 20px; }
      }
    @media screen and (min-width: 480px) and (max-width: 640px) {
      .page-fresh .lifestyle {
        padding: 0 82px; } }
    @media screen and (min-width: 320px) and (max-width: 479px) {
      .page-fresh .lifestyle {
        padding: 0 25px; } }
    @media screen and (min-width: 641px) {
      .page-fresh .lifestyle .lifestyle-search {
        float: right; } }
    @media screen and (min-width: 641px) and (max-width: 830px) {
      .page-fresh .lifestyle .lifestyle-search {
        margin-left: calc(100% - 230px);
        margin-bottom: 30px;
        float: none; } }
    @media screen and (min-width: 320px) and (max-width: 640px) {
      .page-fresh .lifestyle .lifestyle-search {
        margin-bottom: 32px; } }
    .page-fresh .lifestyle .bef-select-as-links {
      height: 37px;
      width: 550px; }
      @media screen and (min-width: 641px) and (max-width: 830px) {
        .page-fresh .lifestyle .bef-select-as-links {
          margin-bottom: 30px;
          width: 100%; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-fresh .lifestyle .bef-select-as-links {
          height: auto;
          width: 100%; } }
      .page-fresh .lifestyle .bef-select-as-links .form-item.selected{
        border: 1px solid #acb743;
        color: #acb743;
      }
      .page-fresh .lifestyle .bef-select-as-links .form-item div{
        display: inline-block;
        box-sizing: border-box;
        height: 37px;
        border: 1px solid #a6a3a6;
        color: #a6a3a6;
        padding: 10px 13px;
        text-transform: uppercase;
        font-family: "RobotoSlab";
        font-size: 11px;
        letter-spacing: 4px;
        margin-right: 9px;
        margin-bottom: 10px;
        float: left; }
        @media screen and (min-width: 320px) and (max-width: 640px) {
          .page-fresh .lifestyle .bef-select-as-links .form-item div{
            height: 26px;
            font-size: 9px;
            padding: 8px 13px 10px 13px;
          }
          .page-fresh .lifestyle .lifestyle-menu ul li {
            height: 58px;
            padding: 18px 15px 18px 22px;
            font-size: 17px;
            letter-spacing: 7px;
            margin-right: 14px;
            margin-bottom: 15px; } }
      @media screen and (min-width: 641px) {
        .page-fresh .lifestyle .lifestyle-menu ul .active-desktop {
          color: #acb743;
          border: 1px solid #acb743; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-fresh .lifestyle .lifestyle-menu ul .active-desktop {
          color: #a6a3a6;
          border: 1px solid #a6a3a6; } }
      @media screen and (min-width: 641px) {
        .page-fresh .lifestyle .lifestyle-menu ul .active-mob {
          color: #a6a3a6;
          border: 1px solid #a6a3a6; } }
      @media screen and (min-width: 320px) and (max-width: 640px) {
        .page-fresh .lifestyle .lifestyle-menu ul .active-mob {
          color: #acb743;
          border: 1px solid #acb743; } }
    .page-fresh .lifestyle .view-content {
      border: 0;
      width: 100%;
      max-width: 940px;
      margin-top: 28px;
      margin-bottom: 72px; }

      .page-fresh .lifestyle .view-content td {
        height: auto;
        width: 25%;
        vertical-align: top;
        box-sizing: border-box; }
        .page-fresh .lifestyle .view-content td img {
          height: auto;
          width: 100%;
          float: left; }
      .page-fresh .lifestyle .view-content .text-part {
        color: #969696;
        text-transform: uppercase;
        border-spacing: 0;
        overflow: hidden;
      }
        @media screen and (max-width: 950px) {
          .page-fresh .lifestyle .view-content .text-part a {
            bottom: 10px;
            left: 10px;
          }
          .page-fresh .lifestyle .view-content .text-part p {
            margin: 10px 10px 33px 10px;
          }
        }
        @media screen and (max-width: 640px) and (min-width: 501px) {
          .page-fresh .lifestyle .view-content .text-part a {
            bottom: 33px;
            left: 34px;
          }
        }
        .page-fresh .lifestyle .view-content .text-part p {
          font-size: 21px;
          font-family: "RobotoSlabLight";
          line-height: 1.2;
        overflow: hidden;}
          @media screen and (min-width: 641px) and (max-width: 760px) {
            .page-fresh .lifestyle .view-content .text-part p {
              font-size: 18px;
            } }
          @media screen and (min-width: 401px) and (max-width: 640px) {
            .page-fresh .lifestyle .view-content .text-part p {
              font-size: 21px;
            }
          }
          @media screen and (min-width: 761px) and (max-width: 900px) {
            .page-fresh .lifestyle .grid.rotate p {
              font-size: 21px; } }
        .page-fresh .lifestyle .view-content .text-part a {
          font-size: 16px;
          font-family: "RobotoSlab";
          font-weight: bold;
          padding: 0;
          color: #313131;
          float: left;
          margin: 0 0 0 2px;
          text-transform: uppercase; }
          @media screen and (min-width: 641px) and (max-width: 760px) {
            .page-fresh .lifestyle .view-content .text-part a {
              font-size: 14px; } }
          @media screen and (min-width: 761px) and (max-width: 900px) {
            .page-fresh .lifestyle .view-content .text-part a {
              font-size: 14px; } }

.page-fresh .lifestyle .view-content .art_cont a{
  float:right;
  width: 50%;
}
.page-fresh .lifestyle .view-content .art_cont .text-part a{
  float:left;
  width: auto;
}
.page-fresh .lifestyle .view-content .art_cont .single-twitter a{
  float:left;
  width: auto;
}

.page-fresh .lifestyle .view-content .art_cont {
    display: block;
    box-sizing: border-box;
    position: relative;
}.page-fresh .lifestyle .view-content .right-side .art_cont {
    width: 100%;
}.page-fresh .lifestyle .view-content .left-side .art_cont {
    width: 100%;
}
.page-fresh .lifestyle .view-content.rotate div a.read_it{
  float:left;
  color: #313131;
  width:auto;
}

.page-fresh .lifestyle .view-content.rotate >div.row {
    display: inline-block;
    box-sizing: border-box;
    float: left;
    width: 100%;
}
.page-fresh .lifestyle .view-content.rotate >div.row>div {
    display: inline-block;
    float: left;
}
.page-fresh .lifestyle .view-content.rotate >div.row .fb {
   display: inline-block;
    width: 25%;
}
.page-fresh .lifestyle .view-content.rotate >div.row .fb a {
    width: 100%;
}
.page-fresh .lifestyle .view-content.rotate >div.row .post {
    display: inline-block;
    width: 50%;
    background-color: #fff;
}
.page-fresh .lifestyle .view-content.rotate >div.row .post>* {
    width: 50%;
}
.page-fresh .lifestyle .view-content.rotate .text-part {
    color: #969696;
}
.page-fresh .lifestyle .view-content.rotate > div.row:nth-child(2n) .post>a {
    float:left;
}

.page-fresh .lifestyle .view-content div a img{
  display: block;
  width:100% !important;
}

.page-fresh .lifestyle .views-exposed-form .description{
  display: none;
}
.bottle section .part_right .three-grapes i:before {
  height: 76px;
  width: 0em;
}
.bottle section .part_right .three-grapes div i {
  color: #CFCECF;
}
.bottle section .part_right .three-grapes div:first-child i {
  font-size: 53px;
}
.bottle section .part_right .three-grapes div:nth-child(2) i {
  font-size: 65px;
}
.bottle section .part_right .three-grapes div:nth-child(3) i {
  font-size: 76px;
}
.bottle section .part_right .three-grapes div:first-child i:before {
  padding-top: 10px;
}
.bottle section .part_right .three-grapes div:nth-child(2) i:before {
  padding-top: 12px;
}
.bottle section .part_right .three-grapes div:nth-child(3) i:before {
  padding-top: 14px;
}
.bottle section .part_right .three-grapes div p {
  vertical-align: bottom;
  word-spacing: 1000px;
  display: block;
}
.colour11 section .part_right .three-grapes div:nth-child(3) i {
  color: #9F2B2A;
}
.colour10 section .part_right .three-grapes div:nth-child(2) i {
  color: #A25700;
}
.colour12 section .part_right .three-grapes div:nth-child(3) i {
  color: #EEA52F;
}
.colour8 section .part_right .three-grapes div:nth-child(1) i {
  color: #436C16;
}
.colour9 section .part_right .three-grapes div:nth-child(2) i {
  color: #421A69;
}
.colour14 section .part_right .three-grapes div:nth-child(2) i {
  color: #CD1105;
}
.colour13 section .part_right .three-grapes div:nth-child(2) i {
  color: #372794;
}
.colour15 section .part_right .three-grapes div:nth-child(3) i {
  color: #55237B;
}
i.icon-award {
  font-size: 28px;
}
.menu2 .submenu li:before {
  content: "" !important;
}
.menu2 .submenu a:before {
  content: "" !important;
}
.menu2 .submenu li:after {
  content: "" !important;
}
.menu2 .submenu a:after {
  content: "" !important;
}
.menu2 .submenu li:nth-child(2n) {
  float:right;
  text-align: left;
  clear:none;
}
.socialmenu li.leaf{
  list-style-image: none;
  list-style-type: none;
  display: inline-block;
  float:left;
}
.socialmenu li.leaf span{
  display: none;
}
.footer_menu ul.menu li {
  margin: 0;
}
.footer_social .socialmenu li.leaf {
  padding: 0;
  padding-right: 10px;
}
.footer_social .socialmenu li.leaf:last-child {
  padding-right: 0;
}
.nav_menu .menu2 .submenu {
  position: absolute;
  background: #fff;
  border-top: 1px solid #bfc76e;
  padding-top: 20px; }
.nav_menu .menu2 .submenu:after, .nav_menu .menu2 .submenu:before {
  bottom: 100%;
  left: 17%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }
.nav_menu .menu2 .submenu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 4px;
  margin-left: -4px; }
.nav_menu .menu2 .submenu:before {
  border-color: rgba(191, 199, 110, 0);
  border-bottom-color: #bfc76e;
  border-width: 5px;
  margin-left: -5px; }
#menu .socialmenu {
  float: right;
  height: 21px;
  width: 131px;
  margin-right: 20px;
  font-size: 18px;
  padding-top: 16px;
}

#menu .menu2>li:first-child:after {
  font-family: FontAwesome;
  content: "";
  font-size: 19px;
  padding-left: 5px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 5px;
}

#menu .menu2>li:first-child {
  padding-bottom: 30px;
  padding-right: 20px;
  padding-top: .5em
}

#menu .menu2>li:not(:first-child) {
  padding-top: 0.5em;
}
.all_over{
  display: none;
}
#menu .socialmenu li a {
  color: #bbc568;
}
footer .socialmenu li a {
  color: #b6b4b5;
}

.art_cont .text-part, .art_cont2 .text-part{
  border-spacing: 0;
  bottom: 0;
  color: #969696;
  display: block;
  float: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
  width: 50%;
}

.art_cont .text-part a.read_it, .art_cont2 .text-part a.read_it {
  font-size: 16px;
  font-family: "RobotoSlab";
  font-weight: bold;
  padding: 0;
  color: #313131;
  float: left;
  margin: 0 0 0 2px;
  text-transform: uppercase; 
}

.art_cont a.thumb, .art_cont2 a.thumb{
  display: block;
  float: none;
  width: 50%;
}

.art_cont a img, .art_cont2 a img{
  width: 100% !important;
}

.art_cont .text-part p, .art_cont2 .text-part p {
    bottom: 0;
    font-size: 21px;
    font-family: "RobotoSlabLight";
    line-height: 1.2;
    left: 0;
    max-height: none;
    margin: 33px 34px 55px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.art_cont a.read_it, .art_cont2 a.read_it{
    bottom: 33px;
    font-size: 16px;
    font-family: "RobotoSlab";
    font-weight: bold;
    height: auto;
    left: 34px;
    margin: 0 0 0 2px;
    padding: 0;
    position: absolute;
    text-transform: uppercase;
    width: auto;
}
.page-contact #page-wrapper #contactUsForm .form-wrapper>.form-item {
  clear: both;
}
.page-contact #page-wrapper #contactUsForm .form-wrapper>.form-item:last-of-type>label {
  width: 100%;
}
.page-contact #page-wrapper #contactUsForm .form-wrapper>p {
  font-family: "RobotoSlab";
  font-size: 20px;
  text-transform: uppercase;
  margin: 51px 0px 28px;
  padding: 0px;
  line-height: 1;
}
.page-contact #page-wrapper #contactUsForm .form-wrapper>.form-item:first-child .select2-container {
  margin-top: 20px;
  width: 100%;
}
.page-contact #page-wrapper #contactUsForm .form-wrapper>.form-item:last-of-type>div {
  clear:both;
  float:right;
  width: 300px;
}
.page-contact #page-wrapper #contactUsForm .form-wrapper>.form-item:last-of-type>div label {
  width: 100px;
}
.page-contact #page-wrapper #contactUsForm .form-item-email {
  clear: both;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item label {
  display: none;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item .select2-container {
  display: block;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item select {
  width: 95px;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth #edit-date-of-birth {
  width: 312px;
  display: inline-block;
  float:left;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item {
  margin-top: 0;
  display: inline-block;
  float:left;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item:not(:nth-child(3)) {
  margin-top: 0;
  margin-left: 13.5px;
  display: inline-block;
  float:left;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-select>a  {
  width: 95px;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .select2-container  {
  width: 95px;
}
.select2-drop-active{
  min-width: 200px !important;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .select2-display-none {
  display: none !important;
}
.page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method>div{
  clear:left;
  padding-top: 20px;
}
.page-contact #page-wrapper #contactUsForm .form-item.form-item-preferred-contact-method #prefContactMethodLabelWrapper label{
  width: 100%;
}
.page-contact #page-wrapper #contactUsForm .form-item.form-item-preferred-contact-method #prefContactMethodWrapper label{
  float:right;
  width: 20%;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth #dobYear+ul {
  right: 0;
  width: 95px;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth #dobDay+ul {
  right: 110px;
  width: 95px;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth #dobMonth+ul {
  left:0;
}
.page-contact #page-wrapper #contactUsForm .reasconCodeCheck {
  position: relative;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownWrapper select {
  width: 95px;
}
.page-contact #page-wrapper #contactUsForm input.parsley-error, .page-contact #page-wrapper #contactUsForm select.parsley-error {
  margin-bottom: 50px;
  top:5px;
}
ul.parsley-errors-list {
  font-size: 13px;
}
.page-contact #page-wrapper #contactUsForm .parsley-errors-list.filled {
  top: 35px;
}
.page-contact #page-wrapper #contactUsForm .form-item input{
  width: 312px;
}
.page-contact #page-wrapper #contactUsForm .form-item .dropdownTxt{
  width: 312px;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth input[type=text] {
  width: 95px;
  float:left;
  margin-left: 13.5px;
  padding-left: 10px;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownWrapper {
  width: 95px;
  float:left;
}
.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownTxt {
  width: 95px;
  float:left;
}
.page-contact #page-wrapper .reasonCodeTxt {
  width: 100%;
}
.dropdownTxt {
  background: transparent;
  height: 36px;
}
.page-contact #page-wrapper #contactUsForm .dropdownTxt span.selectedTxt {
  white-space: nowrap;
  line-height: 26px;
  color: #868585;
  font-size: 12px;
  text-decoration: none;
}
.dropdownTxt span.arrowDown::after {
  content: '';
  background: url("/resources/images/select3.png") transparent;
  width: 10px;
  height: 18px;
  margin-top: 4px;
}
#reasonCodeDropDownWrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
}
.page-contact #page-wrapper #contactUsForm #reasonCodeDropDownWrapper .dropdownTxt {
  width: 100%;
}
.page-contact #page-wrapper #contactUsForm #reasonCodeDropDownWrapper select {
  width: 470px;
}
.page-contact #page-wrapper #contactUsForm select {
  cursor: pointer;
}
.page-contact #page-wrapper #contactUsForm .form-item .dropdownTxt {
  border: 1px solid #acb64c;
}
.fieldInput.dropdownWrapper {
  position: relative;
}
.dropdownWrapper .fieldSelect {
  width: 100%;
}
.page-contact #page-wrapper #followUpCaseWrapper p, .page-contact #page-wrapper #formRequirementsWrapper p {
  width: 100%;
  padding-right: 0;
}

.page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownWrapper select  {
  margin-top:0;
  left: 0;
}
@media screen and (max-width: 720px) {
  #ejgContactUs .desktop {
    display: block;
  }
}
.lifestyle-menu ul li {
  display: inline-block;
  box-sizing: border-box;
  margin-right: 9px;
  float: left;
}

.lifestyle-menu ul li a{
  padding: 10px 13px;
  color: #a6a3a6;
  border: 1px solid #a6a3a6;
  height: 37px;
  display: block;
  text-transform: uppercase;
  font-family: "RobotoSlab";
  font-size: 11px;
  letter-spacing: 4px;
}

.page-fresh .left-side, .page-fresh .right-side{
  width:25%;
  float: left;
  }
  .page-fresh .left-side a, .page-fresh .right-side a{
    width: auto;
  }
.page-fresh .left-side a img, .page-fresh .right-side a img{
width:100%;
  display:block;
  float:none;
  }

  .page-fresh .one .big img{
  width:50% !important;
    display:block;
    float:left;
  }

@media screen and (min-width: 641px) {
  .contact-form {
    font-size: 18px;
    margin-top: 38px;
    max-width: 470px;
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form {
    font-size: 29px;
    margin-top: 67px;
    margin-left: 2px;
    width: 100%;
  }
}

.contact-form .big-p {
  font-family: "RobotoSlab";
  font-size: 20px;
  text-transform: uppercase;
  margin: 51px 0 28px;
  padding: 0;
  line-height: 1;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .big-p {
    font-size: 29px;
    margin: 80px 0 48px;
  }
}

.contact-form span {
  color: #acb743;
}

@media screen and (min-width: 641px) {
  .contact-form .cont-form {
    height: 36px;
    width: 471px;
    margin-bottom: 12px;
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .cont-form {
    height: 140px;
    width: 100%;
  }
}

.contact-form input {
  border: 1px solid #acb743;
  border-radius: 0;
  height: 36px;
  vertical-align: top;
  background-color: #f8f8f1;
  padding: 5px 10px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form input {
    height: 70px;
    background-color: #fff;
  }
}

.contact-form .select2-container {
  vertical-align: top;
}

.contact-form .select2-container .select2-choice {
  height: 36px;
  border: 1px solid #acb743;
  border-radius: 0;
  padding: 3px 0 0 13px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .select2-container .select2-choice {
    height: 70px;
    padding: 20px 0 0 17px;
  }
}

.contact-form .select2-container .select2-choice abbr {
  background-position: right top;
  background-repeat: no-repeat;
  background: #f8f8f1;
}

@media screen and (min-width: 641px) {
  .contact-form .select2-container .select2-choice abbr {
    width: 10px;
    height: 18px;
    background-image: url("/resources/images/select3.png");
    background-image: url("/resources/images/select3.png");
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .select2-container .select2-choice abbr {
    width: 14px;
    height: 25px;
    background-image: url("/resources/images/select4.png");
    background-image: url("/resources/images/select4.png");
  }
}

.contact-form .select2-container .select2-choice .select2-arrow {
  background: #f8f8f1;
  border: 0;
}

@media screen and (min-width: 641px) {
  .contact-form .select2-container .select2-choice .select2-arrow {
    background-image: url("/resources/images/select3.png");
    background-image: url("/resources/images/select3.png");
    width: 10px;
    height: 18px;
    right: 8px;
    top: 8px;
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .select2-container .select2-choice .select2-arrow {
    background-image: url("/resources/images/select4.png");
    background-image: url("/resources/images/select4.png");
    width: 14px;
    height: 25px;
    top: 21px;
    right: 11px;
  }
}

@media screen and (min-width: 641px) {
  .contact-form .select2-container .select2-choice .select2-arrow b {
    background-image: url("/resources/images/select3.png");
    background-image: url("/resources/images/select3.png");
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .select2-container .select2-choice .select2-arrow b {
    background-image: url("/resources/images/select4.png");
    background-image: url("/resources/images/select4.png");
  }
}

.contact-form .select2-container .select2-drop-mask {
  background-color: #f8f8f1;
  border: 1px solid #acb743;
  border-radius: 0;
}

.contact-form .select2-container .select2-drop-active {
  border: 1px solid #acb743;
}

@media screen and (min-width: 641px) {
  .contact-form .select2-container .select2-search-choice-close {
    background-image: url("/resources/images/select3.png");
    background-image: url("/resources/images/select3.png");
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .select2-container .select2-search-choice-close {
    background-image: url("/resources/images/select4.png");
    background-image: url("/resources/images/select4.png");
  }
}

.contact-form .select2-container .select2-chosen {
  color: #868585;
  font-size: 12px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .select2-container .select2-chosen {
    font-size: 27px;
  }
}

.contact-form .select2-container .select2-drop {
  border-radius: 0;
}

.contact-form .nature {
  width: 384px;
  margin-top: 14px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .nature {
    width: 100%;
    margin-top: 36px;
  }
}

.contact-form .long {
  width: 312px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .long {
    width: 100%;
  }
}

.contact-form .gend {
  width: 170px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .gend {
    width: 100%;
  }
}

.contact-form .date1 {
  width: 107px;
  margin-right: 6px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .date1 {
    width: calc((100% - 26px)/3);
    margin-right: 13px;
    float: left;
  }
}

.contact-form .date2 {
  width: 72px;
  margin-right: 7px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .date2 {
    width: calc((100% - 26px)/3);
    margin-right: 13px;
    float: left;
  }
}

.contact-form .date3 {
  width: 95px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .date3 {
    width: calc((100% - 26px)/3);
    margin-right: 0;
    float: left;
  }
}

.contact-form .stat {
  width: 197px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .stat {
    width: 100%;
  }
}

.contact-form .num1 {
  width: 178px;
  margin-right: 5px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .num1 {
    width: calc((100% - 15px)*0.544);
    margin-right: 15px;
    float: left;
  }
}

.contact-form .num2 {
  width: 124px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .num2 {
    width: calc((100% - 15px)*0.456);
    float: left;
  }
}

.contact-form .label-like {
  height: 36px;
  width: 149px;
  display: inline-block;
  font-size: 18px;
  padding: 8px 0 16px 0;
  font-family: "RobotoSlab";
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .label-like {
    height: auto;
    width: 100%;
    display: block;
    font-size: 26px;
  }
}

.contact-form .prefer {
  margin-top: 22px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .prefer {
    margin-top: 24px;
    font-size: 28px;
  }
}

.contact-form .prefer div {
  margin: 20px 0 0 110px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .prefer div {
    margin: 36px 0 0 0;
  }
}

@media screen and (min-width: 601px) {
  .contact-form .prefer div .new-line {
    display: none;
  }
}

.contact-form .prefer div p {
  display: inline-block;
  padding: 0 8px 0 44px;
  font-family: "RobotoSlab";
}

@media screen and (min-width: 320px) and (max-width: 600px) {
  .contact-form .prefer div p:first-of-type {
    padding: 0 16px 40px 0;
  }
  .contact-form .prefer div p:nth-of-type(2) {
    padding: 0 8px 40px 0;
  }
  .contact-form .prefer div p:nth-of-type(3) {
    padding: 0 30px 40px 0;
  }
}

@media screen and (min-width: 601px) and (max-width: 640px) {
  .contact-form .prefer div p {
    padding: 0 17px 0 105px;
  }
  .contact-form .prefer div p:first-of-type {
    padding: 0 17px 0 2px;
  }
}

.contact-form .prefer div .checkbox {
  height: 22px;
  width: 23px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .prefer div .checkbox {
    height: 43px;
    width: 46px;
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .prefer div .checkbox {
    margin-right: calc(100% - 140px);
  }
}

.contact-form .prefer div .checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}

.contact-form .prefer div .checkbox:not(checked) + label {
  position: relative;
  padding: 0 0 0 0;
}

.contact-form .prefer div .checkbox:not(checked) + label:before {
  content: " ";
  position: absolute;
  top: 1px;
  border: 1px solid #acb64c;
  height: 22px;
  width: 23px;
  background-color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .prefer div .checkbox:not(checked) + label:before {
    content: " ";
    border: 1px solid #acb64c;
    height: 43px;
    width: 46px;
    background-color: #fff;
    top: -2px;
  }
}

.contact-form .prefer div .checkbox:checked + label:before {
  content: "\2714";
  color: #acb64c;
  padding: 0 0 0 3px;
  position: absolute;
  top: 1px;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  .contact-form .prefer div .checkbox:checked + label:before {
    content: "\2714";
    color: #acb64c;
    padding: 7px 0 0 10px;
    top: -2px;
  }
}

.contact-form input[type="submit"] {
  height: 37px;
  width: 119px;
  color: #acb743;
  font-family: "RobotoSlab";
  font-size: 11px;
  letter-spacing: 5px;
}

#wtb-overlay {
  margin-top: 75px;
}
#submit {
  cursor: pointer;
}
.hide {
  display: none !important;
}
.ejgWhereToBuy #zipCode.fieldInput {
  width: 312px;
}
.ejgWhereToBuy .row .dropdownWrapper, .ejgWhereToBuy .row .dropdownWrapper .dropdownList {
  width: 312px;
}
.ejgWhereToBuy #submit {
  width: 119px;
}
a.where_btn {
  display: block;
  padding: 10px 0 10px 5px;
  text-align: center;
}
.ejgWhereToBuy #zipCode.fieldInput {
  padding: 2px 10px;
}
.fb-image {
  background-size: cover;
}
.page-fresh .lifestyle.content-all .view-content > div a, .page-fresh .lifestyle.content-blog .view-content > div a {

}

.two .left-side, .two .right-side{
  width: 50%;
}

.page-fresh .one, .page-fresh .two, .page-fresh .three, .page-fresh .four .container2{
  background: none !important;
}

.page-fresh .three{
  padding-bottom: 0px;
}


section .all_blue {
  height: auto;
  background-color: #139dec;
  max-height: 233px; }
section .blue_article {
  height: auto;
  width: 100%;
  background-color: #139dec;
  padding: 56px 19px 14px 34px;
  font-size: 18px; }
section .blue_article>a {
  display: inline-block;
}
section .blue_article.single-twitter {
padding-top: 40px;}
  @media screen and (min-width: 782px) and (max-width: 958px) {
    section .blue_article {
      padding: 30px 15px 20px 15px; } }
  @media screen and (min-width: 641px) and (max-width: 781px) {
    section .blue_article {
      padding: 15px 15px 0 15px; } }
  section .blue_article a>p {
    font-family: "BitterBold";
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding-right: 10px;
    padding-bottom: 4px; }
  section .blue_article p:nth-child(2) {
    font-family: "BitterBold";
    font-size: 12px;
    color: #52c6f9;
    display: inline-block; }
  section .blue_article div:nth-child(3) {
    font-family: "RobotoSlabLight";
    font-size: 23px;
    color: #fff;
    height: 90px;
    overflow: hidden;
    line-height: 1.4;
    padding-bottom: 9px; }
    @media screen and (min-width: 721px) and (max-width: 958px) {
      section .blue_article div:nth-child(3) {
        font-size: 20px;
        padding-bottom: 5px; } }
    @media screen and (min-width: 641px) and (max-width: 720px) {
      section .blue_article div:nth-child(3) {
        font-size: 18px;
        padding-bottom: 2px; } }
  section .blue_article p:nth-child(4) {
    font-family: "Bitter";
    font-size: 19px;
    color: #63d4fe; }
    @media screen and (min-width: 721px) and (max-width: 958px) {
      section .blue_article p:nth-child(4) {
        font-size: 16px; } }
    @media screen and (min-width: 641px) and (max-width: 720px) {
      section .blue_article p:nth-child(4) {
        font-size: 14px; } }
  section .blue_article .tw_i {
    color: #fff;
    float: right;
    margin-top: 32px; }
    @media screen and (min-width: 741px) and (max-width: 958px) {
      section .blue_article .tw_i {
        margin-top: 20px; } }
    @media screen and (min-width: 641px) and (max-width: 740px) {
      section .blue_article .tw_i {
        margin-top: -4px; } }
.page-fresh .view-filters input {
  height: 20px;
  width: 210px;
  color: #A6A3A6;
  background-color: transparent;
  border: medium none;
  padding: 4px 0px 0px 1px;
  float: left;
  display: block;
}
.page-fresh .view-filters input:focus {
  outline: none;
}
.page-fresh .view-filters .views-submit-button {
  position: absolute;
  right: 5px;
  top: 10px;
  padding: 0;
  height: auto;
  width: auto;
}
.page-fresh .view-filters .views-submit-button input {
  display: none;
}
.page-fresh .view-filters .views-submit-button:after {
  content: "";
  font-family: FontAwesome;
  color: #A6A3A6;
  font-size: 14px;
  cursor: pointer;
}
.page-fresh .view-filters .views-widget-filter-combine  {
  float:right;
padding-right: 0;}
.page-fresh .view-filters .form-type-textfield  {
  height: 24px;
  display: inline-block;
  width: 230px;
  border-bottom: 2px solid #a6a3a6; }
@media screen and (max-width: 640px) and (min-width: 360px) {
  footer .footer_social {
    margin: 40px 0;
    clear: both;
  }

  footer .footer_menu {
    padding-top: 20px;
    clear: both;
  }
}

@media screen and (max-width: 640px) {
  footer a>img {
    display: block;
    margin: 0 auto;
  }
  footer .socialmenu {
    display: inline-block;
    margin-left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 171px;
    width: 171px;
  }
  footer .socialmenu li a {
    font-size: 38px;
  }
  footer .footer_social {
    width: 100%;
  }
  .footer_menu ul.menu li {
    padding: 0;
  }
  .page-contact #page-wrapper #contactUsForm .form-wrapper>.form-item:last-of-type>div label {
    width: 150px;
    clear: both;
    padding-top: 37px;
  }
  .page-contact #page-wrapper #contactUsForm .form-wrapper>.form-item:last-of-type>div {
    width: 100%;
  }
  .content {
    padding: 0 15px;
  }
  .page-contact #page-wrapper #contactUsForm input[type=text]:not(.select2-input) {
    width: 100%;
  }
  .page-contact #page-wrapper #contactUsForm .select2-container {
    width: 100% !important;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth #edit-date-of-birth {
    width:100%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item {
    width: 30%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item select {
    width: 100%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item .select2-container>a {
    width: 100%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .form-item:not(:nth-child(3)) {
    margin-left: 5%;
  }
  .one img, .two img, .three img, .three .puaro, .four img, .fb-image.big {
    width: 50%;
    height: 50%;
    min-width: 50%;
  }
  .one .cont, .two .cont, .three .cont, .four .cont  {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
  }
  .three .art_cont2 {
    float: left;
  }
  .three .heaven {
    width: 100%;
  }
  .three .puaro {
    float:left;
  }
  .art_cont .text-part p, .art_cont2 .text-part p {
    font-size: 16px;
  }
  .fb-image.small {
    width: 50%;
    min-width: 50%;
  }
  .puaro .fb-image.small {
    width: 100%;
  }
  .page-fresh .view-content.rotate .text-part{
    padding: 5px;
  }
  .page-fresh .view-content.rotate .text-part p{
    font-size: 18px;
  }
  .front #page-wrapper {
    padding-top: 70px;
  }
}
@media screen and (max-width: 500px) {
  .page-fresh .lifestyle .view-content.rotate >div {
    width: 100%;
  }
}
.footer_menu .menu li {
  list-style-image: none;
  list-style-type: none;
}
.awards {
  clear: both;
}

.two .right-side .art_cont {
  width: 100%;
}

@media screen and (max-width: 480px) {
  .container2>a, .container2 .art_cont  {
    width: 100%;
    display: block;
    clear: both;
  }
  .container2>a .fb-image {
    width: 100%;
  }
  .container2 .art_cont img {
    width: 100%;
  }
  .two .container2 .block-more, .four .container2 .block-more  {
    float:left;
  }
  .three .container2 .block-more, .one .container2 .block-more {
    float:right;
  }
  .three .puaro {
    width: 100%;
  }
  .three .art_cont2 {
    width: 100%;
    clear:left;
  }
  .art_cont2 img {
    width: 100%;
  }
  .four .cont>a {
    width: 100%;
    display: inline-block;
  }
  .fb-image.small {
    width: 100%;
  }
  .one .container2, .two .container2, .three .container2, .four .container2 {
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .one .container2 {
    background-size: 136%;
  }
  .two .container2 {
    background-size: 150%;
  }
  .three .container2 {
    background-size: 180%;
  }
  .four .container2 {
    background-size: 200%;
  }
  .three .heaven {
    display: none;
  }
  .block-more .more2, .two .container2 .block-more .more2, .four .container2 .more4, .one .more1 {
    margin: 20px auto 0 auto;
    width: auto;
  }
  .four .fifty, .four .five {
    width: 100%;
    display: inline-block;
  }
  .art_cont .text-part, .art_cont2 .text-part, .three .art_cont2>.text-part {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
  }
  .art_cont .text-part p, .art_cont2 .text-part p {
    margin-bottom: 5px;
  }
  section .blue_article div:nth-child(3) {
    font-size: 16px;
  }
  .container .block-more, .container2 .block-more {
    margin-top: 5px;
  }
  .two .container2 .block-more {
    margin-bottom: 10px;
  }
  .three .container2 .block-more div .line:first-of-type {
    margin-left: 0;
  }
  .region.region-content .logo_big {
    margin: 10px 0 10px;
    width: 100%;
  }
  .container3 .footer_social {
    text-align: center;
  }
  .container3 .footer_social ul.socialmenu {
    margin: 0 auto;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media screen and (min-width: 640px) and (max-width: 940px) {
  .page-fresh .left-side>a, .page-fresh .right-side>a {
    display: inline-block;
    width: auto;
    float:left;
  }
  .page-fresh .left-side, .page-fresh .right-side {
    width: auto;
  }
  .page-fresh .left-side>a, .page-fresh .right-side>a {
    width: auto;
  }

  .page-fresh .container2 {
    width: 470px;
    min-width: 470px;
  }
  .page-fresh .one, .page-fresh .two, .page-fresh .three, .page-fresh .four {
    display: block;
    width:470px;
    margin:0 auto;
  }
  #modalstyle .cont-modal .modal-body img {
    max-height: 180px;
  }
  #modalstyle .cont-modal .modal-body p {
    max-height: 80px;
    overflow: hidden;
  }
}
@media screen and (min-width: 470px) and (max-width: 940px) {
  .page-fresh .lifestyle {
    padding: 0;
  }
  .page-fresh .left-side, .page-fresh .right-side {
    width: 50%;
    display: inline-block;
    float:left;
  }
  .page-fresh .lifestyle .left-side, .page-fresh .lifestyle .right-side {
    width: 100%;
  }
  .page-fresh .lifestyle .one .left-side > a, .page-fresh .lifestyle .one .right-side > a {
    width: 50%;
    display: inline-block;
    float:left;
  }
  .page-fresh .lifestyle .one .container2 > a {
    width: 100%;
  }
  .page-fresh .left-side a, .page-fresh .right-side a {
    width: auto;
    display: inline-block;
    float:left;
  }
  .page-fresh .two .left-side a {
    width: 100%;
  }
  .page-fresh .two .container2 .right-side>a:first-of-type {
    float:left;
    width: auto;
  }
  .page-fresh .two .container2 .right-side>a:last-child {
    float:left;
    width: auto;
  }
  .page-fresh .three .container2 .right-side>a:last-child {
    float:left;
    width: auto;
  }

  .page-fresh section>div>a {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .page-fresh section>div {
    width: 100%;
  }
  .page-fresh .three .container2>a, .page-fresh .four .container2>a {
    width: 50%;
  }
  .page-fresh a .fb-image {
    width: 100%;
  }
  .page-fresh a .fb-image.big {
    height: 470px;
    width: 470px;
  }
  .page-fresh .container2 .text-part {
    display: inline-block;
  }
}
@media screen and (min-width: 320px) and (max-width: 469px) {
  .page-fresh .lifestyle {
    padding: 0;
  }
  .page-fresh .fb-image.small {
    width: 100%;
    clear:both;

  }
  .page-fresh .left-side, .page-fresh .right-side {
    width: 100%;
    display: inline-block;
    float:left;
  }
  .page-fresh .left-side a, .page-fresh .right-side a {
    width: 100%;
    display: inline-block;
    float:left;
  }
  .page-fresh .two .left-side a {
    width: 100%;
  }
  .page-fresh .two .container2 .right-side>a:first-of-type {
    float:left;
    width: auto;
  }
  .page-fresh .two .container2 .right-side>a:last-child {
    float:left;
    width: auto;
  }
  .page-fresh .three .container2 .right-side>a:last-child {
    float:left;
    width: auto;
  }

  .page-fresh section>div>a {
    display: inline-block;
    float: left;
    width: 100%;
  }
  .page-fresh section>div {
    width: 100%;
  }
  .page-fresh .three .container2>a, .page-fresh .four .container2>a {
    width: 100%;
  }
  .page-fresh a .fb-image {
    width: 100%;
    height: auto;
  }
  .page-fresh .container2 .text-part {
    display: none;
  }
  .page-fresh .lifestyle .view-content .art_cont a {
    width: 50%;
  }
  .lifestyle .one .container2, .lifestyle .two .container2, .lifestyle .three .container2, .lifestyle .four .container2 {
    width: 100%;
  }
  .lifestyle form {
    padding: 0 25px;
  }
}
@media screen and (max-width: 760px) {
  .page-frontpage #menu.default2 {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
@media screen and (min-width: 705px) {
  .all_blue {
    width: 100%;
  }
  .all_blue>.art_cont {
    width: 50%;
    float:right;
  }
}
@media screen and (min-width: 705px) {
  .all_blue {
    width: 100%;
  }
  .all_blue>.art_cont {
    width: 50%;
    float:right;
  }
  .lifestyle .all_blue {
    width: 50%;
  }
  .lifestyle .all_blue>.blue_article {
    width: 100%;
  }
}
.three .art_cont2>a {
  float: right;
}
.three .art_cont2>.text-part {
  background: #ffffff;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.three .art_cont2>.text-part:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 20px;
  margin-top: -20px;
  margin-left: -1px;
}
.front .two .art_cont>.text-part, .front .three .art_cont>.text-part {
  bottom: 0;
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
}
.front .two .art_cont>.text-part:after, .front .three .art_cont>.text-part:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 20px;
  margin-top: -20px;
  margin-right: -1px;
}
.js_fb_placeholder {
  display: inline-block;
  position: relative;
}
.js_fb_placeholder:after {
  content: "\f082";
  font-family: FontAwesome;
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
  position: absolute;
  color: #ffffff;
  right:0;
  top: 100%;
  -ms-transform: translate(-100%, -100%);
  -webkit-transform: translate(-100%, -100%);
  -moz-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
  margin: -10px -10px 0;
}
.two .container2 .right-side>a {
  width: auto;
  float:left;
}
@media screen and (max-width: 939px) {
  .page-fresh .view-filters .views-widget-filter-combine {
    float:left;
    margin-bottom: 10px;
  }
  .views-exposed-form .views-exposed-widget {
    clear: left;
  }
}
@media screen and (min-width: 320px) and (max-width: 640px) {
  .bottle section .name-of-bottle_mob {
    height: auto;
    width: auto;
    padding-bottom: 30px;
  }
  .bottle section .part_right ul {
    clear:both;
    display: block;
  }
  .bottle section img {
    height: auto;
  }
  .bottle section .name-of-bottle_mob p:last-child {
    margin-left: auto;
  }
  .bottle section .part_right p.awards i:before {
    margin-left: 0;
  }
  .bottle section .part_right .discription p {
    font-size: 15px;
  }
  .bottle section .part_right .three-grapes {
    margin-left: 0;
    margin-right: -25px;
    width: auto;
  }
  .bottle section .name-of-bottle_mob {
    text-align: center;
  }
  .bottle section .name-of-bottle_mob .ttl p {
    font-size: 11px;
  }
  .bottle section .name-of-bottle_mob p:last-child {
    font-size: 22px;
    clear:both;
  }
  .bottle section .name-of-bottle_mob .line {
    width: 33px;
    margin-top: 5px;
  }
  .bottle section >img {
    width: 180px;
    margin-left: calc((100% - 180px)/2);
    margin-top: 0;
  }
  .bottle section .part_right .awards {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .bottle section .part_right .circles_cont .circles {
    margin-bottom: 10px;
  }
  .bottle section .part_right>.where_btn {
    margin: 50px 0 45px 5px;
  }
  .bottle section .part_right>.three-grapes {
    margin-top: 20px;
    margin-bottom: 45px;
  }
}
footer.container3 {
  padding-bottom: 40px;
  height: 200px;
  margin-top: -200px;
}
#page-wrapper {
  min-height: 100%;
  padding-bottom: 200px;
  padding-top: 100px;
}
.front #page-wrapper {
  padding-top: 2px;
}
.bottle section .part_right .circles_cont .circles {
  display: inline-block;
  clear:both;
}
.bottle section .part_right .circles_cont {
  display: inline-block;
}
.bottle section .part_right>.where_btn{
  width: 162px;
  height: 33px;
  font-size: 11px;
  letter-spacing: 4px;
  padding-bottom: 3px;
}
.bottle section .name-of-bottle_mob .ttl {
  display: inline-block;
}
@media screen and (min-width: 641px) {
  .bottle section {
    padding: 114px 0 197px 0;
  }
  .bottle section .part_right .awards {
    padding-left: 0;
  }
  .bottle section .part_right ul {
    vertical-align: top;
  }
}

@media screen and (max-width: 640px) and (min-width: 481px) {
  .art_cont, .art_cont2, .three .art_cont2 {
    width: 100%;
  }
  .art_cont a.thumb, .art_cont2 a.thumb, .four .five {
    width:50%;
  }
  .js_fb_placeholder.small, .js_fb_placeholder.big {
    width: 100%;
  }
}
.menu2 li a.active,
.menu2 li span.active {
  text-decoration: underline;
  color: #BBC568;
}
.bottle section .part_right .discription strong {
  font-weight: bold;
}

.footer_over ul li {
  list-style-image: none;
  list-style-type: none;
}
.footer_over ul{
  text-align: center;
}
@media screen and (max-width: 760px) {
  .two .block-more,
  .three .block-more {
    margin: 0 auto;
  }
  .two .container2 .block-more>div,
  .three .container2 .block-more>div {
    display:block;
    float:none;
    padding-bottom: 0;
  }
  .two .container2 .block-more>div p,
  .three .container2 .block-more>div p {
    padding-left: 0;
  }
  .two .container2 .block-more a:last-child,
  .three .container2 .block-more a:last-child {
    width: auto;
    padding-bottom: 11px;
    margin-left: -7px;
  }
  .two .container2 .block-more > div,
  .three .container2 .block-more > div {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 640px) {
  .front .container2 .all_blue {
    width: 100%;
    background-color: transparent;
    max-height: none;
  }
  .front section .blue_article.single-twitter {
    width: 100%;
    background-color: #139dec;
  }

  .three .art_cont, .three .art_cont2 {
    width: 100%;
    display: inline-block;
    clear: both;
  }
  .all_over .over_page .main_part p {
    padding-bottom: 30px;
  }
  .footer_over p {
    font-size: 9px;
  }
  .footer_over ul {
    margin-top: 45px;
  }
  .footer_over ul li {
    padding-left: 0;
    font-size: 14px;
  }
  .page-fresh .lifestyle .view-content .text-part p {
    font-size: 28px;
  }
  .page-fresh .lifestyle .view-content.rotate div a.read_it {
    font-size: 12px;
  }
  @media screen and (min-width: 501px) and (max-width: 640px) {
    .page-fresh .lifestyle .view-content.rotate div a.read_it {
      bottom: 33px;
      font-size: 16px;
      left: 34px;
    }
    .page-fresh .lifestyle .view-content .text-part p {
      margin: 33px 34px 55px;
    }
  }
  .page-fresh .lifestyle .view-content.rotate >div.row .fb {
    width: 100%;
  }
  .page-fresh .lifestyle .view-content.rotate >div.row .post {
    width: 100%;
  }
  .page-fresh .two .container2 .right-side>a:last-child, .page-fresh .two .container2 .right-side>a:first-of-type {
    width: 100%;
  }

  .dropdownTxt span.arrowDown {
    margin-top: -23px;
  }
  .ejgWhereToBuy #submit {
    margin-left:193px;
  }
  .dropdownTxt span.selectedTxt {
    font-size: 20px;
  }
  .one .block-more .more1, .two .block-more .more2, .three .block-more .more3, .four .block-more .more4 {
    display: block;
    clear: both;
  }
  .one .block-more>div, .two .block-more>div, .three .block-more>div, .four .block-more>div {
    padding-bottom: 20px;
  }
  .one .container2 .block-more>div, .four .container2 .block-more>div {
    display:block;
    float:none;
    padding-bottom: 0;
  }
  .one .container2 .block-more>div p, .four .container2 .block-more>div p {
    padding-left: 0;
  }
  .block-more a:last-child {
    width: auto;
    padding-bottom: 11px;
    margin-left: -7px;
  }
  .block-more > div {
    margin-left: auto;
    margin-right: auto;
  }
  footer.container3 {
    height: 450px;
    margin-top: -450px;
  }
  #page-wrapper, .page-contact #page-wrapper {
    padding-bottom: 450px;
  }
}
.js_fb_placeholder {
  vertical-align: top;
}
@media screen and (min-width: 641px) {
  .footer_over p {
    padding-top: 60px;
  }
  .lifestyle a {
    vertical-align: top;
  }
  .lifestyle section {
    padding-bottom: 0;
  }
  .js_fb_placeholder.big {
    width: 50%;
  }
  .js_fb_placeholder.small {
    width: 25%;
  }
  .js_fb_placeholder>img {
    width: 100%;
  }
  .four .cont .js_fb_placeholder.small {
    width: 100%;
    clear:left;
  }
  .lifestyle .one a:nth-of-type(1) {
    width: 50%;
  }
  .lifestyle .one .left-side>a,  .lifestyle .one .right-side>a{
    width: 100%;
  }
  .lifestyle .two .left-side>a {
    width: 100%;
  }
  .lifestyle .all_blue {
    max-height: none;
    height: 235px;
  }
  .two .container2 .right-side>a {
    width: 50%;
  }
  .two .block-more .more2 {
    margin-top: 5px;
    margin-right: 20px;
  }
  .one .block-more div {
    float: none;
  }
  .one .block-more .more1 {
    margin-top: 5px;
    margin-left: 20px;
  }
  .block-more > div{
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media screen and (min-width: 761px) {
  .three .block-more {
    clear: both;
  }
  .three .block-more div {
    float: left;
  }

  .three .block-more .more3 {
    margin-top: 5px;
    float:left;
    margin-left: 20px;
  }
}
@media screen and (min-width: 876px) {
  .three .block-more {
    margin-right: 16.4%;
  }
}
@media screen and (max-width: 705px) {
  .lifestyle .all_blue>.blue_article {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .page-fresh .lifestyle .view-content .text-part p {
    font-size: 18px;
  }
}
.container2 img {
  width: 100%;
  height: auto;
}
.block-more {
  text-align: center;
}
.block-more a {
  display: inline-block;
  margin: 10px auto 10px auto;
  padding-top: 11px;
}
@media screen and (max-width: 360px) {
  #overlay #an.open .soc {
    margin-left: 30px;
  }
  #overlay #an.open ul li a.active {
    color:white;
  }
  .ejgWhereToBuy .row .dropdownWrapper, .ejgWhereToBuy .row .dropdownWrapper .dropdownList, .ejgWhereToBuy #zipCode.fieldInput, .contact-form, .buy-page p:first-of-type {
    width: 250px;
  }
  .ejgWhereToBuy #submit {
    float:right;
  }
}
#admin-menu, #admin-menu .dropdown {
  z-index: 90001;
}
@media screen and (min-width: 460px) and (max-width: 640px) {
  .page-fresh .region.region-content form {
    padding: 0 25px;
  }
}
@media screen and (min-width: 641px) and (max-width: 939px) {
  .page-fresh .region.region-content form {
    max-width: 470px;
    margin: 0 auto;
  }
  .front .one, .front .two, .front .three, .front .four {
    padding: 0 25px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1010px) {
  .node {
    padding: 0 50px 60px 50px;
  }
  footer.container3 {
    padding-right: 50px;
    padding-left: 50px;
  }
  ul.menu {
    text-align: center;
  }
  .container3 .footer_menu ul li:nth-of-type(1) {
    padding-bottom: 5px;
  }
  .container3 .footer_menu ul li:nth-of-type(2) {
    padding-bottom: 5px;
  }
  .container3 .footer_menu ul li:nth-of-type(3) {
    padding-bottom: 5px;
  }
  .container3 .footer_menu ul li:nth-of-type(4) {
    padding-bottom: 5px;
  }
  .container3 .footer_menu ul li:nth-of-type(5) {
    padding-bottom: 5px;
  }
  .container3 .footer_menu p {
    line-height: 1.5;
  }
}
@media screen and (min-width: 960px) {
  .text-part p {
    max-height: 170px;
    overflow: hidden;
  }
}

@media screen and (min-width: 640px) and (max-width: 860px) {
  .text-part p {
    max-height: 80px;
    overflow: hidden;
  }
  section .blue_article.single-twitter {
    padding-top: 15px;
  }
  section .blue_article .tw_i {
    margin-top: 10px;
  }
}
.bottle section .name-of-bottle_mob{
  padding-left: 0;
}
.bottle section .name-of-bottle_mob .ttl .line:first-child {
  margin-left: 0;
  margin-right: 10px;
}
.bottle section .name-of-bottle_mob .ttl .line:last-child {
  margin-right: 0;
}
.container2 .block-more div.ttl {
  display: inline-block;
  float: none;
  width: 100%;
}
.container2 .block-more>div {
  text-align: center;
}

.front .all_blue>div:first-child {
  width: 50%;
}
.front .all_blue>div:first-child>.blue_article {
  width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 640px) {
  .page-contact #page-wrapper #contactUsForm .dropdownTxt span.selectedTxt {
    font-size: 27px;
  }
  .page-contact #page-wrapper #contactUsForm .dropdownTxt {
    padding: 20px 20px 0 17px;
  }
  .dropdownTxt span.arrowDown::after {
    width: 14px;
    height: 25px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .fieldInput.dropdownWrapper, .page-contact #page-wrapper #contactUsForm .form-item input{
    width: 100%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownWrapper, .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth input[type=text] {
    width: 32%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth input[type=text] {
    margin-left: 2%;
  }

  .page-contact #page-wrapper #contactUsForm .form-item .dropdownTxt, .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownWrapper .dropdownTxt {
    width: 100%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item.form-item-preferred-contact-method #prefContactMethodWrapper label {
    width: 100%;
    float:left;
    margin-bottom: 50px;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-preferred-contact-method div input[type=checkbox]:not(checked) + label:after {
    left: 100px;
    top: -10px;
  }
  .page-contact #page-wrapper #contactUsForm select option {
    width: 100%;
  }
  .page-contact #page-wrapper #contactUsForm #reasonCodeDropDownWrapper select {
    width: 100%;
  }
  .form-item-date-of-birth .dropdownTxt span.arrowDown:after {
    margin-top: -27px;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownWrapper .dropdownTxt  {
    padding: 20px 10px;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownWrapper select  {
    margin-top:0;
    left: 0;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth #dobYear+ul {
    right: 0;
    width: 32%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth #dobDay+ul {
    right: 32%;
    width: 32%;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth #dobMonth+ul {
    left:0;
  }
  .page-contact #page-wrapper #contactUsForm .form-item-date-of-birth .dropdownWrapper select {
    width: 32%;
  }
  .page-contact #page-wrapper #contactUsForm input.parsley-error, .page-contact #page-wrapper #contactUsForm select.parsley-error {
    margin-bottom: 30px;
    top:5px;
  }
  .page-contact #page-wrapper #contactUsForm .parsley-errors-list.filled {
    top: 70px;
  }
  .page-contact #page-wrapper #contactUsForm input[type=text]+.parsley-errors-list.filled,
  .page-contact #page-wrapper #contactUsForm input[type=email]+.parsley-errors-list.filled {
    top: 120px;
  }

  .front .all_blue>div:first-child {
    width: 100%;
  }
}
.page-contact #page-wrapper #contactUsForm select#reasonCode.parsley-error {
  top: 30px;
}

.blue_article div:nth-child(3) {
  max-height: 85px;
  width: 100%;
  overflow-y:hidden;
}
.page-fresh .lifestyle .view-content.rotate .blue_article > a:first-child {
  float:left;
}
.page-fresh .lifestyle .view-content.rotate .row .blue_article {
  border: 1px solid #fff;
}
.js_share {
  cursor: pointer;
}
.share-text, .share-link {
  display: none !important;
}
.page-contact #page-wrapper #contactUsForm #gender.parsley-error {
  top: 35px;
}
.pager li {
  font-family: RobotoSlab;
  font-size: 14px;
  color: #bebcbc;
}

.page-fresh .lifestyle .grid-sizer,
.page-fresh .lifestyle .grid-item {
  width: 25%;
  display: inline-block;
}
/* 2 columns */
.page-fresh .lifestyle .width-1 {
  width: 25%;
  max-height: 235px;
}
.page-fresh .lifestyle .width-2 {
  width: 50%;
  max-height: 470px;
}
.page-fresh .lifestyle .grid-item.tw, .page-fresh .lifestyle .grid-item.art_cont {
  border: 1px solid #fff;
}
.page-fresh .lifestyle .width-1.art_cont .text-part {
  display: none;
}
.page-fresh .lifestyle .width-1.art_cont>a {
  width: 100%;
}
@media (max-width: 640px) {
  .page-fresh .lifestyle .width-1 {
    width: 100%;
    max-height: none;
  }
  .page-fresh .lifestyle .width-2 {
    width: 100%;
    max-height: none;
  }
}
.item-list .pager li {
  display: inline-block;
}
.ejgContactUs, .ejgWhereToBuy {
  padding-bottom: 60px;
}
.name-of-bottle {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.name-of-bottle .ttl, .name-of-bottle>p {
  display: inline-block;
  float:none;
  clear: left;
}
.bottle section .part_right .three-grapes div {
  height: 135px !important;
  width: auto !important;
  position: relative !important;
}
.bottle section .part_right .three-grapes div i {
  width: auto !important;
  margin:0 !important;
  padding: 0 10px;
  display: inline-block;
}
.bottle section .part_right .three-grapes div i:before {
  width: auto !important;
  height: auto !important;
  margin:0 !important;
}
.bottle section .part_right .three-grapes div p {
  position: absolute;
  bottom: 0;
  padding: 0 !important;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .bottle section .part_right .three-grapes div {
    height: 175px !important;
  }
  .bottle section .part_right .three-grapes div i {
    height: 175px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 454px) and (max-width: 640px) {
  .bottle section .part_right .three-grapes div i {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}
@media screen and (min-width: 641px) {
  .bottle section .part_right .three-grapes {
    width: auto;
    display: inline-block;
    float:left;
    clear:left;
    margin-left: 0;
  }
  .bottle section .part_right .circles_cont {
    float:left;
  }
}
.bg-light-grey-gradient-horizontal,#wtb-overlay #overlayContent #resultListings #resultItemsTab {
  background-color: #fff;
}
#wtb-overlay #overlayContent #resultListings #resultItemsTab:after {
  background: #899299;
  box-shadow: 0 -9px 0 0 #899299,0 10px 0 0 #899299;
  -moz-box-shadow:  0 -9px 0 0 #899299,0 10px 0 0 #899299;
  -o-box-shadow:  0 -9px 0 0 #899299,0 10px 0 0 #899299;
  -webkit-box-shadow:  0 -9px 0 0 #899299,0 10px 0 0 #899299;
}
#wtb-overlay #overlayContent #resultListings #listingsWrapper #listings {
  box-shadow: none;
  -moz-box-shadow:  none;
  -o-box-shadow:  none;
  -webkit-box-shadow:  none;
}
.page-fresh .views-exposed-widgets {
  position: relative;
}
.page-fresh .views-exposed-widgets .views-reset-button {
  position: absolute;
  right: 5px;
  top: 10px;
  vertical-align: top;
  padding: 0;
  cursor: pointer;
}
.page-fresh .views-exposed-widgets .views-reset-button input {
  height: 15px;
  width: 15px;
  display: block;
  margin-top: 0;
  cursor: pointer;
  color: transparent;
  background-image: url('/resources/images/xbutton.png');
}
.page-fresh .form-item-combine.not-empty:after {
  display: none;
}
.menu2 li span.nolink {
  cursor: pointer;
}
.view-empty {
  font-family: "RobotoSlab";
  color: #bebcbc;
  padding: 30px 0 60px 0;
}
@media screen and (max-width: 960px) {
  .front .text-part a {
    bottom: 10px;
    left: 10px;
  }
  .front .text-part p {
    font-size: 21px;
    margin: 10px 10px 33px;
  }
}
@media screen and (max-width: 860px) {
  .front .text-part p {
    font-size: 18px;
  }
}
@media screen and (max-width: 640px) {
  .front .text-part p {
    font-size: 21px;
  }
}
@media screen and (max-width: 480px) {
  .front .text-part p {
    font-size: 15px;
  }
}
@media screen and (max-width: 640px) and (min-width: 501px) {
  .front .text-part a {
    bottom: 33px;
    left: 34px;
  }
  .front .text-part p {
    font-size: 21px;
    margin: 33px 34px 33px;
  }
}

#showUPCExample, #upcDetailWrapper {
  float: left;
  display: inline-block;
  clear: both;
  width: auto;
}
.page-contact #page-wrapper #contactUsForm textarea {
  width: 312px;
  min-height: 100px;
  background-color: #f8f8f1;
  border: 1px solid #acb743;
}
.page-contact #page-wrapper #contactUsForm .form-item.check label {
  position: relative;
  float:left;
  width: auto;
  padding-left: 35px;
  padding-top: 0;
}
.page-contact #page-wrapper #contactUsForm .check input[type=checkbox] {
  display: none;
}
.page-contact #page-wrapper #contactUsForm .check input[type=checkbox]:not(checked) + label:after {
  content: " ";
  position: absolute;
  top: 1px;
  border: 1px solid #acb64c;
  height: 22px;
  width: 23px;
  background-color: #fff;
  left: 0;
}
.page-contact #page-wrapper #contactUsForm .check input[type=checkbox]:checked + label:after {
  content: "✔";
  color: #acb64c;
  padding: 0 0 0 3px;
  position: absolute;
  top: 1px;
}
.page-contact #page-wrapper #contactUsForm #productHeaderWrapper strong {
  display: block;
  margin: 20px 0;
}

.bottle section .part_right>ul:last-of-type li {
  line-height: 20px;
  padding-bottom: 26px;
  position: relative;
  margin-right: 30px;
}
@media (max-width: 640px) {
  #modalstyle .cont-modal .modal-body {
    min-width: 200px;
  }
  #modalstyle .cont-modal .modal-body p {
    max-height: 50px;
    overflow: hidden;
  }
  #modalstyle .cont-modal .modal-body img {
    max-height: 160px;
  }
  #modalstyle .cont-modal .modal-body .soc i {
    margin-top: 5px;
  }
  #modalstyle .cont-modal .modal-body .soc .icon_mf {
    margin-left: 10px;
  }
  #modalstyle .cont-modal .modal-body .soc .icon_m {
    margin-left: 10px;
  }
  #modalstyle .cont-modal .modal-body .soc .icon_mt {
    margin-left: 10px;
  }
  #modalstyle .cont-modal .modal-body .fa-lg {
    font-size: 0.7em;
  }
  #modalstyle .cont-modal .modal-body .soc p {
    float: left;
  }
  .page-contact #page-wrapper #contactUsForm textarea {
    width: 100%;
  }

  .bottle section .part_right>ul:last-of-type li {
    padding-bottom: 30px;
  }
}
@media (min-width: 641px) and (max-width: 992px) {
  section .blue_article div:nth-child(3) {
    height: 60px;
  }
}
@media screen and (max-width: 640px) and (min-width: 320px){
  .two, .three, .four {
    margin-top: 0px;
  }
}

@media screen and (max-width: 480px){
  .page-fresh .lifestyle{
    margin-top: 50px;
  }
}

@media screen and (max-width: 640px){

  .page-fresh .lifestyle .view-content.rotate > div.row .post:nth-child(odd) a.thumb{
    float: left;
  }

  .page-fresh .lifestyle .view-content.rotate > div.row .post:nth-child(even) a.thumb{
    float: right;
  }
  .page-fresh .lifestyle .post .text-part{
    padding: 15px 5px 0 15px;
  }
  .page-fresh .lifestyle .post .text-part p{
    font-size: 21px;
    max-height: 180px;
  }
}

@media screen and (min-width: 641px) and (max-width: 939px) {
  .page-fresh .region.region-content form {
    max-width: 80%;
  }

  .page-fresh .lifestyle .bef-select-as-links{
    width: 100%;
  }
}

@media screen and (max-width: 940px){
  .page-fresh .lifestyle {
    padding: 0;
    margin-top: 45px;
  }

  .bottle section .part_right .three-grapes div:nth-child(3) p{
    padding-top: 22px;
  }
  .bottle section img{
    margin-right: 50px;
  }

  .page-fresh .view-filters .views-submit-button, .page-fresh .views-exposed-widgets .views-reset-button {
    right: auto;
    left: 210px;
  }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  #zipWrapper input {
    height: 40px;
  }
}

.three .art_cont img, .three .art_cont2 img {
  width: 50%;
  height: auto;
}

@media screen and (min-width: 641px){
  .contact-form .cont-form {
    height: 47px;
    margin-bottom: 0px;
  }
  #wheretobuyForm .label-like{
    float: left;
    height: 36px;
    width: 149px;
    display: block;
    font-size: 18px;
    padding: 8px 0 0px 0;
    font-family: "RobotoSlab";
  }
}

@media screen and (min-width: 641px){
  .one .container2 {
    background: url("/resources/images/pino_grigio.png") left bottom no-repeat !important;
  }
}
.page-fresh .lifestyle .width-1 .js_fb_placeholder.small {
  width: 100%;
}
.page-fresh .lifestyle .grid.rotate .art_cont>a,
.page-fresh .lifestyle .grid.rotate .art_cont>a {
  float:right;
}
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(4)>a,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(5)>a,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(8)>a,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(9)>a,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(12)>a,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(13)>a {
  float:left;
}
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(4)>.text-part,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(5)>.text-part,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(8)>.text-part,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(9)>.text-part,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(12)>.text-part,
.page-fresh .lifestyle .grid.rotate .art_cont:nth-child(13)>.text-part {
  left:50%;
}
@media screen and (max-width: 640px) {
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(4)>a,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(5)>a,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(8)>a,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(9)>a,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(12)>a,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(13)>a {
    float:right;
  }
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(4)>.text-part,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(5)>.text-part,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(8)>.text-part,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(9)>.text-part,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(12)>.text-part,
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(13)>.text-part {
    left:0;
  }
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(2n)>a {
    float:left;
  }
  .page-fresh .lifestyle .grid.rotate .art_cont:nth-child(2n)>.text-part {
    left: 50%;
  }
}
.blog ul, .blog ol {
  padding: 10px 0 10px 50px;
}
.blog ul {
  list-style: disc;
}
.blog ol {
  list-style: decimal;
}
.blog ul li, .blog ol li {
  padding: 10px 0;
}
.blog strong {
  font-family: "RobotoSlabBold";
  font-weight: bold;
}
.blog em {
  font-style: italic;
}
.blog h5 {
  font-size: 18px;
}
.blog h4 {
  font-size: 20px;
}
.blog h3 {
  font-size: 22px;
}
.blog h2 {
  font-size: 24px;
}
.blog a {
  text-decoration: underline;
  color: #000;
}
#modalstyle .cont-modal .modal-body p a {
  color: #636363;
}
.all-wines-page {
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  font-family: "RobotoSlab";
  color: #868585;
  padding-bottom: 60px; }
  .all-wines-page h1 {
    font-size: 28px;
    color: #acb743;
    margin-bottom: 50px;
    text-transform: uppercase;}
.wine-type-items:after {
  clear: both;
  content: "";
  display: table;}
.wine-type-item {
  float: left;
  margin: 0 65px 70px 0;
  text-align: center;
  width: 190px;}
  .wine-type-item:last-child {
    margin-right: 0;
  }
  .wine-type-item.bottle-wine .wine-type-item-name {
    display: block;
  }
  .wine-type-item.bottle-wine .wine-type-item-image {
    height: 350px;
  }
  .wine-type-item.bottle-wine .wine-type-item-image {
    height: 380px;
  }
.wine-type-item-image {
  margin-bottom: 35px;}
  .wine-type-item-image img {
    max-height: 100%;
  }
.wine-type-item-name .ttl,
.wine-type-item-name > p {
  display: inline-block;
  float: none;
  clear: left;}
  .wine-type-item-name .ttl p {
    font-size: 10px;
    float: left;
    letter-spacing: 6px;
    margin-bottom: 2px;}
.wine-type-item-name a > p {
  font-size: 16px;
  clear: both;
}
.wine-type-item-name .line {
  height: 1px;
  width: 25px;
  background-color: #868585;
  display: inline-block;
  float: left;
  margin: 4px 0 0 2px; }
  .wine-type-item-name .line:first-child {
    margin-right: 6px;}
.wine-type-item.colour8 { color: #436c16; }
.wine-type-item.colour8 .line { background-color: #436c16; }
.wine-type-item.colour9 { color: #411a46; }
.wine-type-item.colour9 .line { background-color: #411a46; }
.wine-type-item.colour10 { color: #a15700; }
.wine-type-item.colour10 .line { background-color: #a15700; }
.wine-type-item.colour11 { color: #a12a26; }
.wine-type-item.colour11 .line { background-color: #a12a26; }
.wine-type-item.colour12 { color: #eea52f; }
.wine-type-item.colour12 .line { background-color: #eea52f; }
.wine-type-item.colour13 { color: #372794; }
.wine-type-item.colour13 .line { background-color: #372794; }
.wine-type-item.colour14 { color: #cd1105; }
.wine-type-item.colour14 .line { background-color: #cd1105; }
.wine-type-item.colour15 { color: #55237b; }
.wine-type-item.colour15 .line { background-color: #55237b; }
@media screen and (max-width: 1000px) and (min-width: 641px) {
  .all-wines-page {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 765px) {
  .wine-type-items {
    margin: 0 auto;
    width: 730px;
  }
  .wine-type-item {
    margin-right: 0;
    width: 33.33%;
  }
}
@media screen and (max-width: 764px) and (min-width: 641px) {
  .wine-type-items {
    margin: 0 auto;
    width: 490px;
  }
  .wine-type-item {
    margin-right: 0;
    width: 50%;
  }
}
@media screen and (max-width: 640px) {
  .all-wines-page {
    padding: 0 15px;
  }
  .all-wines-page h1 {
    font-size: 40px;
    line-height: 1.2;
  }
  .wine-type-item.hide-on-mobile {
    display: none;
  }
  .wine-type-item.box-wine {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .wine-type-item.box-wine .wine-type-item-image {
    margin-bottom: 60px;
  }
  .wine-type-item.box-wine .wine-type-item-name .ttl p {
    font-size: 21px;
  }
  .wine-type-item.box-wine .wine-type-item-name a > p {
    font-size: 37px;
  }
  .wine-type-item.box-wine .wine-type-item-name .line {
    margin-top: 10px;
  }
  .wine-type-item.box-wine .wine-type-item-name .line:first-child {
    margin-right: 8px;
  }
  .wine-type-items.bottle-wines {
    margin: 0 auto;
    max-width: 410px;
  }
  .wine-type-item.bottle-wine {
    float: left;
    margin-right: 0;
    width: 100%;
  }
}
.logo_big .play-video {
  background: #7a8324;
  border: 1px solid #7a8324;
  color: #fff;
  display: block;
  font-family: "RobotoSlab";
  font-size: 14px;
  letter-spacing: 4.5px;
  line-height: 46px;
  margin: 10px auto 0;
  max-width: 100%;
  padding-left: 4.5px;
  text-align: center;
  text-transform: uppercase;
  width: 180px !important;
}
.logo_big .play-video:hover {
  background: rgba(255,255,255,.4);
  color: #7a8324;
}
#ytmodal {
  display: none;
}
.yt-modal {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900000;
}
.yt-modal-overlay {
  background: rgba(255,255,255,.6);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.yt-modal-container {
  left: 50%;
  max-width: 907px;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  width: 100%;

  -webkit-transform: translate3d(-50%,-50%,0);
  -moz-transform: translate3d(-50%,-50%,0);
  -ms-transform: translate3d(-50%,-50%,0);
  -o-transform: translate3d(-50%,-50%,0);
  transform: translate3d(-50%,-50%,0);
}
.yt-modal-content {
  background: #f8f8f1;
  padding: 5px;
  position: relative;

  -webkit-box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.35);
  box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.35);
}
.yt-modal-container:before,
.yt-modal-container:after,
.yt-modal-content:before,
.yt-modal-content:after {
  border: 4px solid #f8f8f1;
  content: "";
  position: absolute;
  z-index: 1;
}

.yt-modal-container:before {
  width: calc(100% - 48px);
  top: 0px;
  left: 0px;
  margin: 0 25px;
}
.yt-modal-container:after {
  width: calc(100% - 48px);
  bottom: 0px;
  left: 0px;
  margin: 0 25px;
}
.yt-modal-content:before {
  height: 100%;
  bottom: 0px;
  left: 0px;
}
.yt-modal-content:after {
  height: 100%;
  bottom: 0px;
  right: 0px;
}
.yt-video > div {
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
}
.ytplayer-shield {
  display: none;
}
.yt-video iframe {
  height: 100% !important;
  left: 0 !important;
  position: absolute;
  top: 0 !important;
  width: 100% !important;
}
.yt-modal-close {
  background: #f6f7ec;
  height: 34px !important;
  position: absolute;
  right: -14px;
  top: -14px;
  width: 34px !important;
  z-index: 10;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  -webkit-box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.35);
  box-shadow: 1.5px 2.6px 7px rgba(0, 0, 0, 0.35);
}
.yt-modal-close span {
  background-color: #bcc568;
  height: 2px;
  left: 50%;
  margin: -1px 0 0 -6px;
  position: absolute;
  top: 50%;
  width: 13px;
}
.yt-modal-close span:first-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.yt-modal-close span:last-child {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 754px) and (min-width: 641px) {
  .logo_big .play-video {
    width: 100% !important;
  }
}
/*
@media screen and (max-width: 640px) {
  .yt-modal-container {
    padding: 0;
  }
}
*/

/************** WINEFINDER ***************/

.buy-page h1 {
  letter-spacing: 3px;
  margin-bottom: 15px;
}

.dropdownTxt {
  background: #efeee9;
  border: 1px solid transparent;
  padding: 2px;
  text-align: center;
}
.dropdownTxt span.selectedTxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 23px;
  text-transform: uppercase;
  text-align: left;
  margin-left: 10px;
  margin-top: 3px;
}

#ejgWhereToBuy div#acctGroup {
  display: none;
}

#ejgWhereToBuy .row {
    padding: 5px 0;
}
.ejgWhereToBuy .row .label {
  display: block;
  width: 315px;
  text-align: left;
  margin-bottom: 10px;
  color: #ACB744;
  text-transform: uppercase;
}

.ejgWhereToBuy .row input {
  height: 40px;
  background: #efeee9;
  border: 1px solid transparent;
}

.ejgWhereToBuy #zipCode.fieldInput {
  text-align: left;
  font: inherit;
  color: #868585;
}

.ejgWhereToBuy input#submit {
  border: 1px solid #7c8536;
  background: #7c8536;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 25px;
  width: 225px;
  height: 50px;
  font: inherit;
  font-size: 20px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.ejgWhereToBuy input#submit:hover{
  background: transparent;
  color: #436c16;
}

form#wheretobuyForm{
    margin{25px 0;}
}

.parsley-errors-list.filled {
  display: inline;
  text-align: center;
  opacity: 1;
  width: 160px;
}
.bg-light-grey-gradient-vertical {
  background: #7c8536;
}

#mobileNavWrapper button {
  color: #fff !important;
}

#ejgWhereToBuy .dropdownTxt span.arrowDown::after {
  display: inline-block;
  position: relative;
  background: transparent;
  content: '\25BC';
  font-size: 20px;
  color: #B4BE64;
  margin-top: 4px;
  margin-right: 15px;
}

@media screen and (max-width: 640px){
    .parsley-errors-list.filled {
      display: block;
      text-align: center;
      opacity: 1;
      width: 315px;
    }  
    .ejgWhereToBuy input#submit {
      width: 120px;
    }
    .ejgWhereToBuy #zipCode.fieldInput {
      font-size: 20px;
    }
}

/********** CONTACT US ***********/

#contactUsForm strong {
  color:#ACB744;
}

div#formHeaderWinefinder {
  display: none;
}

div#firstNameWrapper, div#reasonCodeWrapper {
  padding-top: 5px;
}

input#dobDay, input#dobYear {
  width: 82px !important;
}

#contactUsForm input {
  border: 1px solid transparent;
  background-color: #EFEEE9;
}

.contactusField.label {
  color: #ACB744;
  text-transform: uppercase;
  font-size: 15px;
}

#contactUsForm #dobWrapper .contactusField .dropdownTxt.dobTxt{
   width: 135px;
}

#contactUsForm .dropdownTxt span.arrowDown::after {
  display: inline-block;
  position: relative;
  background: transparent;
  content: '\25BC';
  font-size: 20px;
  color: #B4BE64;
  margin-top: 0px;
  margin-right: 5px;
}

div#phoneTypeDropDownWrapper {
  width: 135px;
  margin-left: 5px;
}

.dropdownTxt.phoneTypeTxt.group {
  width: 135px !important;
}

#ejgContactUs .dropdownTxt {
  width: 313px;
}

#contactUsForm input.fieldInput{
  border: 1px solid transparent !important;
  background-color: #EFEEE9 !important;
  color: #868585 !important;
  font-size: 15px !important;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 18px;
}

div#contactInfoText {
  margin: 10px 0px 15px 0px;
}

#contactUsForm input#email {
  width: 314px;
}

#contactUsForm input#dobDay {
  width: 65px;
}

#contactUsForm .dropdownWrapper {
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}

#contactUsForm a#showUPCExample, label#userCommentLabel, div#dobWrapper .parsley-errors-list {
  display: none;
}

.page-contact #page-wrapper #contactUsForm input.parsley-error, .page-contact #page-wrapper #contactUsForm select.parsley-error {
  margin-bottom: 15px;
  top: 5px;
}

img#sku {
  margin-bottom: 10px;
}

input#dobDay, input#dobYear {
  width: 100px !important;
}

.radioInlineLabel {
  display: inline;
  vertical-align: -webkit-baseline-middle;
  margin: 21px 5px 0 15px;
  color: #959493 !important;
  font-size: 12px !important;
}

li.parsley-required {
  width: 187px;
  font-size: 11px;
  padding-left: 10px;
  margin: 0;
  text-align: left;
}

.page-contact #page-wrapper #contactUsForm textarea{
    background: #EFEEE9;
    border: 1px solid transparent; 
      margin-top: 10px;
}

#contactUsForm input#submit {
  border: 1px solid #7c8536 !important;
  background: #7c8536 !important;
  color: #fff !important;
  width: 160px !important;
  height: 45px !important;
  font: inherit;
  font-size: 17px !important;
  text-transform: uppercase;
}

#contactUsForm input#submit:hover{
  background: transparent;
  color: #436c16;
}

label#userOpinionLabel, label#moreInfoLabel, label#userContactLabel {
  display: inline;
  color: #959493;
  font-size: 12px;
  position: absolute;
  margin-top: 20px;
  margin-left: 5px;
}

@media screen and (max-width: 720px){
#ejgContactUs .desktop {
  display: none !important;
}
}

/* HIDE TEXT ON MODAL */

.modal-body > p {
  display: none !important;
}