@charset "UTF-8";

/*
Theme Name: Cuubes
Theme URI: http://www.perfectlyfree.com
Description: Theme template -- WordPress v4.0
Author: GS-I
Author URI: http://www.gs-interactive.net
Version: 2.1
*/

@CHARSET "ISO-8859-1";
html {
  overflow-y: scroll;
}

div.mainwrapper #bites-3 .col-3 {
  min-width: 200px;
  width: 20%;
}

body {
  padding: 0;
  margin: 0;
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #4b4b4b;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

p {
  margin: 12px 0;
}

a {
  text-decoration: none;
  color: #833177;
}

a:hover {
  text-decoration: none;
  color: #612458;
}

::-webkit-input-placeholder {
  opacity: 1;
}

::-ms-input-placeholder {
  opacity: 1;
}

::placeholder {
  opacity: 1;
}

::-webkit-input-placeholder {
  opacity: 1;
}

:-moz-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}

table {
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

strong {
  font-weight: 500;
}

.mainwrapper {
  position: relative;
  z-index: 888;
  background-color: #fff;
}

.content-wrap a.btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #833177;
  padding: 8px 23px 8px 30px;
  border: 1px solid #833177;
  text-transform: uppercase;
}

.content-wrap a.btn:hover .fa {
  opacity: 1;
}

.content-wrap a.btn .fa {
  opacity: .1;
}

/* Coupon-modal
* --------------------------------------- */

.modal-bg,
.modal-bg > *,
.modal-bg * {
  box-sizing: border-box;
}

.modal-bg {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  top: 0;
  left: 0;
}

.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal {
  position: relative;
  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.67);
  background: linear-gradient(-40deg, #0e5491, #238cc6);
  padding: 50px 70px;
  color: white;
  width: 920px;
}

.modal-title {
  text-transform: uppercase;
  font-size: 100px;
  color: white;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: .9;
  margin: 0;
  -webkit-text-stroke: 3px #8cc53e;
}

.modal-info {
  font-weight: 300;
  font-size: 24px;
}

.modal-info b {
  font-weight: 700;
}

.modal-column1 {
  vertical-align: top;
  display: inline-block;
  position: relative;
  width: 40%;
  margin-right: 2%;
}

.modal-column2 {
  vertical-align: top;
  display: inline-block;
  position: relative;
  width: 57%;
  margin-right: 0%;
}

.modal-img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}

.modal-email {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid white;
  display: block;
  color: white;
  padding: 15px 15px;
  margin: 0;
  width: 100%;
  position: relative;
  font-weight: 300;
}

.modal-email::-webkit-input-placeholder {
  color: white;
  font-weight: 300;
}

.modal-email:-ms-input-placeholder {
  color: white;
  font-weight: 300;
}

.modal-email::-ms-input-placeholder {
  color: white;
  font-weight: 300;
}

.modal-email::placeholder {
  color: white;
  font-weight: 300;
}

.modal-submit,
.wpcf7-form-control.wpcf7-submit {
  background-color: #8cc53e;
  padding: 10px 20px;
  color: white;
  border: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: -20px;
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 40px;
  width: 40px;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-bar {
  position: absolute;
  height: 1px;
  width: 20px;
  top: 19px;
  left: 10px;
  background-color: white;
}

.modal-bar-2 {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.modal-url,
.wpcf7-form-contro.wpcf7-text.wpcf7-validates-as-required,
.wpcf7-form-control-wrap.source {
  display: none;
}

.modal_redirect {
  display: none;
}

/* Defining the header
* --------------------------------------- */

.mainheader {
  height: 90px;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 998;
  position: absolute;
  top: 15px;
  left: 0;
  padding:10px 0;
}

.mainheader-scr {
  display: none;
  height: 85px;
  width: 100%;
  padding: 15px 0 0 0;
  margin: 0;
  z-index: 998;
  position: fixed;
  color: #7f7f7f;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  top: 0;
  left: 0;
}

.mainheader-in {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.logo {
  position: absolute;
  top: 20px;
  left: 446px;
  width: 308px;
  height: 60px;
  overflow: hidden;
}

.if-logo {
  position: absolute;
  top: -5px;
  right: -25px;
  width: 180px;
  height: 55px;
  overflow: hidden;
}

.if-logo2 {
  position: relative;
  margin: 0 0 0 -20px;
}

#bom::before {
  display: block;
  content: " ";
  margin-top: -100px;
  height: 100px;
  visibility: hidden;
  pointer-events: none;
}

/* Defining the nav
* --------------------------------------- */

.mainheader-in .nav-l {
  text-align: right;
  position: absolute;
  width: 430px;
  top: 30px;
  left: 0;
  margin: 0;
  padding: 0;
}

.mainheader-in .nav-r {
  text-align: left;
  position: absolute;
  width: 330px;
  top: 30px;
  right: 100px;
  margin: 0;
  padding: 0;
}

.mainheader-in ul.nav li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.mainheader-in ul.nav li a {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  color: #fff;
  padding: 12px 15px;
  display: block;
}

.mainheader-in ul.nav li a:hover {
  color: #ececec;
}

#header-scr .mainheader-in ul.nav li a,
.mainheader-scr .mainheader-in ul.nav li a {
  color: #7f7f7f;
}

#header-scr .mainheader-in ul.nav li a:hover,
.mainheader-scr .mainheader-in ul.nav li a:hover {
  color: #653a96;
}

.mainheader-in ul.nav li ul {
  position: absolute;
  left: -3000em;
  display: block;
  width: 120px;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 0;
}

.mainheader-in ul.nav li:hover ul {
  left: auto;
}

.mainheader-in ul.nav li ul li {
  display: block;
  padding: 15px 15px;
  text-align: left;
}

.mainheader-in ul.nav li ul li a {
  font-size: 15px;
  padding: 0;
  color: #333;
}

.mainheader-in ul.nav li ul li a:hover {
  color: #833177;
}

.social-head {
  text-align: right;
  position: absolute;
  width: 100px;
  top: 40px;
  right: 0;
  margin: 0;
}

.social-head li {
  color: #fff;
  font-size: 18px;
  display: inline-block;
  margin: 0;
  padding: 10px 0 0 7px;
}

.social-head a {
  color: #fff;
  text-decoration: none;
}

.social-head a:hover {
  color: #653a96;
  text-decoration: none;
}

#header-scr .social-head a {
  color: #7f7f7f;
  text-decoration: none;
}

#header-scr .social-head a:hover {
  color: #653a96;
  text-decoration: none;
}

#header-scr .social-head li {
  color: #000;
}

.hamburger {
  display: none;
  text-align: right;
  position: absolute;
  width: 35px;
  top: 3px;
  right: 15px;
  margin: 0;
  color: #fff;
  font-size: 24px;
}

#header-scr .hamburger {
  color: #7f7f7f;
  top: 18px;
}

.nav-m {
  position: fixed;
  list-style: none;
  width: 170px;
  min-height: 100vh;
  top: 66px;
  right: -200px;
  margin: 0;
  padding: 15px 15px 0;
  background: rgba(255, 255, 255, 0.95);
  /*border-left: 1px solid #e5e5e5;*/
  overflow: hidden;
  z-index: 889;
  font-size: 17px;
}

.nav-m li {
  padding: 0 0 10px 0;
}

.nav-m a {
  color: #666;
  text-decoration: none;
}

.nav-m a:hover {
  color: #653a96;
  text-decoration: none;
}

.nav-m li ul {
  list-style: none;
  padding: 10px 0 0 15px;
}

.nav-m li ul li:last-child {
  padding: 0;
}

/* Grid
* --------------------------------------- */

.col-1 {
  width: 8.33%;
  float: left;
}

.col-2 {
  width: 16.66%;
  float: left;
}

.col-3 {
  width: 25%;
  float: left;
}

.col-4 {
  width: 33.33%;
  float: left;
}

.col-5 {
  width: 41.66%;
  float: left;
}

.col-6 {
  width: 50%;
  float: left;
}

.col-7 {
  width: 58.33%;
  float: left;
}

.col-8 {
  width: 66.66%;
  float: left;
}

.col-9 {
  width: 75%;
  float: left;
}

.col-10 {
  width: 83.33%;
  float: left;
}

.col-11 {
  width: 91.66%;
  float: left;
}

.col-12 {
  width: 100%;
  float: left;
}

.columns {
  position: relative;
  width: 1200px;
  padding: 0 0 50px;
  margin: 0 auto;
}

/* Defining each section background and styles
* --------------------------------------- */

.section {
  padding: 0;
  position: relative;
}

#section1 {
  background-position: top center;
  background-image: url(images/hp-hero-1a.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #60a3e9;
  width: 100%;
  padding: 0;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  width: 100%;
  height: 650px;
}

#section1 .content-wrap {
  padding: 0;
  overflow: hidden;
}

#section1 .vcenter {
  width: 100%;
  height: 650px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

#section1 .content-wrap h1 {
  font-family: 'Gotham A', 'Gotham B';
  font-size: 50px;
  font-weight: 300;
  line-height: 1.1;
  color: #fff;
  text-shadow: 0px 1px 6px #003366;
  margin: 30px 0 0 0;
}

#section1 .content-wrap p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}

#section1 .content-wrap a.btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  padding: 8px 23px 8px 30px;
  text-align: center;
  border: 1px solid #fff;
  text-transform: uppercase;
}

#section1 .content-wrap a.btn .fa {
  opacity: .1;
}

#section1 .content-wrap a.btn:hover .fa {
  opacity: 1;
}

#section2 {
  background-color: #fff;
  width: 100%;
}

#section2 .content-wrap {
  padding: 0;
  overflow: hidden;
}

#section2 .boximg2 {
  display: none;
  width: 100%;
}

#section2 img {
  width: 100%;
  height: auto;
}

#section2 img.mainimg2 {
  width: 200%;
  height: auto;
  position: absolute;
  right: -10%;
  left: auto;
}

#section2 .content-wrap .imgoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: rgba(131, 49, 119, 0.65);
  display: none;
}

#section2 .content-wrap .imgoverlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: rgba(131, 49, 119, 0.65);
  display: none;
}

#section2 .content-wrap .btnoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#section2 .content-wrap .btnoverlay2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#section2 .content-wrap .txtoverlay {
  position: absolute;
  font-weight: 300;
  top: 30px;
  left: 30px;
  width: 100%;
  text-align: left;
  font-size: 36px;
  line-height: 1.1;
  color: #b52555;
}

#section2 .content-wrap a.btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  padding: 8px 13px 8px 20px;
  border: 1px solid #fff;
  text-transform: uppercase;
}

#section2 .content-wrap a.btn .fa {
  opacity: .1;
}

#section2 .content-wrap a.btn:hover .fa {
  opacity: 1;
}

#section3 {
  background-color: #fff;
  width: 100%;
}

#section3 .content-wrap {
  padding: 0;
  overflow: hidden;
  text-align: center;
}

#section3 .inner {
  width: 90%;
  max-width: 270px;
  margin: 0 auto;
  padding: 20px 5%;
  height: 330px;
  text-align: center;
}

#section3 .content-wrap h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: #0074bd;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

#section3 .content-wrap p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
}

#section4 {
  background-color: #fff;
  width: 100%;
}

#section4 .content-wrap {
  padding: 0 30px;
  overflow: hidden;
  text-align: center;
}

#section4 .inner {
  background-color: #fff;
  padding: 10px 0 30px;
  text-align: center;
}

#section4 .slick-slide img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

#section4 .content-wrap h2 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.3;
  color: #333;
  margin: 0;
}

#section4 .prev,
#section4 .next {
  font-size: 21px;
  color: #333;
}

#section5 {
  background-size: cover;
  background-position: center top;
  background-image: url(images/img-frosting.jpg);
  background-repeat: no-repeat;
  background-color: #d4d4d5;
  background-attachment: fixed;
  width: 100%;
}

#section5 .content-wrap {
  padding: 0;
  overflow: hidden;
}

