@font-face {
  font-family: "Nanum Barun Gothic";
  font-weight: 400;
  font-style: normal;
  src: url("../../../assets/fonts/NanumBarunGothic.eot");
  src: url("../../../assets/fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/NanumBarunGothic.woff") format("woff"), url("../../../assets/fonts/NanumBarunGothic.woff2") format("woff2"), url("../../../assets/fonts/NanumBarunGothic.ttf") format("truetype"); }

body {
  font-size: 15px;
  line-height: 1.5625rem;
  color: #000; }

body,
p,
blockquote,
input,
label {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
  font-family: "Nanum Barun Gothic", sans-serif; }

p,
blockquote,
cite,
ul {
  color: inherit; }

p {
  margin-bottom: 0;
  padding-bottom: 1.3125rem; }

h1,
h2,
h3,
h4,
h5,
h6,
.button {
  font-family: "Nanum Barun Gothic", sans-serif;
  font-weight: 700;
  color: #000;
  text-transform: uppercase; }

h1 {
  margin: 0; }

h2 {
  margin-bottom: 1.3125rem; }

h3,
h4,
h5,
h6 {
  margin-bottom: 0.75rem; }

a {
  color: #000;
  text-decoration: underline;
  outline: none;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  -webkit-transition-property: opacity, color;
  transition-property: opacity, color;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }
  a:not(.button):hover {
    color: #000;
    opacity: 0.8; }

.button {
  margin-bottom: 1.3125rem;
  border: 0;
  padding: 0.9375rem 0.9375rem;
  min-width: 200px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  outline: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }
  .button:hover {
    opacity: 0.8; }
  .button--red, .button--green {
    background-color: transparent; }
    .button--red:hover, .button--red:focus, .button--green:hover, .button--green:focus {
      background-color: transparent; }
  .button--red {
    background-image: url("../../../assets/img/src/backgrounds/button_red_bg.png"); }
  .button--green {
    background-image: url("../../../assets/img/src/backgrounds/button_green_bg.png"); }

form {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px; }

fieldset {
  position: relative; }

label.error {
  color: red;
  padding-bottom: 0.9375rem; }

input,
input[type=text],
input[type=email],
input[type=tel],
select,
textarea {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000;
  border-color: #949494;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  max-width: 300px;
  height: 33px;
  font-size: inherit;
  line-height: normal;
  color: #000;
  text-align: left;
  -webkit-box-shadow: none;
          box-shadow: none; }
  input:focus,
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=tel]:focus,
  select:focus,
  textarea:focus {
    border: 1px solid #000;
    border-color: #949494;
    outline: none; }
  input.error,
  input[type=text].error,
  input[type=email].error,
  input[type=tel].error,
  select.error,
  textarea.error {
    border-color: red; }

textarea {
  min-height: 100px; }

::-webkit-input-placeholder {
  color: #666;
  opacity: 1; }

::-moz-placeholder {
  color: #666;
  opacity: 1; }

:-moz-placeholder {
  color: #666;
  opacity: 1; }

:-ms-input-placeholder {
  color: #666;
  opacity: 1; }

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  left: 0;
  top: 6px;
  margin: 0;
  height: auto; }

input[type=submit].button {
  height: auto;
  line-height: normal; }

select {
  margin-bottom: 0.5rem;
  line-height: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: block;
  margin-left: 1.3125rem; }

ul {
  list-style-type: none; }

li {
  margin-bottom: 0.5rem;
  line-height: initial;
  word-break: break-word; }

h1,
.h1-size {
  font-size: 0.9375rem;
  line-height: 1.5625rem; }

h2,
.h2-size {
  font-size: 1.5625rem;
  line-height: 1.875rem; }

h3,
.h3-size {
  font-size: 0.9375rem;
  line-height: 1.5625rem; }

h4,
.h4-size {
  font-size: 0.75rem;
  line-height: 1.375rem; }