#section5 .vcenter {
  width: 100%;
  height: 400px;
  display: table-cell;
  vertical-align: middle;
}

#section5 .content-wrap h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: #833177;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

#section5 .content-wrap p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  max-width: 450px;
  padding: 0 50px 0 0;
}

#section5 .content-wrap a.btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #833177;
  padding: 8px 23px 8px 30px;
  border: 1px solid #833177;
  text-transform: uppercase;
}

#section5 .content-wrap a.btn .fa {
  opacity: .1;
}

#section5 .content-wrap a.btn:hover .fa {
  opacity: 1;
}

#section5 .vcenter img {
  max-width: 100%;
  height: auto;
}

#section6 {
  background-color: #dcd8dc;
  width: 100%;
  height: 120px;
  padding: 40px 0;
}

#section6 .slick-slide img {
  margin: 0 auto;
}

#section6 button {
  display: none;
}

#section7 {
  background-color: #fff;
  width: 100%;
  overflow: hidden;
}

#section7 .vcenter {
  width: 100%;
  height: 500px;
  display: table-cell;
  vertical-align: middle;
}

#section7 .content-wrap h2 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
  color: #000;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

#section7 .content-wrap p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  max-width: 450px;
  padding: 0 50px 0 0;
}

#section7 .tbox {
  font-size: 13px;
  color: #59315f;
  width: 275px;
  padding: 7px;
  margin: 0 15px 0 0;
  border: 1px solid #59315f;
  background-color: #fff;
  height: 18px;
}

#section7 .submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400;
  font-size: 15px;
  padding: 7px 30px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin: 6px 0 0 0;
  border: 1px solid #c198bb;
  background-color: #c198bb;
}

/* ------ innner pages  --------*/

.pagehead {
  padding: 0;
  position: relative;
  background-position: center top;
  background-size: 100%;
  background-image: url(images/img-home.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #CCC;
  width: 100%;
  height: 500px;
}

#about-head {
  background-color: #a692c3;
  background-image: url(images/img-about-1a.jpg);
}

#bites-head {
  background-color: #8aa2c4;
  background-image: url(images/img-bites-1a.jpg);
}

#findus-head {
  background-color: #7b97ad;
  background-image: url(images/img-findus-1a.jpg);
}

#pints-head {
  background-color: #9aa5b7;
  background-image: url(images/img-pints-1a.jpg);
}

#stories-head {
  background-color: #9f96ab;
  background-image: url(images/img-stories-1a.jpg);
}

#blog-head {
  background-color: #a5b577;
  background-image: url(images/img-blog-1a.jpg);
}

#askus-head {
  background-color: #ceb6b6;
  background-image: url(images/img-askus-1a.jpg);
}

.pagehead .content-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.pagehead .content-wrap h1 {
  font-size: 80px;
  margin: 0;
  font-weight: 300;
  line-height: 1.1;
  color: #fff;
}

.pagehead .content-wrap .title-pf {
  width: 609px;
  height: auto;
}

/* ------ about page  --------*/

#about-1 .content-wrap {
  padding: 35px 0 0 0;
  overflow: hidden;
  line-height: 1.6;
}

#about-1 .vcenter {
  width: 100%;
  height: 230px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 25px;
  line-height: 1.4;
  padding: 10px;
}

#about-1 .vcenter img {
  max-width: 100%;
  max-height: 100%;
}

#about-2 {
  background-position: center top;
  background-size: cover;
  background-image: url(images/img-about-2a.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #d4d4d5;
  width: 100%;
  height: 400px;
  margin: 0 0 100px 0;
}

#about-2 .vcenter {
  width: 100%;
  height: 400px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

#about-2 .content-wrap a.btn {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.1;
  color: #59315f;
  background: rgba(255, 255, 255, 0.8);
  padding: 8px 33px 8px 40px;
  border: 1px solid #59315f;
  text-transform: uppercase;
  text-decoration: none;
}

#about-2 .content-wrap a.btn .fa {
  opacity: .1;
}

#about-2 .content-wrap a.btn:hover .fa {
  opacity: 1;
}

/* ------ find us page  --------*/

#find-1 .content-wrap {
  padding: 0;
  margin: 0 0 35px 0;
  overflow: hidden;
}

#find-1 .searchimg {
  height: 400px;
  background-image: url(images/img-findus-box1.jpg);
  background-size: cover;
  background-position: center center;
}

#find-1 .vcenter {
  width: 70%;
  max-width: 350px;
  padding: 0 15%;
  height: 400px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

#find-1 .vcenter h2 {
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 10px 0;
}

#find-1 .vcenter p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  max-width: 450px;
  padding: 0 50px 0 0;
}

#find-1 .vcenter #wpsl-search-input {
  font-size: 13px;
  color: #59315f;
  width: 275px;
  padding: 7px;
  margin: 0 15px 0 0;
  border: 1px solid #59315f;
  background-color: #fff;
  height: 18px;
}

#find-1 .vcenter #wpsl-search-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400;
  font-size: 15px;
  padding: 7px 30px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin: 6px 0 0 0;
  border: 1px solid #c198bb;
  background-color: #c198bb;
}

#find-2 .content-wrap {
  padding: 0;
  margin: 0 0 50px 0;
  overflow: hidden;
}

#find-2 #wpsl-gmap {
  height: 400px;
}

#find-2 #wpsl-result-list {
  width: 1200px;
  margin: 0 auto;
}

#find-2 .content-wrap #wpsl-stores ul {
  list-style: none;
  margin: 35px 0;
  padding: 0;
}

#find-2 .content-wrap #wpsl-stores li {
  display: block;
  float: left;
  margin: 0 15px 30px;
  width: 370px;
  background-color: #eef0f2;
}

#find-2 .content-wrap #wpsl-stores li.no-results {
  display: block;
  float: none;
  margin: 0;
  width: 100%;
  background-color: #fff;
  font-size: 24px;
  font-weight: 700;
}

#find-2 #wpsl-stores .wpsl-store-location {
  padding: 15px 0 0;
  font-size: 15px;
  line-height: 1.2;
  color: #333;
  background-color: #eef0f2;
}

#find-2 #wpsl-stores .shopname {
  height: 50px;
  padding: 3px 35px 0;
  font-size: 20px;
  font-weight: 600;
  color: #833177;
  background-image: url(images/pin.png);
  background-position: 13px 0;
  background-size: 18px 24px;
  background-repeat: no-repeat;
}

#find-2 #wpsl-stores .wpsl-street {
  padding: 0 35px;
  height: 85px;
  color: #333;
}

#find-2 #wpsl-stores .wpsl-direction-wrap {
  padding: 0 30px 15px;
  font-size: 14px;
  line-height: 1.2;
  color: #333;
}

#find-2 #wpsl-stores .wpsl-direction-wrap .miles {
  font-weight: 600;
  padding: 0 5px;
}

#find-2 #wpsl-stores .wpsl-directions {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #59315f;
  padding: 8px 23px;
  text-align: center;
  margin: 15px 0 20px 0;
  border: 1px solid #59315f;
  text-transform: uppercase;
}

#find-2 .wpsl-back {
  display: block;
  width: 200px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #59315f;
  padding: 8px 23px;
  text-align: center;
  margin: 15px 0 20px 0;
  border: 1px solid #59315f;
  text-transform: uppercase;
}

#find-2 .content-wrap #wpsl-direction-details ul li {
  width: 100%;
  background-color: #fff;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #e6e6e6;
}

#find-2 .content-wrap #wpsl-direction-details ul li .wpsl-direction-index {
  width: 5%;
  float: left;
}

#find-2 .content-wrap #wpsl-direction-details ul li .wpsl-direction-txt {
  width: 85%;
  float: left;
}

#find-2 .content-wrap #wpsl-direction-details ul li .wpsl-direction-distance {
  width: 10%;
  float: left;
}

.wpsl-infobox {
  background: #fff;
  border-radius: 3px;
  padding: 9px;
  border: 1px solid #ccc;
}

/* ------ bites page  --------*/

#bites-1 .content-wrap {
  padding: 0;
  height: 330px;
  line-height: 1.6;
}

#bites-1 .content-wrap h2 {
  font-size: 32px;
  text-transform: lowercase;
  font-weight: 400;
  line-height: 1.2;
  color: #653a96;
  margin: 100px 0 5px 0;
}

#bites-1 .content-wrap p {
  margin: 0;
  font-size: 16px;
}

#bites-1 .content-wrap .col-7 .productbox {
  margin-top: -70px;
  max-width: 100%;
  height: auto;
}

#bites-2 .content-wrap {
  padding: 50px 0 0 0;
  overflow: hidden;
  background-color: #f2eef0;
}

#bites-2 .content-wrap h2 {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.2;
  color: #653a96;
  margin: 0;
}

#bites-2 .content-wrap p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #333;
  margin: 0 0 40px 0;
}

#bites-2 .content-wrap .bullets1 {
  text-align: right;
  margin-right: 10px;
  margin-left: 10px;
}

#bites-2 .content-wrap .bulletsimg {
  text-align: center;
  padding: 0 0 50px 0;
}

#bites-2 .content-wrap .bullets2 {
  text-align: left;
  margin-left: 0;
}

#bites-2 .content-wrap .bulletsimg img {
  max-width: 80%;
  height: auto;
}

#bites-3 .content-wrap {
  padding: 35px 10px 30px;
  overflow: hidden;
  text-align: center;
}

#bites-3 .content-wrap h2 {
  text-align: center;
  font-size: 32px;
  text-transform: lowercase;
  font-weight: 400;
  line-height: 1.2;
  color: #333;
  margin: 0;
}

#bites-3 .content-wrap p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #333;
  margin: 5px 0 10px;
}

#bites-3 .columns {
  text-align: center;
}

#bites-3 .col-3 {
  display: inline-block;
  float: none;
  margin: 5px 0 0 0;
  min-width: 250px;
}

#bites-3 .inner:hover {
  cursor: pointer;
}

#bites-3 .prodthumb {
  text-align: center;
}

#bites-3 .prodthumb img {
  width: 200px;
  height: auto;
  margin: 0 auto;
}

#bites-3 .content-wrap .prodthumb h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.3;
  color: #333;
  margin: 0;
}

#bites-4 .content-wrap {
  padding: 35px 0 20px 0;
  margin: 0 0 100px 0;
  overflow: hidden;
  background-color: #eef0f2;
}

#bites-4 .content-wrap .phead h2 {
  color: #7a5a7f;
  font-weight: 400;
  margin: 10px 0 0 0;
  font-size: 32px;
}

#bites-4 .content-wrap .phead p {
  max-width: 500px;
}

#bites-4 .content-wrap .prodcols {
  margin: -50px 0 0 0;
  overflow: hidden;
}

#bites-4 .content-wrap .nutri {
  margin: 50px 0 0 0;
}

#bites-4 .content-wrap .nutri img {
  max-width: 90%;
  height: auto;
}

#bites-4 .content-wrap .prodbox1 {
  margin: 0;
}

#bites-4 .content-wrap .prodbox1 img {
  max-width: 100%;
}

#bites-4 .content-wrap .prodbox2 {
  display: none;
  margin: 10px 0;
}

#bites-4 .content-wrap .prodbox2 img {
  max-width: 100%;
}

#bites-4 .content-wrap .ingredients {
  max-width: 600px;
  margin: 40px 0 10px 0;
}

#bites-4 .content-wrap a.btn {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.1;
  color: #fff;
  background-color: #59315f;
  padding: 6px 23px 6px 30px;
  border: 1px solid #59315f;
  text-transform: uppercase;
  text-decoration: none;
}

#bites-4 .content-wrap a.btn .fa {
  opacity: .1;
}

#bites-4 .content-wrap a.btn:hover .fa {
  opacity: 1;
}

/* ------ pints page  --------*/

#pints-head h1 {
  color: #658d1b;
}

#pints-1 .content-wrap {
  padding: 0;
  height: 330px;
  line-height: 1.6;
}

#pints-1 .content-wrap h2 {
  font-size: 32px;
  text-transform: lowercase;
  font-weight: 400;
  line-height: 1.2;
  color: #b52555;
  margin: 100px 0 5px 0;
}

#pints-1 .content-wrap p {
  margin: 0;
  font-size: 16px;
}

#pints-1 .content-wrap .col-7 .productbox {
  margin-top: -70px;
  max-width: 100%;
  height: auto;
}

#pints-2 .content-wrap {
  padding: 50px 0 0 0;
  overflow: hidden;
  background-color: #f2eef0;
}

#pints-2 .content-wrap h2 {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.2;
  color: #658d1b;
  margin: 0;
}

#pints-2 .content-wrap p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #333;
  margin: 0 0 40px 0;
}

#pints-2 .content-wrap .bullets1 {
  text-align: right;
  margin-right: 10px;
  margin-left: 10px;
}

#pints-2 .content-wrap .bulletsimg {
  text-align: center;
  padding: 0 0 50px 0;
}

#pints-2 .content-wrap .bullets2 {
  text-align: left;
  margin-left: 0;
}

#pints-2 .content-wrap .bulletsimg img {
  max-width: 80%;
  height: auto;
}

#pints-3 .content-wrap {
  padding: 35px 10px 30px;
  overflow: hidden;
  text-align: center;
}

#pints-3 .content-wrap h2 {
  text-align: center;
  font-size: 32px;
  text-transform: lowercase;
  font-weight: 400;
  line-height: 1.2;
  color: #333;
  margin: 0;
}

#pints-3 .content-wrap p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #333;
  margin: 5px 0 10px;
}

#pints-3 .columns {
  text-align: center;
}

#pints-3 .col-3 {
  display: inline-block;
  float: none;
  margin: 5px 0 0 0;
  min-width: 250px;
}

#pints-3 .inner:hover {
  cursor: pointer;
}

#pints-3 .prodthumb {
  text-align: center;
}

#pints-3 .prodthumb img {
  max-width: 200px;
  height: auto;
  margin: 0 auto;
}

#pints-3 .content-wrap .prodthumb h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.3;
  color: #333;
  margin: 0;
}

#pints-4 .content-wrap {
  padding: 35px 0 20px 0;
  margin: 0 0 100px 0;
  overflow: hidden;
  background-color: #eef0f2;
}

#pints-4 .content-wrap .phead h2 {
  color: #658d1b;
  font-weight: 400;
  margin: 10px 0 20px;
  font-size: 32px;
}

#pints-4 .content-wrap .phead p {
  max-width: 500px;
}

#pints-4 .content-wrap .prodcols {
  margin: -50px 0 0 0;
  overflow: hidden;
}

#pints-4 .content-wrap .nutri {
  margin: 50px 0 0 0;
}

#pints-4 .content-wrap .nutri img {
  max-width: 90%;
  height: auto;
}

#pints-4 .content-wrap .prodbox1 {
  margin: 0;
}

#pints-4 .content-wrap .prodbox1 img {
  max-width: 100%;
}

#pints-4 .content-wrap .prodbox2 {
  display: none;
  margin: 10px 0;
}

#pints-4 .content-wrap .prodbox2 img {
  max-width: 100%;
}

#pints-4 .content-wrap .ingredients {
  max-width: 600px;
  margin: 40px 0 10px 0;
}

#pints-4 .content-wrap a.btn {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.1;
  color: #fff;
  background-color: #658d1b;
  padding: 6px 23px 6px 30px;
  border: 1px solid #658d1b;
  text-transform: uppercase;
  text-decoration: none;
}

#pints-4 .content-wrap a.btn .fa {
  opacity: .1;
}

#pints-4 .content-wrap a.btn:hover .fa {
  opacity: 1;
}

/* ------ ask/faq page  --------*/

#askus-head h1 {
  color: #b52555;
}

#faq-1 .content-wrap {
  padding: 35px 0 50px 0;
  overflow: hidden;
  background-color: #fff;
}

#faq-1 .content-wrap p:first-child {
  margin-top: 0;
}

#faq-1 .content-wrap p:last-child {
  margin-bottom: 0;
}

#faq-1 .ask-q {
  border: 1px solid #bb2253;
  padding: 9px 9px 9px 35px;
  margin: 0 0 10px 0;
  font-size: 16px;
  background-image: url(images/plus.png);
  background-position: 11px 11px;
  background-repeat: no-repeat;
}

#faq-1 .ask-q:hover {
  cursor: pointer;
}

#faq-1 .open {
  background-image: url(images/minus.png);
}

#faq-1 .ask-a {
  display: none;
  padding: 0 9px 20px 36px;
  font-size: 16px;
}

#faq-2 {
  margin: 0 0 100px 0;
}

#faq-2 .content-wrap {
  padding: 0 0 35px 0;
  overflow: hidden;
  background-color: #f5e0e7;
  text-align: center;
}

#faq-2 .content-wrap h2 {
  font-size: 28px;
  font-weight: 400;
  margin: 20px 0 30px;
}

#faq-2 .content-wrap h2.purple {
  color: #653a96;
}

#faq-2 .content-wrap h2.green {
  color: #658d1b;
}

#faq-2 .content-wrap .inner {
  padding: 15px 30px 15px;
  margin: 0 15px;
  overflow: hidden;
  background-color: #fff;
}

/* ------ stories page  --------*/

#stories-1 .content-wrap {
  padding: 35px 0 0 0;
  overflow: hidden;
  background-color: #fff;
  text-align: center;
}

#stories-1 .content-wrap strong {
  color: #833177;
}

#stories-2 .content-wrap {
  overflow: hidden;
}

#stories-2 .testi-head {
  background-color: #FFF;
  padding: 40px 10px 0 10px;
}

#stories-2 .content-wrap {
  position: relative;
  padding: 35px 0 60px 0;
  overflow: hidden;
  background-color: #f2eaf1;
  text-align: center;
}

#stories-2 .prev,
#stories-2 .next {
  width: 35px;
  top: 40%;
}

#stories-2 .prev .fa,
#stories-2 .next .fa {
  font-size: 40px;
  color: #a37f9e;
}

#stories-2 .prev:hover .fa,
#stories-2 .next:hover .fa {
  color: #fff;
}

#stories-2 .content-wrap .slick-slide {
  padding: 20px;
  margin: 0 20px;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
  height: 250px;
}

#stories-2 .content-wrap .slick-slide h2 {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 3px 0;
  text-transform: uppercase;
  color: #833177;
}

#stories-2 .content-wrap .slick-slide p {
  margin: 5px 0 5px 0;
  line-height: 1.5;
}

#stories-2 .content-wrap .slick-slide .source {
  margin: 15px 0 0 0;
  overflow: hidden;
}

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

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

#storyform ::placeholder {
  color: #a27897;
  opacity: 1;
}

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

#storyform :-moz-placeholder {
  color: #a27897;
  opacity: 1;
}

#storyform ::-moz-placeholder {
  color: #a27897;
  opacity: 1;
}

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

#storyform .tbox {
  font-weight: 300;
  font-size: 13px;
  color: #a27897;
  width: 300px;
  padding: 5px;
  margin: 0 0 10px;
  border: 1px solid #a27897;
  background-color: #fff;
  height: 18px;
}

#storyform .tbox1 {
  position: absolute;
  left: -3000em;
}

#storyform .tarea {
  font-weight: 400;
  font-size: 13px;
  color: #a27897;
  width: 600px;
  padding: 5px;
  margin: 0 0 10px;
  border: 1px solid #a27897;
  background-color: #fff;
  height: 150px;
}

#storyform .error {
  background-color: #ffffcc;
}

#storyform .submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400;
  font-size: 15px;
  width: 140px;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin: 5px 0 0 0;
  border: 1px solid #863275;
  background-color: #863275;
}

#stories-2 .content-wrap .slick-slide .img img {
  width: 75px;
  height: 75px;
}

#stories-2 .content-wrap .slick-slide .name {
  text-align: right;
  padding: 0;
  color: #833177;
  font-weight: 400;
  font-size: 16px;
}

#stories-3 .content-wrap {
  padding: 35px 0 0 0;
  margin: 0 0 100px 0;
  overflow: hidden;
  background-color: #fff;
  text-align: center;
  min-height: 700px;
}

#stories-3 .referral {
  display: none;
}

#stories-3 .crt-post-content {
  /* background-color:#e5e5e5; */
}

#stories-3 .crt-post-username {
  display: none;
}

/* ------ blog main page  --------*/

#blog-1 .content-wrap {
  padding: 35px 0 50px 0;
  margin: 0 0 100px 0;
  overflow: hidden;
  background-color: #e1dbd6;
  background-image: url(images/img-frosting.jpg);
}

#blog-1 .grid-item {
  margin: 0 0 30px;
  height: auto;
  padding: 15px;
  background-color: #fff;
  color: #333;
}

#blog-1 .grid-item .blogFull img {
  max-width: 100%;
  height: auto;
}

#blog-1 .grid-item .date {
  margin: 10px 0 5px;
  font-size: 14px;
  text-transform: uppercase;
}

#blog-1 .grid-item h2.headline {
  margin: 5px 0;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
}

#blog-1 .grid-item p {
  font-size: 15px;
}

#blog-1 .grid-item p.more {
  margin: 5px 10px 10px;
  font-size: 15px;
  text-transform: uppercase;
  color: #b52555;
}

#blog-1 img {
  max-width: 100%;
  height: auto;
}

#blog-1 #sidebar {
  padding-left: 15px;
}

#blog-1 #sidebar h2 {
  margin-bottom: 8px;
}

#blog-1 #sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#blog-1 #sidebar ul li {
  margin: 0;
  padding: 0 0 7px 10px;
}

#blog-1 #sidebar #wpsl-widget-form label {
  font-size: 11px;
  margin: 0 0 3px 0;
}

#blog-1 #sidebar #wpsl-widget-form input[type=text] {
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #863275;
  width: 95%;
  padding: 2%;
  margin: 0;
  border: 1px solid #59315f;
  background-color: #fff;
  height: 18px;
}

#blog-1 #sidebar #wpsl-widget-form input[type=submit] {
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400;
  font-size: 15px;
  width: 140px;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin: -5px 0 0 0;
  border: 1px solid #c198bb;
  background-color: #c198bb;
}

/* ------ footer  --------*/

.foot-space {
  height: 450px;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #a27897;
  color: #fff;
  padding: 0;
  height: 450px;
  z-index: 777;
}

.footer-in {
  position: relative;
  width: 1200px;
  padding: 50px 0 0 0;
  margin: 0 auto;
}

.footer-in .col-3 {
  padding: 0 0 25px 0;
}

.footer-in .inner {
  margin: 0 10px 0;
  font-size: 13px;
  line-height: 1.2;
}

.footer-in .inner a {
  color: #fff;
  text-decoration: none;
}

.footer-in .inner a:hover {
  color: #863275;
  text-decoration: none;
}

.footer-in .inner .follow {
  margin: 20px 0 0 0;
}

.footer-in .inner .follow a {
  padding: 0 4px;
  font-size: 18px;
}

.footer-in .inner .phone {
  margin: 40px 0 0 0;
  font-size: 22px;
  color: #dcc6d9;
  font-size: 18px;
  font-weight: 300;
}

.footer-in .inner .phone strong {
  margin: 40px 0 0 0;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}

.footer-in .inner h2 {
  margin: 0;
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}

.footer-in .inner .tbox {
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  width: 95%;
  padding: 2%;
  margin: 0 0 10px;
  border: 1px solid #fff;
  background-color: #a27897;
  height: 18px;
}

.footer-in .inner .tbox1 {
  position: absolute;
  left: -3000em;
}

.footer-in .inner .tarea {
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  width: 95%;
  padding: 2%;
  margin: 0 0 10px;
  border: 1px solid #fff;
  background-color: #a27897;
  height: 150px;
}

.footer-in ::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.footer-in ::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.footer-in ::placeholder {
  color: #fff;
  opacity: 1;
}