h5,
.h5-size {
  font-size: 0.75rem;
  line-height: 1.375rem; }

h6,
.h6-size {
  font-size: 0.75rem;
  line-height: 1.375rem; }

@media screen and (min-width: 64em) {
  .large-font h2,
  .large-font h3,
  .large-font h4,
  .large-font h5,
  .large-font h6,
  .large-font p,
  .large-font a {
    font-size: 1.25rem;
    line-height: 2.1875rem; } }

.bg-inputs-group input, .green-bg input, .green-bg-with-side-leaves input,
.bg-inputs-group input[type=text], .green-bg input[type=text], .green-bg-with-side-leaves input[type=text],
.bg-inputs-group input[type=email], .green-bg input[type=email], .green-bg-with-side-leaves input[type=email],
.bg-inputs-group select, .green-bg select, .green-bg-with-side-leaves select {
  border: 0; }
  .bg-inputs-group input:focus, .green-bg input:focus, .green-bg-with-side-leaves input:focus,
  .bg-inputs-group input[type=text]:focus, .green-bg input[type=text]:focus, .green-bg-with-side-leaves input[type=text]:focus,
  .bg-inputs-group input[type=email]:focus, .green-bg input[type=email]:focus, .green-bg-with-side-leaves input[type=email]:focus,
  .bg-inputs-group select:focus, .green-bg select:focus, .green-bg-with-side-leaves select:focus {
    border: 0; }

.green-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../../assets/img/src/backgrounds/green_bg.png"); }

.leaves-bg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position: top;
  background-image: url("../../../assets/img/src/backgrounds/mobile/leaves_bg.png"); }
  @media screen and (min-width: 31.25em) {
    .leaves-bg {
      background-image: url("../../../assets/img/src/backgrounds/leaves_bg.png"); } }

.leaves-bg-2 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position: left;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_05.png"); }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-2 {
      background-position: top right;
      background-image: url("../../../assets/img/src/backgrounds/desktop_01.png"); } }

.leaves-bg-3 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position: center left;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_03.png"); }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-3 {
      background-image: url("../../../assets/img/src/backgrounds/desktop_02.png"); } }

.leaves-bg-4 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position: top;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_03.png"); }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-4 {
      background-image: url("../../../assets/img/src/backgrounds/desktop_03.png"); } }

.leaves-bg-3-4 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position: top;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_03_04.png"); }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-3-4 {
      background-image: url("../../../assets/img/src/backgrounds/desktop_03_04.png"); } }

.leaves-bg-5 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_04.png"); }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-5 {
      background-image: url("../../../assets/img/src/backgrounds/desktop_04.png"); } }

.leaves-bg-6 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_05.png"); }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-6 {
      background-image: url("../../../assets/img/src/backgrounds/desktop_05.png"); } }

.leaves-bg-5-6 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-position: bottom;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_05_06.png"); }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-5-6 {
      background-image: url("../../../assets/img/src/backgrounds/desktop_05_06.png"); } }

.leaves-bg-7 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_06.png"); }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-7 {
      background-image: url("../../../assets/img/src/backgrounds/desktop_06.png"); } }

.leaves-bg-8 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../../assets/img/src/backgrounds/mobile/mobile_03.png"); }
  @media screen and (min-width: 0em) and (max-width: 43.6875em) {
    .leaves-bg-8 {
      background-position: center bottom; } }
  @media screen and (min-width: 43.75em) {
    .leaves-bg-8 {
      background-image: url("../../../assets/img/src/backgrounds/desktop_07.png"); } }

.green-bg-with-side-leaves {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../../../assets/img/src/backgrounds/side_green_leaves.png"); }

.picking-apple-bg {
  height: 273px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1410px 273px;
  background-image: url("../../../assets/img/src/backgrounds/picking_apple_illustration.png"); }

.hugging-apple-bg {
  height: 274px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1410px 274px;
  background-image: url("../../../assets/img/src/backgrounds/hugging_apple_illustration.png"); }

@media screen and (min-width: 43.75em) {
  .no-desktop-bg-img {
    background-image: none; } }

.gif-animation {
  position: absolute; }

.butterfly-gif {
  top: 450px;
  left: 0;
  z-index: 1;
  -webkit-transform: rotate(80deg) translateZ(0);
          transform: rotate(80deg) translateZ(0);
  -webkit-animation: butterfly 6s linear infinite;
  animation: butterfly 6s linear infinite; }

.butterfly-gif--flip {
  bottom: -120px;
  right: 0;
  z-index: 1;
  -webkit-transform: rotate(-80deg) translateZ(0);
          transform: rotate(-80deg) translateZ(0);
  -webkit-animation: butterfly-flip 6s linear infinite;
  animation: butterfly-flip 6s linear infinite; }

.bee-gif {
  top: 450px;
  right: -131px;
  z-index: 1;
  -webkit-transform: rotate(-50deg) translateZ(0);
          transform: rotate(-50deg) translateZ(0);
  -webkit-animation: bee 4s linear infinite;
  animation: bee 4s linear infinite; }

.bee-gif--flip {
  bottom: -90px;
  z-index: 1;
  -webkit-transform: rotate(50deg) translateZ(0);
          transform: rotate(50deg) translateZ(0);
  -webkit-animation: bee-flip 4s linear infinite;
  animation: bee-flip 4s linear infinite; }

.ladybird-gif {
  bottom: 0;
  right: 30%;
  z-index: 1;
  -webkit-transform: rotate(-20deg) translateZ(0);
          transform: rotate(-20deg) translateZ(0);
  -webkit-animation: ladybird 8s linear infinite;
  animation: ladybird 8s linear infinite; }

@-webkit-keyframes butterfly {
  0% {
    left: 0;
    top: 450px; }
  
  25% {
    left: 25%;
    top: 25%;
    -webkit-transform: rotate(70deg) translateZ(0);
            transform: rotate(70deg) translateZ(0); }
  
  50% {
    left: 40%;
    top: 15%;
    -webkit-transform: rotate(50deg) translateZ(0);
            transform: rotate(50deg) translateZ(0); }
  
  75% {
    left: 60%;
    top: 5%;
    -webkit-transform: rotate(25deg) translateZ(0);
            transform: rotate(25deg) translateZ(0); }
  
  100% {
    left: 80%;
    top: -70px;
    -webkit-transform: rotate(20deg) translateZ(0);
            transform: rotate(20deg) translateZ(0); } }

@keyframes butterfly {
  0% {
    left: 0;
    top: 450px; }
  
  25% {
    left: 25%;
    top: 25%;
    -webkit-transform: rotate(70deg) translateZ(0);
            transform: rotate(70deg) translateZ(0); }
  
  50% {
    left: 40%;
    top: 15%;
    -webkit-transform: rotate(50deg) translateZ(0);
            transform: rotate(50deg) translateZ(0); }
  
  75% {
    left: 60%;
    top: 5%;
    -webkit-transform: rotate(25deg) translateZ(0);
            transform: rotate(25deg) translateZ(0); }
  
  100% {
    left: 80%;
    top: -70px;
    -webkit-transform: rotate(20deg) translateZ(0);
            transform: rotate(20deg) translateZ(0); } }

@-webkit-keyframes butterfly-flip {
  0% {
    right: -120px;
    bottom: 40%; }
  
  25% {
    right: 25%;
    bottom: 55%;
    -webkit-transform: rotate(-70deg) translateZ(0);
            transform: rotate(-70deg) translateZ(0); }
  
  50% {
    right: 30%;
    bottom: 70%;
    -webkit-transform: rotate(-50deg) translateZ(0);
            transform: rotate(-50deg) translateZ(0); }
  
  75% {
    right: 40%;
    bottom: 85%;
    -webkit-transform: rotate(-25deg) translateZ(0);
            transform: rotate(-25deg) translateZ(0); }
  
  100% {
    right: 50%;
    bottom: 100%;
    -webkit-transform: rotate(-20deg) translateZ(0);
            transform: rotate(-20deg) translateZ(0); } }

@keyframes butterfly-flip {
  0% {
    right: -120px;
    bottom: 40%; }
  
  25% {
    right: 25%;
    bottom: 55%;
    -webkit-transform: rotate(-70deg) translateZ(0);
            transform: rotate(-70deg) translateZ(0); }
  
  50% {
    right: 30%;
    bottom: 70%;
    -webkit-transform: rotate(-50deg) translateZ(0);
            transform: rotate(-50deg) translateZ(0); }
  
  75% {
    right: 40%;
    bottom: 85%;
    -webkit-transform: rotate(-25deg) translateZ(0);
            transform: rotate(-25deg) translateZ(0); }
  
  100% {
    right: 50%;
    bottom: 100%;
    -webkit-transform: rotate(-20deg) translateZ(0);
            transform: rotate(-20deg) translateZ(0); } }

@-webkit-keyframes bee {
  0% {
    right: 0;
    top: 450px; }
  
  25% {
    right: 10%;
    top: 300px;
    -webkit-transform: rotate(-60deg) translateZ(0);
            transform: rotate(-60deg) translateZ(0); }
  
  50% {
    right: 20%;
    top: 200px;
    -webkit-transform: rotate(-50deg) translateZ(0);
            transform: rotate(-50deg) translateZ(0); }
  
  75% {
    right: 30%;
    top: 100px;
    -webkit-transform: rotate(-30deg) translateZ(0);
            transform: rotate(-30deg) translateZ(0); }
  
  100% {
    right: 40%;
    top: -100px; } }

@keyframes bee {
  0% {
    right: 0;
    top: 450px; }
  
  25% {
    right: 10%;
    top: 300px;
    -webkit-transform: rotate(-60deg) translateZ(0);
            transform: rotate(-60deg) translateZ(0); }
  
  50% {
    right: 20%;
    top: 200px;
    -webkit-transform: rotate(-50deg) translateZ(0);
            transform: rotate(-50deg) translateZ(0); }
  
  75% {
    right: 30%;
    top: 100px;
    -webkit-transform: rotate(-30deg) translateZ(0);
            transform: rotate(-30deg) translateZ(0); }
  
  100% {
    right: 40%;
    top: -100px; } }

@-webkit-keyframes bee-flip {
  0% {
    right: 50%;
    bottom: 0; }
  
  25% {
    right: 45%;
    bottom: 50px;
    -webkit-transform: rotate(60deg) translateZ(0);
            transform: rotate(60deg) translateZ(0); }
  
  50% {
    right: 20%;
    bottom: 100px;
    -webkit-transform: rotate(50deg) translateZ(0);
            transform: rotate(50deg) translateZ(0); }
  
  75% {
    right: 5%;
    bottom: 150px;
    -webkit-transform: rotate(30deg) translateZ(0);
            transform: rotate(30deg) translateZ(0); }
  
  100% {
    right: -25%;
    bottom: 200px; } }

@keyframes bee-flip {
  0% {
    right: 50%;
    bottom: 0; }
  
  25% {
    right: 45%;
    bottom: 50px;
    -webkit-transform: rotate(60deg) translateZ(0);
            transform: rotate(60deg) translateZ(0); }
  
  50% {
    right: 20%;
    bottom: 100px;
    -webkit-transform: rotate(50deg) translateZ(0);
            transform: rotate(50deg) translateZ(0); }
  
  75% {
    right: 5%;
    bottom: 150px;
    -webkit-transform: rotate(30deg) translateZ(0);
            transform: rotate(30deg) translateZ(0); }
  
  100% {
    right: -25%;
    bottom: 200px; } }

@-webkit-keyframes ladybird {
  0% {
    bottom: -50px; }
  
  5% {
    bottom: 0; }
  
  10% {
    right: 25%;
    bottom: 10%; }
  
  25% {
    right: 20%;
    bottom: 25%; }
  
  45% {
    right: 15%;
    bottom: 45%; }
  
  65% {
    right: 10%;
    bottom: 65%; }
  
  85% {
    right: 5%;
    bottom: 85%; }
  
  95% {
    right: 2%;
    bottom: 95%; }
  
  100% {
    right: 0;
    bottom: 100%; } }

@keyframes ladybird {
  0% {
    bottom: -50px; }
  
  5% {
    bottom: 0; }
  
  10% {
    right: 25%;
    bottom: 10%; }
  
  25% {
    right: 20%;
    bottom: 25%; }
  
  45% {
    right: 15%;
    bottom: 45%; }
  
  65% {
    right: 10%;
    bottom: 65%; }
  
  85% {
    right: 5%;
    bottom: 85%; }
  
  95% {
    right: 2%;
    bottom: 95%; }
  
  100% {
    right: 0;
    bottom: 100%; } }

.block-meet-mr-son-heading {
  max-width: 340px; }
  .block-meet-mr-son-heading--small {
    max-width: 205px; }

.orchard-welcome-heading {
  max-width: 358px; }
  .orchard-welcome-heading--small {
    max-width: 175px; }

.pdp-apples-heading {
  max-width: 285px; }
  .pdp-apples-heading--small {
    max-width: 177px; }

.pdp-stockists-heading {
  max-width: 329px; }
  .pdp-stockists-heading--small {
    max-width: 160px; }

.product-apples-heading {
  max-width: 258px; }
  .product-apples-heading--small {
    max-width: 144px; }

.product-juice-heading {
  max-width: 258px; }
  .product-juice-heading--small {
    max-width: 127px; }

.block-where-do-our-apples-come-from-heading {
  max-width: 257px; }

.events-intro-heading {
  max-width: 118px; }

.family-east-farm-heading {
  max-width: 164px; }
/*

.family-garden-consultant-heading {
  max-width: 249px; }
*/

.family-garden-consultant-heading {
  max-width: 110px; }

.family-mr-and-mrs-kim-heading {
  max-width: 213px; }

.family-mr-son-heading {
  max-width: 265px; }

.family-north-farm-heading {
  max-width: 163px; }

/*
.family-pr-heading {
  max-width: 179px; }
*/
.family-pr-heading {
  max-width: 130px; }

/*
.family-south-farm-heading {
  max-width: 163px; }
*/


.family-south-farm-heading {
  max-width: 200px; }

.family-why-not-say-hi-heading {
  max-width: 107px; }

.orchard-apples-heading {
  max-width: 100px; }

.orchard-events-heading {
  max-width: 98px; }

.orchard-growing-heading {
  max-width: 201px; }

/*
.orchard-meet-the-family-heading {
  max-width: 124px; }
220302 수정*/

.orchard-meet-the-family-heading {
  max-width: 200px; }

.orchard-punchbowl-heading {
  max-width: 53px; }

.orchard-visit-heading {
  max-width: 94px; }

.pdp-apples-add-to-basket-heading {
  max-width: 92px; }

.pdp-apples-gift-apples-heading {
  max-width: 57px; }

.pdp-apples-home-apples-heading {
  max-width: 57px; }

.pdp-juice-heading {
  max-width: 42px; }

.pdp-recipe-ideas-heading {
  max-width: 214px; }

.signup-heading {
  max-width: 119px; }

.gutter-bottom, .page {
  padding-bottom: 1.3125rem; }
  @media screen and (min-width: 64em) {
    .gutter-bottom, .page {
      padding-bottom: 3.6875rem; } }

.gutter-top {
  padding-top: 2.8125rem; }
  @media screen and (min-width: 64em) {
    .gutter-top {
      padding-top: 5rem; } }

.gutter-small-top {
  padding-top: 2.5rem; }

.gutter-small-bottom, .pdp .stockists__items .stockist {
  padding-bottom: 1.1875rem; }

.gutter-extra-small-top {
  padding-top: 0.9375rem; }

.gutter-extra-small-bottom {
  padding-bottom: -0.375rem; }

.gutter-large-top {
  padding-top: 5rem; }

.gutter-large-bottom {
  padding-bottom: 5rem; }

.no-gutter {
  margin: 0 !important;
  padding: 0 !important; }

.no-bottom-gutter {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.no-top-gutter {
  margin-top: 0 !important;
  padding-top: 0 !important; }

@media screen and (min-width: 43.75em) {
  .vertical-align-parent {
    display: table;
    width: 100%; }
    .vertical-align-parent .vertical-align-child {
      display: table-cell;
      vertical-align: middle; }
      .vertical-align-parent .vertical-align-child.columns {
        float: none; } }

.menu {
  display: table;
  margin-left: auto;
  margin-right: auto; }
  .menu li.menu__item {
    margin: 0; }
    .menu li.menu__item a {
      padding: 0.5rem;
      font-family: "Nanum Barun Gothic", sans-serif;
      font-weight: 700;
      text-decoration: none; }
      .menu li.menu__item a img {
        margin-right: 0; }

.border-top {
  border-top: 1px solid #000; }

.border-bottom {
  border-bottom: 1px solid #000; }

.border-bottom--small {
  position: relative; }
  .border-bottom--small:before {
    content: '';
    position: absolute;
    width: 60%;
    height: 1px; }
  .border-bottom--small:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30%;
    border-bottom: 1px solid #000; }

.no-border {
  border: 0; }
  .no-border.border-bottom--small:before {
    width: auto;
    margin: 0;
    border-bottom: 0; }

@media screen and (min-width: 43.75em) {
  .no-border-medium {
    border: 0;
    padding-bottom: 0; }
    .no-border-medium.border-bottom--small:before {
      width: auto;
      margin: 0;
      border-bottom: 0; } }

.section__img, .section__heading {
  width: 100%;
  margin-bottom: 1.3125rem; }

.section__heading img {
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.section__heading span {
  display: block;
  padding-top: 0.75rem; }

.section .map-img {
  max-width: 500px; }

.icon-link {
  display: inline-block;
  padding: 0.5rem; }

.icon {
  display: inline-block;
  margin-right: 0;
  width: 32px;
  height: 32px; }
  .icon.arrow {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: initial;
    background-image: url("../../../assets/img/src/icons/arrow_icon.png"); }
  .icon.email, .icon.pin {
    margin-right: 0.5rem; }

.icon-with-text li {
  position: relative; }

.icon-with-text span, .icon-with-text a {
  display: inline-block;
  margin-bottom: 0.5rem;
  margin-top: 0.3125rem;
  padding-left: 45px; }

.icon-with-text .icon.email, .icon-with-text .icon.pin {
  position: absolute;
  top: 0;
  left: 0; }

.accordion .accordion-item.is-active .accordion-title:before {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0); }

.accordion .accordion-item .accordion-title {
  padding-left: 35px;
  position: relative; }
  .accordion .accordion-item .accordion-title:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url("../../../assets/img/src/icons/arrow_icon.png"); }
  .accordion .accordion-item .accordion-title:before {
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
  .accordion .accordion-item .accordion-title h3 {
    margin-bottom: 0; }

.header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1000;
  height: 137px;
  background-color: #f9f9f8;
  -webkit-transition: top 0.4s ease-out;
  transition: top 0.4s ease-out;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: fixed;
  position: fixed; }
  .header:before {
    content: '';
    position: absolute;
    width: 88px;
    height: 94px;
    content: "";
    background-image: url("../../../assets/img/src/backgrounds/header_bg_1.png"); }
  .header:after {
    content: '';
    position: absolute;
    width: 95px;
    height: 94px;
    content: "";
    background-image: url("../../../assets/img/src/backgrounds/header_bg_2.png"); }
  .header:before, .header:after {
    content: "";
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .header:before {
    left: 0; }
  .header:after {
    right: 0; }
  .header.sticky {
    top: -88px; }
  .header .brand {
    height: 88px; }
  .header__nav {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1410px;
    width: 100%; }
    .header__nav .menu {
      width: 75%; }
      @media screen and (min-width: 43.75em) {
        .header__nav .menu {
          width: 100%; } }
      @media screen and (min-width: 64em) {
        .header__nav .menu {
          width: 85%; }
          .header__nav .menu li.menu__item a {
            padding-top: 0.9375rem;
            padding-bottom: 0.9375rem;
            font-size: 1.125rem; }
            .header__nav .menu li.menu__item a.trolly-icon-link {
              position: absolute;
              top: 0;
              right: 5px;
              padding-top: 0.625rem;
              padding-bottom: 0.625rem; } }

.off-screen-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  overflow: hidden;
  visibility: hidden;
  height: 366px;
  margin-top: -366px;
  background-color: #f9f9f8;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .off-screen-nav.active {
    visibility: visible;
    margin-top: 0; }
  .off-screen-nav__content {
    padding-bottom: 0.5rem; }
    .off-screen-nav__content .menu {
      display: block;
      border-bottom: 1px solid #000; }
      .off-screen-nav__content .menu li.menu__item {
        display: block; }
        .off-screen-nav__content .menu li.menu__item.brand a {
          padding-top: 0;
          margin-top: -3px; }
        .off-screen-nav__content .menu li.menu__item a {
          padding-top: 0.75rem;
          padding-bottom: 0.75rem; }

.footer__content p {
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.375rem; }

html, body {
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  background-color: #f6f5f5; }

main {
  position: relative;
  padding-top: 137px; }

header,
main,
footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }

.row,
.section,
.columns {
  position: relative; }

.section {
  width: 100%;
  overflow: hidden; }

.brand {
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease; }
  .brand a:hover {
    opacity: 1; }
  .brand a img {
    max-width: 245px;
    max-height: 299px; }
    @media screen and (min-width: 43.75em) {
      .brand a img {
        max-width: 376px;
        max-height: 459px; } }
  .brand--small a img {
    max-width: 68px;
    max-height: 88px; }

body.home .header {
  height: 50px; }
  body.home .header:before, body.home .header:after {
    display: none; }
  body.home .header.sticky {
    top: 0; }
  body.home .header__content .brand {
    display: none; }

body.home .main-home {
  padding-top: 50px; }
  body.home .main-home .section-hero {
    z-index: 2; }
    @media screen and (max-width: 25em) {
      body.home .main-home .section-hero .brand {
        padding-bottom: 5.625rem; } }
  body.home .main-home .bee-gif {
    -webkit-animation-delay: 4s;
    /* Safari 4.0 - 8.0 */
    animation-delay: 4s; }

.pdp .section-form .price {
  padding-bottom: 0.5rem; }

.pdp .stockists__items .stockist {
  display: inline-block;
  padding-left: 0.25rem;
  padding-right: 0.25rem; }
  .pdp .stockists__items .stockist img {
    border: 1px solid #000;
    border-color: #949494; }

.pdp .inspiration .vertical-align-parent {
  display: table; }
  .pdp .inspiration .vertical-align-parent .columns.vertical-align-child {
    display: table-cell;
    vertical-align: middle;
    float: none; }


.head_txt{
    max-width: 200px;
}


@media screen and (max-width:500px){
    .head_txt{
        max-width: 50%!important;
    }
}