.footer-in ::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.footer-in :-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.footer-in ::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.footer-in :-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.footer-in .inner .submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400;
  font-size: 15px;
  width: 140px;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  margin: 5px 0 0 0;
  border: 1px solid #863275;
  background-color: #863275;
}

#twitbox ul {
  list-style: none;
  font-size: 13px;
  line-height: 1.2;
}

#twitbox ul a {
  color: #fff;
  text-decoration: none;
}

#twitbox ul a:hover {
  color: #863275;
  text-decoration: none;
}

#twitbox .user {
  display: none;
}

#twitbox li {
  position: relative;
}

#twitbox .tweet {
  margin-bottom: 3px;
}

#twitbox .timePosted {
  margin-top: 3px;
}

#twitbox .interact {
  display: none;
}

.birdy {
  position: absolute;
  top: 0;
  left: -20px;
}

.footer-in .inner .error {
  background-color: #cc9933;
}

.page-content {
  margin: 10px 0 0 0;
}

.page-content .page-title {
  color: #CCC;
  padding: 130px 0 60px;
  font-size: 34px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.page-content .page-title a {
  color: #CCC;
}

.page-content .page-title a:hover {
  color: #2d6e8e;
}

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 33px;
  height: 33px;
  display: block;
  display: none;
  transition: all 0.3s ease;
  z-index: 800;
}

#sectionTY {
  position: fixed;
  width: 100%;
  height: 100px;
  top: 140px;
  z-index: 999;
}

#sectionTY .ty-content {
  width: 80%;
  padding: 0 5%;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  color: #833177;
  border: 1px solid #833177;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: 2px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.85);
}

#sectionTY .ty-content table {
  height: 100px;
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.footer-in .tweet {
  overflow-x: hidden;
}

/*
Generated from http://flexboxgrid.com/
See that site for usage details.
 */

.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  padding-right: 50px;
  padding-left: 50px;
}

.row {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -25px;
  margin-left: -25px;
}

.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 25px;
  padding-left: 25px;
}

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}

.col-xs-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-xs-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.around-xs {
  justify-content: space-around;
}

.between-xs {
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

.wrap {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.self-middle {
  align-self: center;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.hide {
  display: none;
}

.margin-center {
  margin-left: auto;
  margin-right: auto;
}

.u-space-top {
  margin-top: 50px;
}

.u-space-top--small {
  margin-top: 25px;
}

.u-space-top--large {
  margin-top: 100px;
}

.u-space-bottom {
  margin-bottom: 50px;
}

.u-space-bottom--small {
  margin-bottom: 25px;
}

.u-space-bottom--large {
  margin-bottom: 100px;
}

.btn--fruitbites,
.btn--onGreen,
.flavor__toggle,
.flavor__character {
  transition: all .2s ease-in-out;
}

.btn--fruitbites:hover,
.btn--onGreen:hover,
.flavor__toggle:hover,
.flavor__character:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#mc_embed_signup .mc-field-group label,
.pf-mc .mc-field-group label {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: .025em;
}

@font-face {
  font-family: "VAGRoundedLTPro-Bold";
  src: url("fonts/3639D3_2_0.eot");
  src: url("fonts/3639D3_2_0.eot#iefix") format("embedded-opentype"), url("fonts/3639D3_2_0.woff") format("woff2"), url("fonts/3639D3_2_0.woff") format("woff"), url("fonts/3639D3_2_0.ttf") format("truetype");
}

@font-face {
  font-family: "VAGRoundedLTPro-Light";
  src: url("https://www.perfectlyfree.com/wp-content/themes/Cuubes/webfonts/3639D3_3_0.eot");
  src: url("https://www.perfectlyfree.com/wp-content/themes/Cuubes/webfonts/3639D3_3_0.eot#iefix") format("embedded-opentype"), url("https://www.perfectlyfree.com/wp-content/themes/Cuubes/webfonts/3639D3_3_0.woff2") format("woff2"), url("https://www.perfectlyfree.com/wp-content/themes/Cuubes/webfonts/3639D3_3_0.woff") format("woff"), url("https://www.perfectlyfree.com/wp-content/themes/Cuubes/webfonts/3639D3_3_0.ttf") format("truetype");
}

.fruit-bites-description__desc,
.flavor__description,
.flavor__ingredients,
.events__col-heading {
  font-size: 1rem;
}

.modal.modal--pf .body-copy,
.fruit-bites-content p,
.usvthem-content p,
.fruit-bites-description__heading,
.fruit-bites__flavors .description,
.fruit-bites__find-us h4,
.fruit-bites__events .description,
.fruit-bite-event__title,
.fruit-bites--feedback p {
  font-size: 1.375rem;
}

.fruit-bites-content h2,
.usvthem-content h2,
.fruit-bite-event__date {
  font-size: 2.25rem;
}

.fruit-bites__flavors .heading,
.flavor__name,
.fruit-bites__events .heading,
.fruit-bites--feedback h1,
.modal-heading {
  font-size: 3.75rem;
}

.u-text-centered,
.modal.modal--pf .body-copy,
.fruit-bites__flavors .heading,
.fruit-bites__flavors .description,
.flavor__name,
.flavor__description,
.fruit-bites__find-us,
.fruit-bites__events .heading,
.fruit-bites__events .description {
  text-align: center;
}

strong {
  font-weight: 700;
}

.btn--fruitbites,
.btn--onGreen,
.flavor__toggle {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  display: inline-block;
  color: #fff;
  background-color: #96c93e;
  border-radius: 10px;
  border: 0;
  font-size: 1.375rem;
  line-height: 100%;
  padding: 16px 30px 13px;
}

.btn--fruitbites:hover,
.btn--onGreen:hover,
.flavor__toggle:hover,
.btn--fruitbites:active,
.btn--onGreen:active,
.flavor__toggle:active,
.btn--fruitbites:focus,
.btn--onGreen:focus,
.flavor__toggle:focus {
  background-color: #5d7e23;
  color: #fff;
}

.btn--onGreen {
  background-color: #fff;
  color: #96c93e;
}

.btn--onGreen:hover,
.btn--onGreen:active,
.btn--onGreen:focus {
  color: #96c93e;
  background-color: #eaf4d8;
}

.bg--fruitPattern {
  background-image: url("images/bg-fruits.png");
}

.btn-solid-blue,
.content-wrap a.btn-solid-blue,
.np #bites-4 .content-wrap a.btn-solid-blue {
  color: #fff;
  background-color: #6d99c0;
  border: 0;
  text-transform: uppercase;
}

.btn-big,
.content-wrap a.btn-big {
  font-size: 1.4em;
  border: 0;
  width: 100%;
  display: block;
  padding: 15px 0;
}

.btn-med,
.content-wrap a.btn-med,
.np #bites-4 .content-wrap a.btn-med {
  font-size: 1.4em;
  border: 0;
  padding: 12px 50px;
}

.btn-brown,
.content-wrap a.btn.btn-brown {
  color: #987c63;
  border-color: #987c63;
}

.btn-red,
.content-wrap a.btn.btn-red {
  color: #a32035;
  border-color: #a32035;
}

.btn-white,
.content-wrap a.btn.btn-white {
  color: #fff;
  border-color: #fff;
}

.jquery-modal.blocker.current {
  z-index: 1000;
}

.modal.modal--pf {
  padding: 25px 30px;
  color: #333;
  max-width: 850px;
}

.modal.modal--pf .body-copy {
  width: calc(7/8 * 100%);
  margin: 1em auto;
}

.modal.modal--pf a.close-modal {
  background-color: #96c93e;
  background-blend-mode: screen;
  border-radius: 50%;
}

#mc_embed_signup {
  max-width: 400px;
  margin: 0 auto;
  text-align: left;
}

#mc_embed_signup .mc-field-group {
  margin-top: .5rem;
  margin-bottom: 1rem;
}

#mc_embed_signup .mc-field-group label {
  display: inline-block;
  margin-bottom: .25rem;
}

#mc_embed_signup .mc-field-group input[type='text'],
#mc_embed_signup .mc-field-group input[type='email'] {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

#mc_embed_signup .asterisk {
  color: red;
}

.pagehead--fruit-bites,
.pagehead--usvthem {
  background-image: url("images/hero-watermelon.jpg");
  background-size: cover;
  background-position: center bottom 20%;
  padding: 0;
  background-color: #ccc;
  width: 100%;
  height: 500px;
}

.pagehead--fruit-bites .container,
.pagehead--usvthem .container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pagehead--fruit-bites h1,
.pagehead--usvthem h1 {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  align-self: flex-start;
  font-size: 8rem;
  margin-top: auto;
  margin-bottom: 30px;
  font-weight: 500;
  line-height: 1.1;
  color: #fff;
}

.fruit-bites--featured-image {
  margin-top: -100px;
  width: 100%;
}

.fruit-bites-content h2,
.usvthem-content h2 {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  line-height: 1.2222222222;
  text-transform: lowercase;
}

.fruit-bites-content p,
.usvthem-content p {
  margin-bottom: 50px;
}

.fruit-bites__healthier {
  background-image: url("images/hero-boy-counting--cropped.jpg"), url("images/hero-boy-repeater.jpg");
  background-position-x: left, center;
  background-repeat: no-repeat, repeat-x;
  background-size: auto 100%, auto 100%;
}

.fruit-bites__healthier video {
  height: 100%;
  width: 100%;
  display: block;
}

.glow {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%);
}

.fruit-bites--green-badges {
  margin-bottom: 50px;
}

.fruit-bites--green-badges h3 {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  font-size: 1.375rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  margin: 0 auto;
  color: #9c268f;
}

.fruit-bites-description {
  background-color: #f1f2f2;
  padding-top: 50px;
  padding-bottom: 100px;
}

.fruit-bites-description__heading {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  line-height: 1.18;
  margin: 1em 0;
}

.fruit-bites-description__desc {
  line-height: 1.5;
}

.fruit-bites-description__disclaimer {
  margin-top: 1em;
  margin-left: 1em;
  color: #96c93e;
}

.fruit-bites-description__disclaimer::before {
  content: '*';
  width: 1em;
  display: inline-block;
  margin-left: -1em;
}

.fruit-bites__flavors {
  background-image: url("images/product-shot--mixedberry.png"), url("images/product-shot--pineappleMango.png");
  background-size: 25vw;
  background-repeat: no-repeat;
  background-position: top left, right bottom;
  mix-blend-mode: multiply;
  padding-bottom: 100px;
}

.fruit-bites__flavors > * {
  mix-blend-mode: normal;
}

.fruit-bites__flavors .heading {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  line-height: 1.18;
  margin: 50px 0;
}

.fruit__flavor-row {
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
  margin: 50px auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.fruit__flavor-row:nth-of-type(4n) {
  flex-direction: row-reverse;
}

.fruit__flavor-row:nth-of-type(2) {
  background-image: url("images/dots-1.svg");
}

.fruit__flavor-row:nth-of-type(4) {
  background-image: url("images/dots-2.svg");
}

.fruit__flavor-row:nth-of-type(6) {
  background-image: url("images/dots-3.svg");
}

.fruit__flavor-row:nth-of-type(8) {
  background-image: url("images/dots-4.svg");
}

.fruit__flavor-row:nth-of-type(2n) {
  transition: all .2s ease-in-out;
}

.fruit__flavor-row:nth-of-type(2n):hover {
  background-position: 50% 30%;
  background-size: 85%;
}

.flavor__name {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 0;
}

.flavor__description {
  margin-bottom: 2rem;
}

.flavor__toggle.open::before {
  content: 'View ';
}

.flavor__toggle.open::after {
  content: ' +';
}

.flavor__toggle.closed::before {
  content: 'Close ';
}

.flavor__toggle.closed::after {
  content: ' –';
}

.fruit__flavor-row:nth-of-type(4n) .flavor__character:hover {
  -webkit-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);
}

.flavor__character:hover {
  -webkit-transform: scale(1.1) rotate(-5deg);
  transform: scale(1.1) rotate(-5deg);
}

.flavor__drawerWrapper {
  max-height: 1200px;
  opacity: 1;
  transition: all .5s ease-in-out;
}

.flavor__drawerWrapper.js-hidden {
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}

.flavor__ingredients strong {
  font-weight: 500;
}

.fruit-bites__find-us {
  background-color: #96c93e;
  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.fruit-bites__find-us h4 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}

.fruit-bites__find-us p {
  margin: 50px 0;
}

.fruit-bites__events {
  padding-bottom: 50px;
}

.fruit-bites__events .heading {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  line-height: 1.18;
  margin: 50px 0;
}

.fruit-bites__events .description {
  line-height: 1.54545;
}

.events__col-heading {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: .025em;
}

.fruit-bite-event {
  margin-bottom: 50px;
}

.fruit-bite-event__date {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  line-height: 1.2222222222;
  margin: 0;
  margin-bottom: 10px;
}

.fruit-bite-event__title {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  line-height: 1.2222222222;
  margin: 0;
  color: #9c268f;
}

.fruit-bite-event__locationDetails {
  font-weight: normal;
  margin: 0;
}

.fruit-bite-event__time {
  font-weight: normal;
  line-height: 1.2222222222;
  margin: 1em auto 0;
}

.fruit-bite-event p {
  margin: 1em 0;
}

.bg--greyWrap {
  background-color: #f1f2f2;
  padding-top: 50px;
}

.fruit-bites--feedback {
  background-image: url("images/bg-survey--unified.png");
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 560px;
}

.fruit-bites--feedback > div {
  min-height: 560px;
}

.fruit-bites--feedback h1 {
  font-family: "VAGRoundedLTPro-Bold";
  font-weight: normal;
  line-height: 1.2;
  margin: 0;
}

.fruit-bites--feedback p {
  line-height: 1.5454545;
  margin-bottom: 50px;
}

.fruit-bites--orangeBoy {
  height: 500px;
  background-image: url("images/hero-lemon.jpg");
  background-repeat: no-repeat;
  background-color: #f1b231;
}

.feedback-page {
  margin-top: 150px;
  min-height: 80vh;
}

.modal.modal--pf {
  overflow: visible;
}

.modal.modal--pf .disclaimer {
  font-size: 0.8rem;
}

.modal.modal--pf .offset-character {
  height: 100px;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  position: absolute;
  left: -50px;
  top: 150px;
}

.modal.modal--pf .brand-new {
  width: 130px;
}

.modal.modal--pf .pf-fruitbites-lockup {
  width: 190px;
}

.modal.modal--pf .healthier-funner-snacks-lockup {
  width: 400px;
  margin-top: 50px;
}

.modal-heading {
  font-family: "Gotham A", "Gotham B", sans-serif;
  text-transform: uppercase;
  color: #96c93e;
  margin: 20px 0;
}

.modal-heading .purple {
  color: #9c268f;
}

#home-modal .pf-fruitbites-lockup {
  width: 40%;
}

#fruitbites-email-modal {
  background-image: url("images/email-modal-bg.svg");
  background-size: calc(100% - 100px);
  background-position: center bottom 50px;
  background-repeat: no-repeat;
  min-height: 900px;
}

.pf-mc-wrap {
  position: relative;
  z-index: 888;
  background-color: #fff;
}

section#bites-4 .content-wrap,
section#about-2,
section#pints-4 .content-wrap,
section#stories-3 .content-wrap,
section#blog-1 .content-wrap {
  margin: 0;
}

.crt-feed-more {
  margin-bottom: 100px;
}

#storepoint-container + p,
#storepoint-container + p + p {
  display: none;
}

.pf-mc {
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.pf-mc .pf-mc-heading {
  font-size: 3.75rem;
  font-family: "Gotham A", "Gotham B", sans-serif;
}

.pf-mc-inner {
  position: relative;
  max-width: 1200px;
  width: 90%;
  padding: 50px 0;
  margin: 0 auto;
}

.pf-mc * {
  box-sizing: border-box;
}

.pf-mc .body-copy {
  width: calc(7 / 8 * 100%);
  margin: 1em auto;
  font-size: 1.375rem;
}

.pf-mc .mc-field-group {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  width: 33%;
  display: inline-block;
}

.pf-mc .mc-field-group label {
  display: inline-block;
  margin-bottom: 0.25rem;
}

.pf-mc .mc-field-group input[type="text"],
.pf-mc .mc-field-group input[type="email"] {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.pf-mc .asterisk {
  color: red;
}

.pf-mc .disclaimer {
  font-size: 0.8rem;
}

.pf-mc-heading-alt {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-size: 2.4em;
  margin-bottom: 0;
  color: #a32035;
}

.pf-mc-inner .body-copy {
  margin-top: 0;
}

.mc-btn {
  color: #a32035;
  text-transform: uppercase;
  text-decoration: none;
  border-color: rgba(0, 0, 0, 0);
  border-width: 0;
  padding: 10px;
  font-size: 1.2em;
  cursor: pointer;
}

/**
 *
 * Us vs Them
 *
 */

.pagehead--usvthem .container h1 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-size: 80px;
  font-weight: 300;
  line-height: 1.1;
  color: #fff;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

.usvthem-content {
  margin-top: 60px;
  margin-bottom: 60px;
}

.usvthem-intro-img {
  display: none;
}

.usvthem-intro {
  background-image: url("images/product-shot--mixedberry.png");
  background-repeat: no-repeat;
  background-position: 100% 20%;
  background-size: auto 105%;
  box-sizing: border-box;
}

.usvthem-nutrition-container {
  padding-bottom: 100px;
}

.usvthem-nutrition {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 0px;
  background-color: #fff;
}

.usvthem-nutrition h2 {
  font-weight: 300;
  color: #9b7a95;
  text-transform: capitalize;
  margin-bottom: 40px;
  font-size: 25px;
}

.usvthem-prod-info {
  display: block;
}

.usvthem-prod {
  margin-bottom: 20px;
}

/**
 *
 * Big 8
 *
 */

.big-eight svg {
  width: 100%;
}

.big-eight .st1 {
  stroke-width: 0;
}

.big-eight .st2 {
  fill: none;
  stroke: #464646;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.big-eight table {
  position: relative;
  width: 98vw;
  max-width: 1400px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 100px 0;
}

.big-eight td,
.big-eight th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: top;
  border-radius: 2px;
}

.big-eight table,
.big-eight th,
.big-eight td {
  border: none;
}

.big-eight thead {
  color: rgba(0, 0, 0, 0.6);
}

.big-eight tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.big-eight tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.big-eight td,
.big-eight th {
  padding: 15px 10px;
}

.big-eight tbody > tr > td {
  border-radius: 0;
}

.big-eight .container {
  max-width: 1100px;
}

.big-eight p {
  font-size: 1 rem;
  margin-bottom: 20px;
}

.big-eight h1 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  align-self: center;
  font-size: 5.9rem;
  margin-top: auto;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 300;
  line-height: 1.1;
}

hr {
  border: 2px solid #ad53ab;
  width: 150px;
  margin: 70px auto;
  margin-bottom: 80px;
}

.pagehead--big-eight {
  padding: 0;
  background-color: #8e2e91;
  width: 100%;
  height: 260px;
}

.pagehead--big-eight .container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.pagehead--big-eight h1 {
  color: #fff;
}

.big-eight-info {
  background-color: #fff;
}

.big-eight-info .container {
  background-color: #fff;
  padding: 60px 160px;
  box-sizing: border-box;
  -webkit-transform: translateY(-90px);
  transform: translateY(-90px);
  max-width: 1100px;
}

.big-eight-info h2 {
  font-weight: 600;
  font-size: 1rem;
  margin-top: 80px;
  margin-bottom: 20px;
}

.big-eight-info img {
  display: block;
  margin: 40px auto;
}

.big-eight-info h3 {
  font-weight: 600;
  font-size: 1rem;
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: center;
}

.big-eight-info a {
  font-weight: 600;
  color: #4b4b4b;
  border-bottom: 2px solid #ad53ab;
}

.big-eight-list {
  margin: 80px 0;
  position: relative;
  width: 98vw;
  max-width: 900px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.big-eight-list h3 {
  text-align: center;
}

.big-eight-list-allergy-wrap {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: center;
}

.big-eight-list-allergy {
  width: 12.5%;
  flex-basis: 90px;
  flex-grow: 1;
  text-align: center;
}

.big-eight-list-allergy svg {
  width: 100%;
}

.big-eight-list .st1 {
  stroke-width: 0;
}

.big-eight-list .st2 {
  fill: none;
  stroke: #464646;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.footer-em {
  font-size: 1.4em;
}

.footer-b {
  font-family: "Gotham B", snas-serif;
}

.footer p.follow {
  vertical-align: middle;
}

section.footer,
section.footer .footer-in .inner .tarea,
section.footer .footer-in .inner .tbox {
  background-color: #b09a87;
  padding: 15px;
  box-sizing: border-box;
}

section.footer .footer-in .inner .submit {
  background-color: #987c63;
  border: 0;
  padding: 15px 30px;
  font-size: 18px;
  width: auto;
}

.if-foot {
  position: absolute;
  top: 70px;
  right: 20px;
  width: 150px;
  height: auto;
  display: block;
  z-index: 800;
}

.if-foot > img {
  display: block;
  width: 100%;
}

.pf-slider {
  position: relative;
  background-color: #78a3c3;
}

.nh-grid-item {
  position: relative;
  width: 30%;
  float: left;
}

.nh-brief {
  position: relative;
  max-width: 1200px;
  width: 90%;
  padding: 60px 0;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 100px;
}

.nh-brief-intro {
  margin-top: 30px;
  font-size: 1.6em;
}

.nh-brief-img {
  width: 100%;
  max-width: 390px;
}

.nh-btn-container {
  max-width: 300px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 50px;
  position: relative;
}

.nh-brief-secondary-btns {
  margin-top: 20px;
}

.nh-box-text {
  margin-top: -20px;
}

.nh #section3 {
  display: table;
}

.nh #section3 .content-wrap {
  overflow: visible;
}

#section3 .nh-inner {
  height: 380px;
}

.nh-icon {
  margin-top: -70px;
}

.nh-flavor-cat {
  color: #a32035;
  margin: 0;
  line-height: 1.2;
}

.nh .slick-initialized .slick-slide {
  height: 312px;
  position: relative;
}

.nh #section4 .inner {
  bottom: 0;
  position: absolute;
}

.nh-grid-section {
  position: relative;
  max-width: 1300px;
  width: 90%;
  padding: 80px 0 50px 0;
  margin: 0 auto;
}

.nh-grid {
  -webkit-column-count: 5;
  column-count: 5;
}

.nh-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1em;
}

.nh-grid-item {
  position: relative;
  display: inline-block;
  width: 100%;
}

.nh-grid-item::before {
  content: "";
  height: 0;
  display: inline-block;
  padding-top: 100%;
  width: 1px;
  position: relative;
}

.nh-grid-item:nth-of-type(11n -10) {
  grid-row: span 2;
  grid-column: span 2;
}

.nh-grid-item:nth-of-type(11n - 7) {
  grid-row: span 2;
}

.nh-grid-item:nth-of-type(11n - 7)::before {
  padding-top: 200%;
}

.nh-grid-item:nth-of-type(11n - 1) {
  grid-column: span 2;
}

.nh-grid-item:nth-of-type(11n - 1)::before {
  padding-top: 50%;
}

.nh-grid-imgs {
  overflow: hidden;
}

.nh .nh-grid-img {
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.nh-grid-item:hover .nh-grid-imgs .nh-grid-img {
  -webkit-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}

.nh-grid-imgs,
.nh-grid-overlay,
.nh-grid-img,
.nh-grid-overlay-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
}

.nh-grid-content {
  pointer-events: none;
  width: 100%;
  box-sizing: border-box;
}

.nh-grid-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: 0.6s opacity linear;
}

.nh-grid-img.active {
  opacity: 1;
}

.nh-grid-overlay-bg {
  opacity: 0;
  transition: 0.2s opacity linear;
}

.nh-grid-item:hover .nh-grid-overlay-bg {
  opacity: 0.5;
}

.nh-grid-content {
  color: #fff;
  padding: 0 5%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  opacity: 0;
}

.nh-grid-item:hover .nh-grid-content {
  opacity: 1;
}

.nh-grid-header {
  font-family: "Gotham B", sans-serif;
  font-weight: 700;
  font-size: 1.6em;
  line-height: 1;
  margin: 0 0 10px 0;
}

.nh-grid-info {
  margin: 0;
  line-height: 1.1;
}

.nh-grid-btn-wrap {
  margin-top: 25px;
}

.nh-grid-item:nth-of-type(11n - 10) .nh-grid-overlay-bg,
.nh-grid-item:nth-of-type(11n - 7) .nh-grid-overlay-bg {
  background-color: #a17b5a;
}

.nh-grid-item:nth-of-type(11n - 9) .nh-grid-overlay-bg,
.nh-grid-item:nth-of-type(11n - 5) .nh-grid-overlay-bg,
.nh-grid-item:nth-of-type(11n - 3) .nh-grid-overlay-bg {
  background-color: #a32035;
}

.nh-grid-item:nth-of-type(11n - 8) .nh-grid-overlay-bg,
.nh-grid-item:nth-of-type(11n - 4) .nh-grid-overlay-bg,
.nh-grid-item:nth-of-type(11n - 2) .nh-grid-overlay-bg,
.nh-grid-item:nth-of-type(11n) .nh-grid-overlay-bg {
  background-color: #6d99c0;
}

.nh-grid-item:nth-of-type(11n - 6) .nh-grid-overlay-bg,
.nh-grid-item:nth-of-type(11n - 1) .nh-grid-overlay-bg {
  background-color: orange;
}

.nh-grid-item:nth-of-type(11n - 10) .nh-grid-header {
  font-size: 2.2em;
}

.nh #section6 {
  background-color: #ccdce8;
}

.nh #section7 h2 {
  color: #a32035;
}

.nh #section7 p {
  margin-bottom: 20px;
}

.nh #section7 input.tbox,
.nh #section7 input.submit {
  padding: 15px 30px;
  font-size: 18px;
}

.nh #section7 input.tbox {
  color: #a32035;
  border-color: #a32035;
}

.nh #section7 input.tbox::-webkit-input-placeholder {
  color: #a32035;
}

.nh #section7 input.tbox::-ms-input-placeholder {
  color: #a32035;
}

.nh #section7 input.tbox::placeholder {
  color: #a32035;
}

.nh #section7 input.submit {
  background-color: #a32035;
  color: white;
  border-width: 0;
  cursor: pointer;
}

.nh #section7 .col-6.image img {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.nh #section5 h2 {
  color: #633511;
}

.nh #section5 div.content-wrap a.btn {
  border-color: #633511;
  color: #633511;
}

#header #iflogo img,
#header-scr #iflogo img {
  width: 140px;
  height: auto;
  bottom: 5px;
  right: 10px;
  position: absolute;
}

.mainheader div.logo {
  height: auto;
  top: 0;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

ul.social-head li {
  padding-top: 0;
}

.np h2 {
  color: #a32035;
  font-size: 32px;
  text-transform: lowercase;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

.np h3 {
  color: #a32035;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
}

.np #bites-4 .content-wrap a.btn-solid-blue {
  margin-left: 20px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

.np #bites-4 .content-wrap a.btn {
  margin-left: 20px;
  box-sizing: border-box;
}

.np #bites-3 .content-wrap h2:first-of-type {
  color: #a32035;
}

.np #bites-head {
  background-image: url(images/nb-header.jpg);
}

.np #pints-head {
  background-image: url(images/pints-header.jpg);
}

.np #bites-1 .content-wrap h2 {
  color: #633511;
}

.np #pints-2 .content-wrap h2 {
  color: #a32035;
}

.np #pints-head h1 {
  color: #a32035;
}

.np #pints-3 .content-wrap h2 {
  color: #633511;
}

.np #pints-4 .content-wrap a.btn {
  background-color: #a32035;
  border-color: #a32035;
}

.np #bites-1 .content-wrap,
.np #pints-1 .content-wrap {
  height: 400px;
}

.np #bites-2 .content-wrap h2 {
  color: #633511;
}

.np #bites-instructions {
  background-color: #e9f0f6;
  border-bottom: 20px solid #fff;
  text-align: center;
  padding: 50px 0 0 0;
}

.np #bites-instructions h2 {
  margin-bottom: 30px;
}

.np #bites-instructions .columns {
  overflow: auto;
}

.np .bite-instructions-img {
  width: 90%;
  max-width: 1000px;
  margin-right: 10%;
}

.np .maincontent:nth-child(1 + n) .columns {
  overflow: auto;
}

.np .fruit-bites-content h2,
.np .usvthem-content h2,
.np .usvthem-content h2 {
  margin-bottom: 0;
  margin-top: 50px;
  color: #a32035;
  font-family: "Gotham A", "Gotham B", sans-serif;
}

.np .fruit-bites-description .row .col-md-4:first-of-type {
  text-align: right;
}

.np .fruit-bites-description {
  background-color: #eff4f7;
}

.np .fruit-bites-description__heading {
  font-family: "Gotham A", "Gotham B", sans-serif;
  color: #1c355e;
}

.np .fruit-bites-description__disclaimer {
  font-size: 0.6em;
  color: #1b1b1b;
}

.np .fruit-bites-content p,
.np .usvthem-content p {
  font-size: 16px;
}

.np p.fruit-bites-description__desc {
  margin-top: 0;
}

.np #bites-2 .content-wrap {
  background-color: #f2eeeb;
}

.np #bites-4 .content-wrap a.btn:first-of-type {
  background-color: #633511;
}

.np #bites-head {
  background-position: right top;
}

.np #pints-2 .content-wrap {
  background-color: #fff3e9;
}

.np .fruit-bites--green-badges h3 {
  font-family: "Gotham A", "Gotham B", sans-serif;
}

.product-btn-wrap {
  margin-top: 40px;
  margin-bottom: 40px;
}

.np .fruit-bites--green-badges h3 {
  font-size: 3.5em;
  margin: 40px 0;
  text-transform: lowercase;
  letter-spacing: -1px;
}

#bites-4 .content-wrap .phead h2,
#pints-4 .content-wrap .phead h2 {
  color: #633511;
}

.na #about-head {
  background-image: url(images/about-hero.jpg);
}

.na h1,
.na h2 {
  font-size: 2.4em;
  color: #633511;
  margin: 0;
}

.na h1 {
  text-transform: uppercase;
}

.na #about-2 .content-wrap a.btn {
  color: #a32035;
  border-color: #a32035;
}

.na #about-2 .content-wrap a.btn strong {
  text-transform: lowercase;
}

.na #about-2 {
  background-image: url(images/about-body.jpg);
  background-size: cover;
  background-attachment: scroll;
}

.na #about-3 {
  padding: 50px 0;
  background-color: #fae9e7;
  text-align: center;
}

.na #about-3 h1,
.na #about-3 h2,
.na #about-3 h3 {
  color: #a32035;
  margin: 0;
}

.na p:first-of-type {
  margin-top: 0;
}

.na #about-3 .columns {
  overflow: auto;
}

.na #about-2 {
  background-position: right top;
}

.pagehead--big-eight {
  background-image: url(images/big8-header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#find-1 {
  padding: 60px 0 0 0;
  text-align: center;
}

#find-1 .columns {
  overflow: auto;
}

#find-1 h2 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-size: 2.4em;
  margin-bottom: 0;
  color: #633511;
  line-height: 1.1;
}

#find-1 div.columns {
  padding: 0;
}

.nask #askus-head h1 {
  color: white;
}

.nask #askus-head {
  background-image: url(images/askus-hero.jpg);
}

.nask #faq-1 .ask-q {
  border-color: #633511;
  padding: 15px 15px 15px 35px;
  background-position: 11px center;
  background-size: 20px 20px;
}

.nask #faq-1 .content-wrap .ask-q p:last-child {
  font-weight: 700;
}

.nask #faq-2 {
  margin-bottom: 0;
}

.nask #faq-2 .content-wrap {
  background-color: white;
}

.nask .ask-products {
  display: flex;
}

.nask .ask-product {
  display: block;
  text-align: center;
  padding: 60px;
}

.nask .ask-product-img {
  height: 140px;
}

.nask .ask-product h2 {
  text-transform: uppercase;
  font-size: 1.8em;
  margin-bottom: 10px;
}

.nask .ask-product p {
  color: #333;
  margin-top: 0;
}

.nask .ask-product:nth-of-type(1) {
  background-color: #eff4f8;
}

.nask .ask-product:nth-of-type(1) h2 {
  color: #1c355e;
}

.nask .ask-product:nth-of-type(2) {
  background-color: #f2efec;
}

.nask .ask-product:nth-of-type(2) h2 {
  color: #633511;
}

.nask .ask-product:nth-of-type(3) {
  background-color: #fef4e9;
}

.nask .ask-product:nth-of-type(3) h2 {
  color: #a12338;
}

.nask #faq-2 {
  text-align: center;
}

.nask #faq-2 .learn-more {
  color: #a32035;
}

#blog-1 .columns {
  overflow: auto;
}

#blog-1 .masonry-layout {
  column-count: 3;
  -webkit-column-count: 3;
  column-gap: 0;
  -webkit-column-gap: 0;
}

#blog-1 .masonry-layout-panel {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  padding: 20px;
}

#blog-1 .masonry-layout-panel-content {
  padding: 30px;
}

#blog-1 div.grid-item {
  margin: 0;
}

#blog-1 .blogFull img {
  display: block;
}

#blog-1 div.grid-item .date {
  font-size: 11px;
  color: #333;
}

#blog-1 .headline a {
  color: #333;
}

#blog-1 .headline a:hover {
  color: #333;
}

#blog-1 .read-more {
  color: #a32035;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}

#blog-1 #wpsl-widget-form label {
  font-size: 11px;
  margin: 0 0 3px 0;
}

#blog-1 #wpsl-widget-form input[type="text"] {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #333;
  width: 95%;
  padding: 2%;
  margin: 0;
  border: 1px solid #333;
  background-color: #fff;
  height: 18px;
}

#blog-1 #wpsl-widget-form input[type="submit"] {
  font-family: "Gotham A", "Gotham B", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-weight: 400;
  font-size: 15px;
  width: 140px;
  padding: 7px 0;
  text-align: center;
  text-transform: uppercase;
  color: #a32035;
  margin: -5px 0 0 0;
  border: 1px solid #a32035;
  background-color: transparent;
}

#blog-1 h2 {
  font-size: 2.4em;
  color: #a32035;
  margin: 0;
}

#blog-1 .blog-intro-item {
  color: #825d41;
  font-weight: 500;
  font-size: 18px;
}

section.pagehead#blog-head {
  background-color: #a5b577;
  background-image: url(images/blog-bg.jpg);
}

.ns #stories-head {
  background-position: right top;
}

.ns #stories-head {
  background-image: url(images/stories-hero.jpg);
}

.ns .pagehead .content-wrap h1 {
  color: #a32035;
}

.ns #stories-1 > .content-wrap h2 {
  font-size: 2.4em;
  color: #a32035;
  margin: 0;
}

.ns #stories-2 .testi-head {
  text-align: center;
  color: #a32035;
}

.ns #stories-2 .testi-head-b {
  color: black;
  font-weight: 700;
}

.ns #stories-1 .content-wrap strong {
  color: black;
}

.ns #stories-2 .content-wrap {
  background-color: #fcf2e9;
}

.ns .slick-dots li button::before {
  color: #cc9796;
  content: "•";
}

.ns .slick-dots li.slick-active button::before {
  color: white;
}

.ns .stories-community h2 {
  color: #a32035;
}

.ns .stories-community h2 strong {
  color: black;
  font-weight: 700;
}

.ns #stories-2 .content-wrap .slick-slide h2,
.ns #stories-2 .content-wrap .slick-slide .name {
  color: #a32035;
  font-weight: 500;
}

.ns #stories-2 .content-wrap .slick-slide p {
  font-weight: 500;
}

.ns #stories-2 .content-wrap .slick-slide {
  position: relative;
}

.ns #stories-2 .content-wrap .slick-slide .name {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.ns #stories-2 .content-wrap .slick-slide {
  height: 300px;
}

@media only screen and (min-width: 750px) {
  .container {
    width: 700px;
  }

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 25px;
    padding-left: 25px;
  }

  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-sm {
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    align-items: flex-start;
  }

  .middle-sm {
    align-items: center;
  }

  .bottom-sm {
    align-items: flex-end;
  }

  .around-sm {
    justify-content: space-around;
  }

  .between-sm {
    justify-content: space-between;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }

  .hide-sm {
    display: none;
  }

  .fruit-bites__healthier .hide-sm {
    display: none;
  }
}

@media only screen and (min-width: 950px) {
  .container {
    width: 900px;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 25px;
    padding-left: 25px;
  }

  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-md {
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    justify-content: center;
    text-align: center;
  }

  .end-md {
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    align-items: flex-start;
  }

  .middle-md {
    align-items: center;
  }

  .bottom-md {
    align-items: flex-end;
  }

  .around-md {
    justify-content: space-around;
  }

  .between-md {
    justify-content: space-between;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }

  .hide-md {
    display: none;
  }

  .big-eight .container {
    max-width: 1100px;
    width: 100%;
  }

  .big-eight-info .container {
    max-width: 1100px;
    width: 100%;
  }
}

@media only screen and (min-width: 1250px) {
  .container {
    width: 1200px;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: 25px;
    padding-left: 25px;
  }

  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    align-items: flex-start;
  }

  .middle-lg {
    align-items: center;
  }

  .bottom-lg {
    align-items: flex-end;
  }

  .around-lg {
    justify-content: space-around;
  }

  .between-lg {
    justify-content: space-between;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}

@media screen and (min-width: 1250px) {
  .pagehead--fruit-bites,
  .pagehead--usvthem {
    background-position: center bottom 30%;
  }
}

@media (max-width: 1800px) {
  #section1 {
    height: 650px;
    background-size: auto 650px;
  }

  .pagehead {
    height: 500px;
    background-size: auto 500px;
  }
}

@media (max-width: 1250px) {
  .mainheader {
    height: 70px;
  }

  .mainheader-scr {
    height: 50px;
  }

  .mainheader-in {
    width: 100%;
    margin: 0;
  }

  .logo {
    top: 0;
    left: 15px;
    width: 204px;
    height: 40px;
  }

  .logo img {
    width: 204px;
    height: 40px;
  }

  .if-logo {
    display: none;
  }

  .mainheader-in .nav-l {
    display: none;
  }

  .mainheader-in .nav-r {
    display: none;
  }

  .social-head {
    top: -10px;
    right: 50px;
  }

  .hamburger {
    display: block;
  }

  .columns {
    width: 90%;
    margin: 0 5%;
  }

  #section1 {
    height: 550px;
    background-size: auto 550px;
    background-image: url(images/hp-hero-1b.jpg);
  }

  #section1 .vcenter {
    height: 550px;
  }

  #section1 .content-wrap h1 {
    font-size: 40px;
  }

  .pagehead {
    height: 400px;
    background-size: auto 400px;
  }

  #about-head {
    background-image: url(images/img-about-1b.jpg);
  }

  #bites-head {
    background-image: url(images/img-bites-1b.jpg);
  }

  #findus-head {
    background-image: url(images/img-findus-1b.jpg);
  }

  #pints-head {
    background-image: url(images/img-pints-1b.jpg);
  }

  #stories-head {
    background-image: url(images/img-stories-1b.jpg);
  }

  #blog-head {
    background-image: url(images/img-blog-1b.jpg);
  }

  #askus-head {
    background-image: url(images/img-askus-1b.jpg);
  }

  #about-2 {
    background-image: url(images/img-about-2b.jpg);
  }

  #find-2 #wpsl-result-list {
    width: 800px;
  }

  #bites-1 .content-wrap {
    height: 310px;
  }

  #bites-1 .content-wrap h2 {
    margin: 70px 0 5px 0;
  }

  #bites-1 .content-wrap .col-7 .productbox {
    margin-top: -40px;
  }

  #pints-1 .content-wrap {
    height: 310px;
  }

  #pints-1 .content-wrap h2 {
    margin: 70px 0 5px 0;
  }

  #pints-1 .content-wrap .col-7 .productbox {
    margin-top: -40px;
  }

  .footer-in {
    width: 90%;
    margin: 0 5%;
  }

  .footer-in {
    width: 94%;
    margin: 0 3%;
  }

  .mainheader div.logo {
    width: 204px;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-10px) scale(1.25);
    transform: translateX(-50%) translateY(-10px) scale(1.25);
  }

  .mainheader div.logo img {
    height: auto;
  }
}

@media screen and (max-width: 1249px) {
  .fruit-bites__flavors {
    background-position: top 90px left, right bottom;
  }

  .fruit-bites--feedback {
    padding-bottom: 100px;
    background-image: url("images/bg--feedback-bottom-left.png"), url("images/bg--feedback-bottom-right.png"), url("images/bg--feedback-top-left.png"), url("images/bg--feedback-top-right.png");
    background-size: 25vw, 30vw, 25vw, 30vw;
    background-position: bottom 50px left, bottom right, top left, top right -25px;
    min-height: inherit;
  }

  .fruit-bites--feedback > div {
    min-height: inherit;
  }

  .fruit-bites--feedback h1 {
    margin-top: 150px;
  }

  .usvthem-intro-img {
    display: block;
  }

  .usvthem-intro {
    background-image: none;
  }

  .nh-grid {
    grid-gap: 0.5em;
  }

  .nh-grid-info {
    display: none;
  }

  .mainheader-in .logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  ul.social-head li {
    padding-top: 15px;
  }

  .np #pints-1 {
    height: 500px;
  }

  .nask .ask-products {
    flex-direction: column;
  }

  #blog-1 .masonry-layout {
    column-count: 2;
    -webkit-column-count: 2;
  }
}

@media (max-width: 950px) {
  body {
    font-size: 14px;
  }

  #section1 .content-wrap h1 {
    font-size: 35px;
  }

  #section2 .col-3 {
    width: 50%;
    float: left;
  }

  #section2 .boximg2 {
    display: block;
  }

  #section2 .boximg1 {
    display: none;
  }

  #section3 .inner {
    width: 94%;
    max-width: 220px;
    padding: 20px 2%;
  }

  #section3 .content-wrap h2 {
    font-size: 20px;
  }

  #section7 .tbox {
    width: 200px;
  }

  #section7 .submit {
    padding: 7px 15px;
  }

  #about-1 .content-wrap .col-1 {
    display: none;
  }

  #about-1 .content-wrap .col-10 {
    width: 100%;
    float: none;
  }

  #find-1 .vcenter #wpsl-search-input {
    width: 200px;
  }

  #find-1 .vcenter #wpsl-search-btn {
    padding: 7px 15px;
  }

  #bites-1 .content-wrap h2 {
    margin: 50px 0 5px 0;
    font-size: 28px;
  }

  #bites-1 .content-wrap .col-7 .productbox {
    margin-top: 50px;
  }

  #bites-2 .content-wrap .col-4 {
    width: auto;
    float: none;
  }

  #bites-2 .content-wrap h2 {
    font-size: 19px;
    text-transform: none;
  }

  #bites-2 .content-wrap p {
    margin: 0 0 20px 0;
  }

  #bites-2 .content-wrap .bullets1 {
    text-align: left;
    margin: 0;
  }

  #bites-2 .content-wrap .bulletsimg {
    display: none;
  }

  #bites-4 .content-wrap .prodcols {
    margin: 0 0 0 0;
    overflow: hidden;
  }

  #bites-4 .content-wrap .nutri {
    margin: 0;
  }

  #pints-1 .content-wrap h2 {
    margin: 50px 0 5px 0;
    font-size: 28px;
  }

  #pints-1 .content-wrap .col-7 .productbox {
    margin-top: 50px;
  }

  #pints-2 .content-wrap .col-4 {
    width: auto;
    float: none;
  }

  #pints-2 .content-wrap h2 {
    font-size: 19px;
    text-transform: none;
  }

  #pints-2 .content-wrap p {
    margin: 0 0 20px 0;
  }

  #pints-2 .content-wrap .bullets1 {
    text-align: left;
    margin: 0;
  }

  #pints-2 .content-wrap .bulletsimg {
    display: none;
  }

  #pints-4 .content-wrap .prodcols {
    margin: 0 0 0 0;
    overflow: hidden;
  }

  #pints-4 .content-wrap .nutri {
    margin: 0;
  }

  #faq-1 .content-wrap .col-1 {
    display: none;
  }

  #faq-1 .content-wrap .col-10 {
    width: 100%;
    float: none;
  }

  .foot-space {
    height: 650px;
  }

  .footer {
    height: 650px;
  }

  .footer-in .col-3 {
    width: 50%;
    float: left;
  }

  .footer-in .inner .tbox {
    width: 260px;
  }

  .footer-in .inner .tarea {
    width: 260px;
    height: 100px;
  }

  #sectionTY .ty-content {
    font-size: 23px;
  }
}

@media screen and (max-width: 949px) {
  .container {
    padding-left: 25px;
    padding-right: 25px;
  }

  .container-fluid {
    padding-left: 25px;
    padding-right: 25px;
  }

  .bg--fruitPattern {
    background-image: none;
  }

  #mc_embed_signup .mc-field-group input[type='text'],
  #mc_embed_signup .mc-field-group input[type='email'] {
    padding: .375rem 0;
  }

  .pagehead--fruit-bites,
  .pagehead--usvthem {
    background-position: center bottom 10%;
    background-size: 200%;
    height: 300px;
  }

  .fruit-bites--green-badges {
    margin-top: 100px;
  }

  .fruit-bites-description {
    padding-bottom: 50px;
  }

  .fruit-bites__flavors {
    background-size: 18vw, 25vw;
    background-position: top 150px left, right bottom;
    padding-bottom: 50px;
  }

  .fruit__flavor-row {
    margin: 50px auto;
    padding: 0;
  }

  .fruit__flavor-row:nth-of-type(2n) {
    background: none;
  }

  .fruit-bites--feedback {
    padding-bottom: 50px;
    background: none;
  }

  .fruit-bites--feedback h1 {
    margin-top: auto;
  }

  .fruit-bites--orangeBoy {
    height: 300px;
    background-size: cover;
    background-position: left;
  }

  .modal.modal--pf {
    width: 100%;
  }

  .modal.modal--pf .offset-character {
    height: 80px;
    left: -30px;
    top: 70px;
  }

  .modal.modal--pf .healthier-funner-snacks-lockup {
    width: 80%;
  }

  .modal.modal--pf input.btn--fruitbites,
  .modal.modal--pf input.btn--onGreen,
  .modal.modal--pf input.flavor__toggle {
    width: 100%;
  }

  #home-modal .pf-fruitbites-lockup {
    width: 75%;
  }

  #fruitbites-email-modal {
    background-image: none;
    min-height: inherit;
  }

  .pf-mc .mc-field-group {
    width: 100%;
    display: block;
  }

  .pf-mc .mc-field-group input[type="text"],
  .pf-mc .mc-field-group input[type="email"] {
    padding: 0.375rem 0;
  }

  .if-foot {
    top: auto;
    bottom: 60px;
    width: 120px;
  }

  .nh-grid {
    grid-gap: 0.25em;
  }

  .nh-grid-item:hover .nh-grid-imgs .nh-grid-img {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .nh-grid-overlay {
    display: none;
    pointer-events: none;
  }

  .np #pints-1 {
    height: 530px;
  }

  .np .np .fruit-bites-description .row .col-md-4:first-of-type {
    text-align: left;
  }

  .np .fruit-bites-description .row .col-md-4:first-of-type {
    text-align: left;
  }

  .np #bites-1 .content-wrap {
    height: 600px;
  }

  .np #bites-4 .content-wrap a.btn:nth-of-type(2),
  .np #pints-4 .content-wrap a.btn:nth-of-type(2) {
    margin-top: 15px;
  }

  #blog-1 .find-us-wrap,
  #blog-1 .categories-wrap,
  #blog-1 .recent-posts-wrap {
    width: 100%;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 930px) {
  .modal {
    width: 320px;
    overflow: scroll;
    padding: 20px 30px;
  }

  .modal-column1,
  .modal-column2 {
    width: 100%;
  }

  .modal-column1 {
    margin-bottom: 0px;
  }

  .modal-title {
    text-align: center;
    font-size: 30px;
    -webkit-text-stroke: 1px #8cc53e;
  }

  .modal-info {
    text-align: center;
    font-size: 14px;
  }

  .modal-submit,
  .wpcf7-form-control.wpcf7-submit {
    display: block;
    font-size: 14px;
    width: 100%;
  }

  .modal-img {
    width: 60%;
    margin: 0 20%;
  }
}

@media (max-width: 850px) {
  #find-2 #wpsl-result-list {
    width: 400px;
  }
}

@media only screen and (max-width: 750px) {
  body {
    -webkit-text-size-adjust: none;
  }
}

@media (max-width: 750px) {
  #section1 {
    height: 450px;
    background-size: auto 450px;
    background-image: url(images/hp-hero-1c.jpg);
  }

  #section1 .content-wrap {
    /*background-color:rgb(0,0,0,.4);*/
  }

  #section1 .col-6 {
    width: 100%;
    float: none;
  }

  #section1 .vcenter {
    display: block;
    height: 450px;
    text-align: right;
    padding: 35px 0 0 0;
    vertical-align: top;
  }

  #section1 .content-wrap h1 {
    font-size: 28px;
  }

  #section1 p.main {
    display: none;
  }

  #section3 .col-4 {
    width: 100%;
    float: none;
  }

  #section3 .inner {
    width: 94%;
    max-width: 420px;
    padding: 20px 2%;
    height: auto;
  }

  #section5 .col-6 {
    width: 100%;
    float: none;
  }

  #section5 .vcenter {
    display: block;
    padding: 50px 0 20px;
    height: auto;
  }

  #section5 .image {
    display: none;
  }

  #section5 .content-wrap p {
    max-width: none;
    padding: 0;
  }

  #section7 .col-6 {
    width: 100%;
    float: none;
  }

  #section7 .vcenter {
    height: auto;
    display: block;
    padding: 50px 0 0;
  }

  #section7 .image {
    display: none;
  }

  .pagehead {
    height: 300px;
    background-size: auto 300px;
  }

  #about-head {
    background-image: url(images/img-about-1c.jpg);
  }

  #bites-head {
    background-image: url(images/img-bites-1c.jpg);
  }

  #findus-head {
    background-image: url(images/img-findus-1c.jpg);
  }

  #pints-head {
    background-image: url(images/img-pints-1c.jpg);
  }

  #stories-head {
    background-image: url(images/img-stories-1c.jpg);
  }

  #blog-head {
    background-image: url(images/img-blog-1c.jpg);
  }

  #askus-head {
    background-image: url(images/img-askus-1c.jpg);
  }

  .pagehead .content-wrap h1 {
    font-size: 60px;
  }

  .pagehead .content-wrap .title-pf {
    width: 400px;
  }

  #about-1 .content-wrap .col-3 {
    width: 100%;
    float: none;
  }

  #about-1 .content-wrap .col-9 {
    width: 100%;
    float: none;
  }

  #about-1 .vcenter {
    width: auto;
    height: auto;
    display: block;
    vertical-align: top;
    text-align: center;
    font-size: 20px;
    line-height: 1.2;
    padding: 10px;
  }

  #about-1 .vcenter img {
    height: 150px;
  }

  #about-2 {
    background-attachment: scroll;
    background-image: url(images/img-about-2c.jpg);
  }

  #bites-1 .content-wrap {
    height: auto;
  }

  #bites-1 .content-wrap .col-5 {
    width: 100%;
    float: none;
  }

  #bites-1 .content-wrap .col-7 {
    width: 100%;
    float: none;
    margin: 20px 0 0 0;
    height: 170px;
    text-align: center;
  }

  #bites-1 .content-wrap .col-7 .productbox {
    margin-top: 0;
    height: 250px;
    width: auto;
    max-width: none;
  }

  #bites-4 .content-wrap .col-3 {
    width: 100%;
    text-align: center;
    float: none;
    margin: 20px 0 0 0;
  }

  #bites-4 .content-wrap .col-9 {
    width: 100%;
    float: none;
  }

  #bites-4 .content-wrap .prodbox1 {
    display: none;
  }

  #bites-4 .content-wrap .prodbox2 {
    display: block;
  }

  #pints-1 .content-wrap {
    height: auto;
  }

  #pints-1 .content-wrap .col-5 {
    width: 100%;
    float: none;
  }

  #pints-1 .content-wrap .col-7 {
    width: 100%;
    float: none;
    margin: 20px 0 0 0;
    height: 170px;
    text-align: center;
  }

  #pints-1 .content-wrap .col-7 .productbox {
    margin-top: 0;
    height: 250px;
    width: auto;
    max-width: none;
  }

  #pints-4 .content-wrap .col-3 {
    width: 100%;
    text-align: center;
    float: none;
    margin: 20px 0 0 0;
  }

  #pints-4 .content-wrap .col-9 {
    width: 100%;
    float: none;
  }

  #pints-4 .content-wrap .prodbox1 {
    display: none;
  }

  #pints-4 .content-wrap .prodbox2 {
    display: block;
  }

  #faq-2 .content-wrap .col-6 {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
  }

  #stories-1 .content-wrap .col-2 {
    display: none;
  }

  #stories-1 .content-wrap .col-8 {
    float: none;
    width: 100%;
  }

  #blog-1 .content-wrap .col-9 {
    width: 100%;
    float: none;
  }

  #blog-1 .content-wrap .col-3 {
    width: 100%;
    float: none;
  }

  .pagehead--usvthem .container h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 749px) {
  .show-sm {
    display: none;
  }

  .fruit-bites__healthier .show-sm {
    display: none;
  }
}

@media screen and (max-width: 749px) {
  .first--only-xs {
    order: -1;
  }

  .last--only-xs {
    order: 1;
  }

  .margin-center--only-xs {
    margin-left: auto;
    margin-right: auto;
  }

  .modal.modal--pf .body-copy,
  .fruit-bites-content p,
  .usvthem-content p,
  .fruit-bites-description__heading,
  .fruit-bites__flavors .description,
  .fruit-bites__find-us h4,
  .fruit-bites__events .description,
  .fruit-bite-event__title,
  .fruit-bites--feedback p {
    font-size: 1rem;
  }

  .fruit-bites__flavors .heading,
  .flavor__name,
  .fruit-bites__events .heading,
  .fruit-bites--feedback h1,
  .modal-heading {
    font-size: 2.5rem;
  }

  .pagehead--fruit-bites h1,
  .pagehead--usvthem h1 {
    font-size: 4rem;
    margin-bottom: 50px;
  }

  .fruit-bites--featured-image {
    margin-top: auto;
  }

  .fruit-bites-content h2,
  .usvthem-content h2 {
    margin-bottom: 0;
  }

  .fruit-bites-content p,
  .usvthem-content p {
    margin-top: 0;
  }

  .fruit-bites--green-badges {
    margin-top: 50px;
  }

  .fruit-bites-description__heading {
    font-size: 1.25rem;
  }

  .fruit-bites__flavors {
    background-size: 200px, 300px;
    padding-top: 200px;
    background-position: top 25px center, center bottom;
    padding-bottom: 150px;
  }

  .flavor__name {
    font-size: 2.5rem;
  }

  .fruit-bites__events .description {
    text-align: left;
  }

  .fruit-bites--feedback h1 {
    font-size: 2.5rem;
    margin-top: 50px;
  }

  .modal-heading {
    font-size: 3rem;
  }

  .big-eight h1 {
    font-size: 4rem;
    margin-bottom: 50px;
  }

  .big-eight-info .container {
    padding: 60px 10px;
  }

  .np .frozen-i-col {
    width: 100%;
  }

  .np #pints-1 {
    height: 650px;
  }

  #blog-1 .masonry-layout {
    column-count: 1;
    -webkit-column-count: 1;
  }
}

@media (max-width: 650px) {
  #section2 .col-6 img {
    width: 200%;
    height: auto;
    margin-left: -50%;
  }

  #section2 .content-wrap .txtoverlay {
    display: none;
  }

  #find-1 .searchimg {
    display: none;
  }

  #find-1 .col-6 {
    width: 100%;
    float: none;
  }

  #find-1 .vcenter {
    max-width: none;
    padding: 50px 15%;
    height: auto;
    display: block;
    text-align: left;
  }

  #find-2 #wpsl-result-list {
    width: 400px;
  }

  #storyform .tbox {
    width: 220px;
  }

  #storyform .tarea {
    width: 220px;
  }

  .foot-space {
    display: none;
  }

  .footer {
    position: relative;
    height: auto;
  }

  .footer-in .col-3 {
    width: 100%;
    float: none;
  }

  .footer-in .inner .tbox {
    width: 90%;
  }

  .footer-in .inner .tarea {
    width: 90%;
  }

  #sectionTY .ty-content {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .pagehead .content-wrap .title-pf {
    width: 300px;
  }
}

@media (max-width: 450px) {
  .social-head {
    display: none;
  }

  #section2 .col-3 {
    width: 100%;
    float: none;
  }

  .social-head {
    display: none;
  }
}

@media (max-width: 400px) {
  #section1 {
    height: 400px;
    background-size: auto 400px;
    background-image: url(images/hp-hero-1d.jpg);
  }

  #section1 .vcenter {
    height: 350px;
  }

  .pagehead {
    height: 300px;
    background-size: auto 300px;
  }

  #about-head {
    background-image: url(images/img-about-1d.jpg);
  }

  #bites-head {
    background-image: url(images/img-bites-1d.jpg);
  }

  #findus-head {
    background-image: url(images/img-findus-1d.jpg);
  }

  #pints-head {
    background-image: url(images/img-pints-1d.jpg);
  }

  #stories-head {
    background-image: url(images/img-stories-1d.jpg);
  }

  #blog-head {
    background-image: url(images/img-blog-1d.jpg);
  }

  #askus-head {
    background-image: url(images/img-askus-1d.jpg);
  }

  .pagehead .content-wrap h1 {
    font-size: 50px;
  }

  .pagehead .content-wrap .title-pf {
    width: 250px;
  }

  #about-2 {
    background-image: url(images/img-about-2d.jpg);
  }

  #bites-1 .content-wrap .col-7 .productbox {
    height: auto;
    width: 280px;
  }

  #pints-1 .content-wrap .col-7 .productbox {
    height: auto;
    width: 280px;
  }

  .pagehead--usvthem .container h1 {
    font-size: 50px;
  }
}

@media screen and (max-width: 400px) {
  .np #bites-head {
    background-image: url(images/frozen-hero-mobile.jpg);
  }

  .na #about-head {
    background-image: url(images/about-hero-mobile.jpg);
  }

  .nask #askus-head {
    background-image: url(images/askus-hero-mobile.jpg);
  }

  section.pagehead#blog-head {
    background-image: url(images/blog-hero-mobile.jpg);
  }

  .ns #stories-head {
    background-image: url(images/stories-hero-mobile.jpg);
  }
}

@media screen and (min-width: 750px) and (max-width: 949px) {
  .first--only-sm {
    order: -1;
  }

  .margin-center--only-sm {
    margin-left: auto;
    margin-right: auto;
  }
}