/* Fonts
   ========================================================================== */
@font-face {
  font-family: 'Mission_scriptregular';
  src: url('../fonts/mission-script-webfont.eot');
  src: url('../fonts/mission-script-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mission-script-webfont.woff') format('woff'), url('../fonts/mission-script-webfont.ttf') format('truetype'), url('../fonts/mission-script-webfont.svg#mission_scriptregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Clavobold_italic';
  src: url('../fonts/dada_studio_-_clavo_bold_italic-webfont.eot');
  src: url('../fonts/dada_studio_-_clavo_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dada_studio_-_clavo_bold_italic-webfont.woff') format('woff'), url('../fonts/dada_studio_-_clavo_bold_italic-webfont.ttf') format('truetype'), url('../fonts/dada_studio_-_clavo_bold_italic-webfont.svg#clavobold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fit {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* Custom */
.heading {
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "lust-display", Times, serif;
}
.heading span {
  font-family: "lust-display", Times, serif;
}
.bg-cover {
  background-position: left 0;
  background-size: cover;
  background-attachment: scroll;
  behavior: url(../js/backgroundsize.min.htc);
  background-repeat: no-repeat;
}
.bg-size {
  behavior: url(../js/backgroundsize.min.htc);
}
/* Footer... quality :)
   ========================================================================== */
header {
  width: 100%;
  background-color: #fff;
  border-bottom: 2px solid #e3e3e3;
  border-top: 2px solid #e3e3e3;
}
header:before,
header:after {
  content: " ";
  display: table;
}
header:after {
  clear: both;
}
.navbar {
  min-height: 45px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  z-index: 101;
  padding: 0;
}
@media (min-width: 768px) {
  .navbar {
    width: 100%;
    max-width: 960px;
  }
}
.navbar .navbar-toggle {
  z-index: 102;
  float: left;
  width: auto;
  margin: 5px 0 0 0;
  color: #7c1d63;
  font-size: 16px;
  display: block;
}
.navbar .navbar-toggle > span {
  float: left;
}
.navbar .navbar-toggle .icon-bar {
  background: #7c1d63;
  border-radius: 3px;
  height: 3px;
  width: 16px;
  margin-top: 1px;
  -webkit-transition: margin 0.2s ease-in-out;
  -moz-transition: margin 0.2s ease-in-out;
  transition: margin 0.2s ease-in-out;
}
.navbar .navbar-toggle .icon-bar + .icon-bar {
  margin-top: 0;
}
.navbar .navbar-toggle .icon-bar:nth-child(2n) {
  margin: 2px 0;
}
@media (max-width: 768px) {
  .navbar .navbar-toggle .icon-bar {
    width: 23px;
    margin-top: -1px;
    -webkit-transition: 0;
    -moz-transition: 0;
    transition: 0;
  }
  .navbar .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 0;
  }
  .navbar .navbar-toggle .icon-bar:nth-child(2n) {
    margin: 4px 0;
  }
  .navbar .navbar-toggle .icon-bar:hover .icon-bar {
    margin: 0;
  }
  .navbar .navbar-toggle .icon-bar:hover .icon-bar:nth-child(2n) {
    margin: 0;
  }
}
.navbar .navbar-toggle:hover .icon-bar {
  margin: -1px 0 0 0;
}
.navbar .navbar-toggle:hover .icon-bar:nth-child(2n) {
  margin: 4px 0 5px 0;
}
.navbar.small .navbar-brand {
  height: 100%;
  margin-right: -44px;
}
@media (min-width: 768px) {
  .navbar {
    height: 45px;
  }
}
@media (max-width: 480px) {
  .navbar.small .navbar-brand {
    height: 90%;
    margin-right: -42px;
  }
}
@media (min-width: 768px) {
  .sr-only {
    overflow: visible;
    width: auto;
    position: relative;
    font-weight: 700;
    height: auto;
    clip: auto;
    font-size: 16px;
    color: #7c1d63;
    text-transform: uppercase;
    font-family: 'clavo', sans-serif;
    line-height: 1.2em;
  }
}
.close-navbar {
  background: none;
  border: none;
  padding-left: 6px !important;
}
.close-navbar span {
  display: none;
}
@media (min-width: 768px) {
  .close-navbar span {
    display: inline-block;
  }
}
.social {
  padding: 0;
  margin: 0;
  opacity: 1;
  float: right;
  list-style: none;
  display: none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.social li {
  float: left;
  border-left: 1px solid #e3e3e3;
}
.social li:last-child {
  border-right: 1px solid #e3e3e3;
}
.social a {
  width: 53px;
  height: 44px;
  display: block;
  position: relative;
}
.social a:before,
.social a:after {
  background: url(../img/social.png) no-repeat;
  position: absolute;
  top: 12px;
  left: 14px;
  content: ' ';
  display: block;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.social a:hover:after {
  opacity: 1;
}
.social a:before {
  opacity: 1;
}
.social a:after {
  opacity: 0;
}
.social .ig:before,
.social .ig:after {
  width: 25px;
  height: 23px;
}
.social .ig:before {
  background-position: -116px -9px;
}
.social .ig:after {
  background-position: -116px -33px;
}
.social .tw:before,
.social .tw:after {
  width: 30px;
  height: 22px;
}
.social .tw:before {
  background-position: -15px -9px;
}
.social .tw:after {
  background-position: -15px -33px;
}
.social .fb:before,
.social .fb:after {
  width: 25px;
  height: 23px;
}
.social .fb:before {
  background-position: -65px -10px;
}
.social .fb:after {
  background-position: -65px -34px;
}
@media (min-width: 768px) {
  .social {
    display: block;
  }
}
.navbar-brand {
  behavior: url(../js/backgroundsize.min.htc);
  position: absolute;
  right: 50%;
  margin-right: -44px;
  top: 1px;
  float: none;
  padding: 0;
  background-size: 72px 37px;
  width: auto;
  max-height: 200%;
  -moz-transition: opacity .3s, height .2s, width .2s, margin .2s, right .3s;
  -webkit-transition: opacity .3s, height .2s, width .2s, margin .2s, right .3s;
  -o-transition: opacity .3s, height .2s, width .2s, margin .2s, right .3s;
  transition: opacity .3s, height .2s, width .2s, margin .2s, right .3s;
}
@media (min-width: 768px) {
  .navbar-brand {
    background-size: 120px 61px;
    height: 61px;
    margin-right: -60px;
  }
  .inner-page .navbar-brand {
    margin-left: -36px;
    background-size: 72px 37px;
    width: 72px;
    height: 37px;
  }
}
@media (max-width: 480px) {
  .navbar-brand {
    height: 90%;
    margin-right: -42px;
  }
}
.page-wrapper {
  position: relative;
  overflow: hidden;
}
.page-wrapper:before,
.page-wrapper:after {
  content: " ";
  display: table;
}
.page-wrapper:after {
  clear: both;
}
.page-wrapper .page-wrapper {
  height: 100%;
}
.content-wrapper {
  position: relative;
  left: 0;
  z-index: 100;
  height: 100%;
  padding-top: 44px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  background: #f6f6f6;
}
.content-wrapper:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: 5002;
}
/* Common
   ========================================================================== */
/* General */
/* Acessibility navigation */
.accessibility-nav {
  position: absolute;
  top: 0;
  left: -9999em;
  z-index: 1000;
}
.accessibility-nav a {
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.accessibility-nav a:active,
.accessibility-nav a:focus {
  left: 9999em;
}
.hide {
  position: absolute !important;
  left: -9999em !important;
}
/* Image Replacement */
.ir {
  display: block;
  position: relative;
  overflow: hidden;
}
.ir span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
/* Container */
body {
  background: #f6f6f6;
  font-family: Cambria, Times, "Times New Roman", serif;
  line-height: 1.42857143;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
    max-width: 960px;
  }
}
/* Slider */
.slides > li {
  overflow: hidden;
}
/* Fancy a snack slide */
.slide-slices {
  background: url(../media/bg-slide-1.png);
  background-position: left 0;
  background-size: cover;
  background-attachment: scroll;
  background-repeat: no-repeat;
  behavior: url(../js/backgroundsize.min.htc);
  background-position: center -16px;
  text-align: center;
}
.slide-slices h2,
.slide-slices p,
.slide-slices .pull-left,
.slide-slices .pull-right,
.slide-slices .btn {
  opacity: 1;
}
.slide-slices .slider-txt {
  margin: 0 auto;
  max-width: 450px;
}
.slide-slices .pull-left {
  -webkit-transform: translateX(-455px);
  -ms-transform: translateX(-455px);
  transform: translateX(-455px);
}
.slide-slices .pull-right {
  -webkit-transform: translateX(486px);
  -ms-transform: translateX(486px);
  transform: translateX(486px);
}
.images img {
  width: 100%;
  z-index: 101;
  position: absolute;
}
.images img.pull-left {
  bottom: -1px;
  left: 290px;
}
.images img.pull-right {
  right: 290px;
  bottom: -2px;
}
@media (max-width: 320px) {
  .images img {
    width: 140%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: 200px;
  }
  .images img.pull-right {
    right: 230px;
    bottom: -2px;
  }
}
@media (min-width: 380px) {
  .images img {
    width: 130%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: 130px;
  }
  .images img.pull-right {
    right: 130px;
    bottom: -2px;
  }
}
@media (min-width: 430px) {
  .images img {
    width: 120%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: 100px;
  }
  .images img.pull-right {
    right: 100px;
    bottom: -2px;
  }
}
@media (min-width: 480px) {
  .images img {
    width: 100%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: 260px;
  }
  .images img.pull-right {
    right: 260px;
    bottom: -2px;
  }
}
@media (min-width: 510px) {
  .images img {
    width: 100%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: 165px;
  }
  .images img.pull-right {
    right: 165px;
    bottom: -2px;
  }
}
@media (min-width: 610px) {
  .images img {
    width: 100%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: 100px;
  }
  .images img.pull-right {
    right: 100px;
    bottom: -2px;
  }
}
@media (min-width: 650px) {
  .images img {
    width: 90%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: 100px;
  }
  .images img.pull-right {
    right: 100px;
    bottom: -2px;
  }
}
@media (min-width: 768px) {
  .images .slide-slices {
    background: url(../media/bg-slide-1.png);
    background-position: left 0;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    behavior: url(../js/backgroundsize.min.htc);
    background-position: center -10px;
    text-align: center;
  }
  .images .slide-slices h2,
  .images .slide-slices p,
  .images .slide-slices .pull-left,
  .images .slide-slices .pull-right,
  .images .slide-slices .btn {
    opacity: 1;
  }
  .images .slide-slices .pull-left {
    -webkit-transform: translateX(-455px);
    -ms-transform: translateX(-455px);
    transform: translateX(-455px);
  }
  .images .slide-slices .pull-right {
    -webkit-transform: translateX(486px);
    -ms-transform: translateX(486px);
    transform: translateX(486px);
  }
  .images .slide-slices .btn {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
  }
  .images .slide-slices.flex-active-slide h2,
  .images .slide-slices.hold-slide h2,
  .images .slide-slices.flex-active-slide p,
  .images .slide-slices.hold-slide p,
  .images .slide-slices.flex-active-slide .pull-left,
  .images .slide-slices.hold-slide .pull-left,
  .images .slide-slices.flex-active-slide .pull-right,
  .images .slide-slices.hold-slide .pull-right,
  .images .slide-slices.flex-active-slide .btn,
  .images .slide-slices.hold-slide .btn {
    opacity: 1;
  }
  .images .slide-slices.flex-active-slide h2,
  .images .slide-slices.hold-slide h2 {
    -webkit-transition: opacity 0.2s 1s ease-in-out;
    -moz-transition: opacity 0.2s 1s ease-in-out;
    transition: opacity 0.2s 1s ease-in-out;
  }
  .images .slide-slices.flex-active-slide p,
  .images .slide-slices.hold-slide p {
    -webkit-transition: opacity 0.2s 1.5s ease-in-out;
    -moz-transition: opacity 0.2s 1.5s ease-in-out;
    transition: opacity 0.2s 1.5s ease-in-out;
  }
  .images .slide-slices.flex-active-slide .pull-left,
  .images .slide-slices.hold-slide .pull-left,
  .images .slide-slices.flex-active-slide .pull-right,
  .images .slide-slices.hold-slide .pull-right,
  .images .slide-slices.flex-active-slide .btn,
  .images .slide-slices.hold-slide .btn {
    transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
    -moz-transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
    -webkit-transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .images img {
    max-width: 80%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: -380px;
  }
  .images img.pull-right {
    right: -380px;
    bottom: -2px;
  }
}
@media (min-width: 992px) {
  .images img {
    width: 75%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: -380px;
  }
  .images img.pull-right {
    right: -380px;
    bottom: -2px;
  }
}
@media (min-width: 1200px) {
  .images img {
    width: auto;
  }
  .images img.pull-left {
    left: -480px;
  }
  .images img.pull-right {
    right: -495px;
  }
}
@media (min-width: 768px) {
  .slide-slices h2,
  .slide-slices p,
  .slide-slices .pull-left,
  .slide-slices .pull-right,
  .slide-slices .btn {
    opacity: 0;
  }
  .slide-slices .pull-left {
    -webkit-transform: translateX(-455px);
    -ms-transform: translateX(-455px);
    transform: translateX(-455px);
  }
  .slide-slices .pull-right {
    -webkit-transform: translateX(486px);
    -ms-transform: translateX(486px);
    transform: translateX(486px);
  }
  .slide-slices .btn {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
  }
  .slide-slices.flex-active-slide h2,
  .slide-slices.hold-slide h2,
  .slide-slices.flex-active-slide p,
  .slide-slices.hold-slide p,
  .slide-slices.flex-active-slide .pull-left,
  .slide-slices.hold-slide .pull-left,
  .slide-slices.flex-active-slide .pull-right,
  .slide-slices.hold-slide .pull-right,
  .slide-slices.flex-active-slide .btn,
  .slide-slices.hold-slide .btn {
    opacity: 1;
  }
  .slide-slices.flex-active-slide h2,
  .slide-slices.hold-slide h2 {
    -webkit-transition: opacity 0.2s 1s ease-in-out;
    -moz-transition: opacity 0.2s 1s ease-in-out;
    transition: opacity 0.2s 1s ease-in-out;
  }
  .slide-slices.flex-active-slide p,
  .slide-slices.hold-slide p {
    -webkit-transition: opacity 0.2s 1.5s ease-in-out;
    -moz-transition: opacity 0.2s 1.5s ease-in-out;
    transition: opacity 0.2s 1.5s ease-in-out;
  }
  .slide-slices.flex-active-slide .pull-left,
  .slide-slices.hold-slide .pull-left,
  .slide-slices.flex-active-slide .pull-right,
  .slide-slices.hold-slide .pull-right,
  .slide-slices.flex-active-slide .btn,
  .slide-slices.hold-slide .btn {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
    -moz-transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
    -webkit-transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
  }
}
/* Watch our ad slide */
.slide-watch-ad {
  background: url(../media/bg-slide3-mobile.png);
  background-position: left 0;
  background-size: cover;
  background-attachment: scroll;
  behavior: url(../js/backgroundsize.min.htc);
  background-repeat: no-repeat;
  background-size: 100% 99%;
  background-position: center -10px;
  text-align: center;
}
.slide-watch-ad h2,
.slide-watch-ad p,
.slide-watch-ad .btn {
  opacity: 1;
}
.slide-watch-ad .btn {
  color: #ffffff;
  background-color: #932b6d;
  border-color: #ffffff;
}
.slide-watch-ad .btn:hover,
.slide-watch-ad .btn:focus,
.slide-watch-ad .btn:active,
.slide-watch-ad .btn.active,
.open .dropdown-toggle.slide-watch-ad .btn {
  color: #ffffff;
  background-color: #732256;
  border-color: #e0e0e0;
}
.slide-watch-ad .btn:active,
.slide-watch-ad .btn.active,
.open .dropdown-toggle.slide-watch-ad .btn {
  background-image: none;
}
.slide-watch-ad .btn.disabled,
.slide-watch-ad .btn[disabled],
fieldset[disabled] .slide-watch-ad .btn,
.slide-watch-ad .btn.disabled:hover,
.slide-watch-ad .btn[disabled]:hover,
fieldset[disabled] .slide-watch-ad .btn:hover,
.slide-watch-ad .btn.disabled:focus,
.slide-watch-ad .btn[disabled]:focus,
fieldset[disabled] .slide-watch-ad .btn:focus,
.slide-watch-ad .btn.disabled:active,
.slide-watch-ad .btn[disabled]:active,
fieldset[disabled] .slide-watch-ad .btn:active,
.slide-watch-ad .btn.disabled.active,
.slide-watch-ad .btn[disabled].active,
fieldset[disabled] .slide-watch-ad .btn.active {
  background-color: #932b6d;
  border-color: #ffffff;
}
.slide-watch-ad .btn .badge {
  color: #932b6d;
  background-color: #ffffff;
}
.slide-watch-ad .slider-txt {
  margin: 0 auto;
  max-width: 500px;
}
.slide-watch-ad .elephant {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: -3px;
}
@media (max-width: 319px) {
  .slides .slide-watch-ad .elephant {
    display: none;
  }
}
@media (max-width: 480px) {
  .container {
    padding-left: 3px;
    padding-right: 3px;
  }
  .slides .slide-watch-ad .elephant {
    margin: auto;
    right: 0;
    position: relative;
    width: 82%;
    max-width: 258px;
  }
}
@media (min-width: 480px) {
  .slide-watch-ad {
    background: url(../media/bg-slide-3.jpg);
    background-position: left 0;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    behavior: url(../js/backgroundsize.min.htc);
    background-position: center -10px;
    text-align: center;
  }
  .slide-watch-ad .elephant {
    right: -310px;
    width: 798px;
  }
}
@media (max-width: 1050px) {
  .slide-watch-ad .elephant {
    width: 72%;
    right: -27%;
  }
}
@media (max-width: 850px) {
  .slide-watch-ad .elephant {
    right: -25%;
  }
}
@media (max-width: 650px) {
  .slide-watch-ad .elephant {
    width: 60%;
    right: -25%;
  }
}
@media (max-width: 768px) {
  .slide-watch-ad .elephant {
    width: 60%;
    right: -25%;
  }
  .slide-watch-ad .slider-txt {
    max-width: 344px;
  }
}
@media (min-width: 768px) {
  .slides .slide-watch-ad .slider-txt {
    max-width: 466px;
  }
}
@media (min-width: 992px) {
  .slide-watch-ad {
    background-position: center -16px;
  }
  .slide-watch-ad h2,
  .slide-watch-ad p,
  .slide-watch-ad .btn {
    opacity: 0;
  }
  .slide-watch-ad .btn {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px);
  }
  .slide-watch-ad .slider-txt {
    margin: 0 auto;
    max-width: 500px;
  }
  .slide-watch-ad .elephant {
    bottom: -3px;
  }
  .slide-watch-ad.flex-active-slide h2,
  .slide-watch-ad.hold-slide h2,
  .slide-watch-ad.flex-active-slide p,
  .slide-watch-ad.hold-slide p,
  .slide-watch-ad.flex-active-slide .btn,
  .slide-watch-ad.hold-slide .btn {
    opacity: 1;
  }
  .slide-watch-ad.flex-active-slide h2,
  .slide-watch-ad.hold-slide h2 {
    -webkit-transition: opacity 0.2s 1s ease-in-out;
    -moz-transition: opacity 0.2s 1s ease-in-out;
    transition: opacity 0.2s 1s ease-in-out;
  }
  .slide-watch-ad.flex-active-slide p,
  .slide-watch-ad.hold-slide p {
    -webkit-transition: opacity 0.2s 1.5s ease-in-out;
    -moz-transition: opacity 0.2s 1.5s ease-in-out;
    transition: opacity 0.2s 1.5s ease-in-out;
  }
  .slide-watch-ad.flex-active-slide .btn,
  .slide-watch-ad.hold-slide .btn {
    transition: transform 0.8s 1.8s ease-in-out, opacity 0.2s 1.8s ease-in-out;
    -moz-transition: transform 0.8s 1.8s ease-in-out, opacity 0.2s 1.8s ease-in-out;
    -webkit-transition: transform 0.8s 1.8s ease-in-out, opacity 0.2s 1.8s ease-in-out;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@media (min-width: 480px) and (max-width: 1200px) {
  .slide-watch-ad {
    background-position: -280px -16px;
  }
}
/* X-Factor slide */
.slide-x-factor {
  background: url(../media/bg-slide-x-factor.jpg);
  background-position: center 0;
  background-repeat: no-repeat;
  behavior: url(../js/backgroundsize.min.htc);
  text-align: center;
}
.slide-x-factor header {
  background: none;
  margin: 15px auto;
  border: none;
}
.slide-x-factor header:before,
.slide-x-factor header:after {
  content: " ";
  display: table;
}
.slide-x-factor header:after {
  clear: both;
}
.slide-x-factor header h2,
.slide-x-factor header img {
  position: relative;
}
.slide-x-factor header img {
  width: 120px;
}
.slide-x-factor header h2 {
  margin: 10px 0 0 0;
  width: 35%;
}
.slide-x-factor h2,
.slide-x-factor p,
.slide-x-factor .btn,
.slide-x-factor .pull-left,
.slide-x-factor .pull-right,
.slide-x-factor .x-factor-logo {
  opacity: 0;
}
.slide-x-factor .btn {
  color: #ffffff;
  background-color: #11497e;
  border-color: #ffffff;
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px);
}
.slide-x-factor .btn:hover,
.slide-x-factor .btn:focus,
.slide-x-factor .btn:active,
.slide-x-factor .btn.active,
.open .dropdown-toggle.slide-x-factor .btn {
  color: #ffffff;
  background-color: #0c345a;
  border-color: #e0e0e0;
}
.slide-x-factor .btn:active,
.slide-x-factor .btn.active,
.open .dropdown-toggle.slide-x-factor .btn {
  background-image: none;
}
.slide-x-factor .btn.disabled,
.slide-x-factor .btn[disabled],
fieldset[disabled] .slide-x-factor .btn,
.slide-x-factor .btn.disabled:hover,
.slide-x-factor .btn[disabled]:hover,
fieldset[disabled] .slide-x-factor .btn:hover,
.slide-x-factor .btn.disabled:focus,
.slide-x-factor .btn[disabled]:focus,
fieldset[disabled] .slide-x-factor .btn:focus,
.slide-x-factor .btn.disabled:active,
.slide-x-factor .btn[disabled]:active,
fieldset[disabled] .slide-x-factor .btn:active,
.slide-x-factor .btn.disabled.active,
.slide-x-factor .btn[disabled].active,
fieldset[disabled] .slide-x-factor .btn.active {
  background-color: #11497e;
  border-color: #ffffff;
}
.slide-x-factor .btn .badge {
  color: #11497e;
  background-color: #ffffff;
}
.slide-x-factor .slider-txt {
  margin: 0 auto;
  max-width: 500px;
}
.slide-x-factor .pull-left {
  -webkit-transform: translateX(-500px);
  -ms-transform: translateX(-500px);
  transform: translateX(-500px);
}
.slide-x-factor .pull-right {
  -webkit-transform: translateX(500px);
  -ms-transform: translateX(500px);
  transform: translateX(500px);
}
.slide-x-factor .x-factor-logo {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.slide-x-factor .images {
  display: inline-block;
}
.slide-x-factor .images img {
  position: absolute;
}
.slide-x-factor .images img.pull-left {
  bottom: -2px;
  left: 82px;
}
.slide-x-factor .images img.pull-right {
  right: 50px;
  bottom: -2px;
}
.slide-x-factor.flex-active-slide h2,
.slide-x-factor.hold-slide h2,
.slide-x-factor.flex-active-slide p,
.slide-x-factor.hold-slide p,
.slide-x-factor.flex-active-slide .pull-left,
.slide-x-factor.hold-slide .pull-left,
.slide-x-factor.flex-active-slide .pull-right,
.slide-x-factor.hold-slide .pull-right,
.slide-x-factor.flex-active-slide .btn,
.slide-x-factor.hold-slide .btn,
.slide-x-factor.flex-active-slide .x-factor-logo,
.slide-x-factor.hold-slide .x-factor-logo {
  opacity: 1;
}
.slide-x-factor.flex-active-slide h2,
.slide-x-factor.hold-slide h2 {
  -webkit-transition: opacity 0.5s 1.5s ease-in-out;
  -moz-transition: opacity 0.5s 1.5s ease-in-out;
  transition: opacity 0.5s 1.5s ease-in-out;
}
.slide-x-factor.flex-active-slide p,
.slide-x-factor.hold-slide p {
  -webkit-transition: opacity 0.2s 1.5s ease-in-out;
  -moz-transition: opacity 0.2s 1.5s ease-in-out;
  transition: opacity 0.2s 1.5s ease-in-out;
}
.slide-x-factor.flex-active-slide .x-factor-logo,
.slide-x-factor.hold-slide .x-factor-logo {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
  -moz-transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
  -webkit-transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
}
.slide-x-factor.flex-active-slide .btn,
.slide-x-factor.hold-slide .btn {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.slide-x-factor.flex-active-slide .pull-left,
.slide-x-factor.hold-slide .pull-left,
.slide-x-factor.flex-active-slide .pull-right,
.slide-x-factor.hold-slide .pull-right,
.slide-x-factor.flex-active-slide .btn,
.slide-x-factor.hold-slide .btn {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
  -moz-transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
  -webkit-transition: transform 0.8s 1.5s ease-in-out, opacity 0.2s 1.5s ease-in-out;
}
@media screen and (max-width: 319px) {
  .slide-x-factor .slider-txt header h2 {
    width: 90%;
  }
  .slide-x-factor .slider-txt header img {
    display: none;
  }
}
@media screen and (min-width: 320px) {
  .slide-x-factor .slider-txt header h2 {
    font-size: 3.2em;
    width: 49%;
  }
}
@media screen and (min-width: 479px) {
  .slide-x-factor .slider-txt header h2 {
    font-size: 3.1em;
    width: 31%;
  }
}
@media screen and (min-width: 472px) {
  .slide-x-factor .slider-txt header h2 {
    font-size: 3.1em;
    width: 33%;
  }
}
@media screen and (min-width: 490px) {
  .slide-x-factor .slider-txt header h2 {
    font-size: 3.1em;
    width: 31%;
  }
}
@media screen and (min-width: 499px) {
  .slide-x-factor .slider-txt header h2 {
    font-size: 3.4em;
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  .slide-x-factor header {
    margin: 25px auto 0px;
    padding: 1em 0;
  }
  .slide-x-factor header h2,
  .slide-x-factor header img {
    display: inline-block;
  }
  .slide-x-factor header img {
    width: auto;
    vertical-align: top;
  }
  .slide-x-factor header h2 {
    font-size: 3.5em;
    line-height: 48px;
    width: 34%;
  }
  .slide-x-factor .images img {
    width: 50%;
  }
  .slide-x-factor .images img.pull-left {
    width: 50%;
    display: none;
  }
  .slide-x-factor .images img.pull-right {
    display: none;
  }
}
@media screen and (min-width: 480px) {
  .slide-x-factor header {
    margin: 15px auto 0px;
    padding: 1em 0;
  }
  .slide-x-factor header h2,
  .slide-x-factor header img {
    display: inline-block;
  }
  .slide-x-factor header img {
    width: auto;
    vertical-align: top;
  }
  .slide-x-factor header h2 {
    font-size: 3.5em;
    line-height: 48px;
  }
  .slide-x-factor .images img {
    width: 35%;
  }
  .slide-x-factor .images img.pull-left {
    left: 50px;
  }
}
@media screen and (min-width: 768px) {
  .slide-x-factor header {
    margin: 45px auto 0px;
    padding: 0.4em 0;
  }
  .slide-x-factor header h2,
  .slide-x-factor header img {
    display: inline-block;
  }
  .slide-x-factor header img {
    width: auto;
    vertical-align: top;
  }
  .slide-x-factor .images img {
    width: 27%;
  }
}
@media screen and (max-width: 992px) {
  .slide-x-factor header {
    margin: 15px auto 0px;
    padding: 0.4em 0;
  }
  .slide-x-factor header h2,
  .slide-x-factor header img {
    display: inline-block;
  }
  .slide-x-factor header img {
    width: auto;
    vertical-align: top;
  }
  .slide-x-factor .images img {
    width: 27%;
  }
}
@media screen and (min-width: 1200px) {
  .slide-x-factor {
    background-position: center 0;
  }
  .slide-x-factor .images {
    display: inline-block;
  }
  .slide-x-factor .pull-left {
    bottom: 2px;
  }
}
@media screen and (max-width: 768px) {
  .slide-x-factor {
    background-position: center -101px;
  }
}
.slider {
  position: relative;
  margin-bottom: 30px;
  height: 364px;
}
.slider .slides {
  padding: 0;
  list-style: none;
  margin: 0;
}
.slider .slides li {
  display: none;
  height: 334px;
}
.slider .container {
  position: relative;
  height: 100%;
  z-index: 101;
  max-width: 1200px;
}
.slider p {
  font-weight: 700;
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(15, 15, 16, 0.3);
  color: #fff;
}
.slider .flex-direction-nav {
  padding: 0;
  list-style: none;
  margin: 0;
  display: none;
}
.slider .flex-control-nav {
  padding: 0;
  list-style: none;
  margin: 0;
  top: 97%;
  display: block;
  position: relative;
  height: 20px;
  text-align: center;
}
.slider .flex-control-nav li {
  display: inline-block;
  text-align: center;
  text-indent: -9999px;
  margin: 0 5px;
}
.slider .flex-control-nav a {
  display: block;
  background: #DBDBDB;
  width: 11px;
  cursor: pointer;
  height: 11px;
  border-radius: 50px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35);
}
.slider .flex-control-nav a.flex-active.pink,
.slider .flex-control-nav a:hover.pink {
  background: #EA5E77;
}
.slider .flex-control-nav a.flex-active.blue,
.slider .flex-control-nav a:hover.blue {
  background: #367BB5;
}
.slider .flex-control-nav a.flex-active.purple,
.slider .flex-control-nav a:hover.purple {
  background: #962672;
}
.slider h2 {
  font-family: 'Mission_scriptregular', cursive, serif;
  font-size: 40px;
  letter-spacing: .02em;
  text-shadow: 0 1px 0 rgba(15, 15, 16, 0.3);
  color: #fff;
}
.slider .slider-txt {
  max-width: 450px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .slider {
    height: 435px;
    margin-bottom: 55px;
  }
  .slider .flex-viewport {
    height: 435px;
  }
  .slider .flex-control-nav {
    top: 105%;
  }
  .slider h2 {
    font-size: 60px;
    margin-top: 35px;
    margin-bottom: 15px;
  }
  .slider p {
    font-size: 22px;
    line-height: 1.5em;
  }
  .slider .slides li {
    height: 435px;
  }
  .slider .flex-direction-nav {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 1200px;
    height: 100%;
    width: 100%;
  }
  .slider .flex-direction-nav a {
    position: absolute;
    display: block;
    background: url(../img/sprite.png);
    width: 31px;
    top: 50%;
    z-index: 102;
    margin-top: -29px;
    height: 58px;
  }
  .slider .flex-direction-nav a.flex-prev {
    background-position: 0 -11px;
    left: 15px;
  }
  .slider .flex-direction-nav a.flex-next {
    background-position: -31px -11px;
    right: 15px;
  }
}
@media (min-width: 992px) {
  .slider .flex-direction-nav a.flex-prev {
    left: 20px;
  }
  .slider .flex-direction-nav a.flex-next {
    right: 20px;
  }
}
.btn {
  color: #ffffff;
  background-color: #eb5c76;
  border-color: #ffffff;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 1em;
  border-radius: 2px;
  font-weight: 700;
  margin-top: 5px;
  position: relative;
  z-index: 101;
  letter-spacing: .05em;
  text-transform: uppercase;
  border-width: 2px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  color: #ffffff;
  background-color: #e73857;
  border-color: #e0e0e0;
}
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
  background-image: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
  background-color: #eb5c76;
  border-color: #ffffff;
}
.btn .badge {
  color: #eb5c76;
  background-color: #ffffff;
}
@media screen and (min-width: 640px) {
  .btn {
    padding: 5px 18px;
    font-size: 22px;
    line-height: 1em;
    border-radius: 2px;
    margin-top: 10px;
  }
}
.images img {
  width: 100%;
  z-index: 101;
  position: absolute;
}
.images img.pull-left {
  bottom: -1px;
}
.images img.pull-right {
  bottom: -2px;
}
@media (min-width: 480px) {
  .images img {
    width: 100%;
  }
  .images img.pull-left {
    bottom: -1px;
  }
  .images img.pull-right {
    bottom: -2px;
  }
}
@media (min-width: 768px) {
  .images img {
    width: 80%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: -380px;
  }
  .images img.pull-right {
    right: -380px;
    bottom: -2px;
  }
}
@media (min-width: 992px) {
  .images img {
    width: 75%;
  }
  .images img.pull-left {
    bottom: -1px;
    left: -380px;
  }
  .images img.pull-right {
    right: -380px;
    bottom: -2px;
  }
}
@media (min-width: 1200px) {
  .images img {
    width: auto;
  }
  .images img.pull-left {
    left: -480px;
  }
  .images img.pull-right {
    right: -495px;
  }
}
/* Hero */
.jumbotron {
  position: relative;
  padding: 15px;
  background-image: url(../media/bg-hero-pink.jpg);
  background-position: left 0;
  background-size: cover;
  background-attachment: scroll;
  behavior: url(../js/backgroundsize.min.htc);
  background-repeat: no-repeat;
  background-position: 50% 0;
  text-align: center;
}
.jumbotron.margin-none {
  margin-bottom: 0;
}
.jumbotron.bg-hero-violet {
  background-image: url(../media/bg-hero-violet.jpg);
  background-position: center top;
}
.jumbotron.bg-hero-violet-alt {
  background-image: url(../media/bg-hero-violet.png);
  background-position: center top;
}
.jumbotron.bg-hero-blue {
  background-image: url(../media/bg-hero-blue.jpg);
  background-position: center top;
}
.jumbotron .images img {
  position: relative;
}
@media screen and (max-width: 992px) {
  .jumbotron .images img {
    width: 49%;
  }
  .jumbotron .images img:first-child {
    float: left;
  }
}
.jumbotron.ico {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
}
.jumbotron .container {
  max-width: 760px;
  position: relative;
}
.jumbotron h1 {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "lust-display", Times, serif;
  margin: 15px 0 0;
  line-height: 1.1em;
  font-size: 30px;
  font-weight: 600;
  text-shadow: 0 3px 0 rgba(15, 15, 16, 0.3);
}
.jumbotron h1 span {
  font-family: "lust-display", Times, serif;
}
.jumbotron h1:after {
  content: '';
  display: block;
  width: 16%;
  background: #fff;
  border-radius: 1px;
  height: 3px;
  margin: 11px auto 18px;
  -moz-border-radius: 1px;
  -webkit-box-shadow: 0 2px 0 rgba(15, 15, 16, 0.2);
  box-shadow: 0 2px 0 rgba(15, 15, 16, 0.2);
}
.jumbotron h1 span {
  display: block;
}
.jumbotron p {
  font-size: 20px;
  color: #fff;
  text-shadow: 0 2px 0 rgba(15, 15, 16, 0.3);
  font-weight: 700;
}
.jumbotron .boxes-img img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.jumbotron .down {
  max-width: 10%;
}
@media (min-width: 992px) {
  .jumbotron {
    margin-bottom: 48px;
    height: 238px;
  }
  .jumbotron h1 {
    font-size: 45px;
  }
  .product-detail .jumbotron {
    height: 388px;
  }
  .jumbotron.bg-hero-violet h1 {
    width: 265px;
  }
  .jumbotron.bg-hero-violet p {
    width: 265px;
    margin: 0 auto;
  }
  .jumbotron .images img {
    position: absolute;
    left: -77px;
    top: 26px;
    bottom: 0;
    margin: auto;
    width: auto;
  }
  .jumbotron .images img + img {
    right: -77px;
    left: auto;
  }
}
.hero-txt {
  padding-top: 10px;
  display: block;
}
.hero-txt h1 {
  display: block;
  font-weight: 600;
}
.product-detail .jumbotron {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .product-detail .hero-txt {
    float: right;
    width: 47%;
    padding-top: 18px;
  }
  .product-detail .hero-txt img.ico {
    width: 18%;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .product-detail .hero-txt.top {
    padding-top: 0;
  }
  .product-detail .jumbotron {
    margin-bottom: 65px;
  }
  .product-detail .jumbotron .top p {
    padding: 0 54px;
  }
  .product-detail .jumbotron p {
    padding: 0 28px;
  }
  .product-detail h1 {
    margin-top: 10px;
  }
  .product-detail .container {
    max-width: 950px;
  }
  .product-detail .boxes-img {
    padding-top: 35px;
    float: left;
    width: 52%;
    padding-right: 20px;
  }
  .product-detail .hero-small .hero-txt {
    width: 42%;
  }
  .product-detail .hero-small .hero-txt p {
    padding: 0 23px;
  }
  .product-detail .hero-small .boxes-img {
    width: 58%;
  }
  .product-detail .bg-small .hero-txt {
    width: 44%;
  }
  .product-detail .bg-small .boxes-img {
    width: 55%;
    padding-top: 0px;
  }
}
.white {
  background: #FFF;
}
.col-pink {
  color: #f05e75;
}
.col-dark-pink {
  color: #f74d61;
}
.col-violet {
  color: #be59a9;
}
.col-brown {
  color: #b57954;
}
.col-caramel {
  color: #e27f21;
}
.col-yellow {
  color: #f7b23e;
}
.col-orange {
  color: #f07727;
}
.col-plum {
  color: #a22265;
}
.col-violet {
  color: #be59a9;
}
.col-dark-violet {
  color: #753e82;
}
.col-gold {
  color: #d19939;
}
.col-raspberry {
  color: #db1549;
}
.col-lemon {
  color: #f1c723;
}
.col-choco {
  color: #722e23;
}
.col-white {
  color: #fff;
}
.col-sea {
  color: #297ca5;
}
/* Footer
   ========================================================================== */
.footer {
  background: #86cef0;
  position: relative;
}
.footer:before,
.footer:after {
  content: " ";
  display: table;
}
.footer:after {
  clear: both;
}
@media (min-width: 768px) {
  .footer {
    padding: 50px 0;
  }
}
@media (min-width: 992px) {
  .footer {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.newsletter {
  color: #fff;
}
.newsletter h3 {
  font-size: 16px;
  line-height: 1.3em;
  text-align: center;
  letter-spacing: .02em;
  font-weight: 700;
  font-style: italic;
}
.newsletter h3 span {
  color: #fe617f;
}
@media (max-width: 768px) {
  .newsletter h3 {
    max-width: 276px;
    margin: 20px auto;
  }
}
.newsletter .form-group {
  position: relative;
}
.newsletter .form-group.error {
  border: 2px solid #ff6d89;
}
.newsletter .form-group.error ::-webkit-input-placeholder {
  color: #ff6d89;
}
.newsletter .form-group.error :-moz-placeholder {
  /* Firefox 18- */
  color: #ff6d89;
}
.newsletter .form-group.error ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ff6d89;
}
.newsletter .form-group.error :-ms-input-placeholder {
  color: #ff6d89;
}
.newsletter .form-group button {
  position: absolute;
  right: 2px;
  height: 30px;
  top: 2px;
  border-radius: 2px;
  margin: 0;
  border-radius: none;
  border: none;
  background: #ff6d89;
}
.newsletter .form-group button:hover {
  background: #E73857;
}
.newsletter .form-control {
  border: none;
  border-radius: 2px;
  box-shadow: none;
  -webkit-appearance: none;
}
.newsletter .form-control.error {
  border: 2px solid #E78FA9;
  padding: 2px;
}
@media screen and (min-width: 640px) {
  .newsletter button {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .newsletter {
    max-width: 400px;
    position: absolute;
    left: 0;
    z-index: 101;
    right: 0;
    margin: 0 auto;
  }
  .newsletter h3 {
    margin-top: 5px;
  }
}
@media (min-width: 1200px) {
  .newsletter {
    max-width: 620px;
  }
  .newsletter h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .newsletter input {
    font-size: 19px;
    height: 45px;
  }
  .newsletter .form-group button {
    height: 41px;
    font-size: 22px;
  }
}
.links-footer {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.links-footer.right {
  text-align: right;
}
.links-footer li {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
.links-footer a {
  padding: 3px;
  display: inline-block;
  font-family: 'clavo', sans-serif;
  font-size: 13px;
  text-decoration: none;
  border-bottom: 1px solid #6bb8df;
  color: #3f92bb;
}
.links-footer a:hover {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.links-footer .social {
  margin-top: 10px;
}
.links-footer .social a {
  border: none;
  margin: 0 6px;
  width: 28px;
  height: 24px;
}
.links-footer .social a:before,
.links-footer .social a:after {
  top: 0;
  left: 0;
}
.links-footer .social a.tw:before {
  background-position: -15px -57px;
}
@media (min-width: 768px) {
  .links-footer a {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  .col-lg-offset-1-5,
  .col-md-offset-1-5,
  .col-sm-offset-1-5,
  .col-xs-offset-1-5 {
    margin-left: 12.5%;
  }
  .col-lg-offset-4-5,
  .col-md-offset-4-5,
  .col-sm-offset-4-5,
  .col-xs-offset-4-5 {
    margin-left: 37.5%;
  }
}
.boxes {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .boxes {
    padding: 0 5px;
  }
}
.boxes img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
}
.boxes .row > div {
  padding: 0;
}
.box {
  width: 100%;
  height: 0;
  min-height: 0;
  padding: 0 0 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.box:hover,
.box *:hover {
  text-decoration: none;
}
.box-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 5px;
  padding: 0;
  overflow: hidden;
}
.box-item h2 {
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "lust-display", Times, serif;
  margin: 10px 0 30px;
  line-height: 1em;
  font-weight: 600;
  text-shadow: 0 2px 0 rgba(15, 15, 16, 0.3);
}
.box-item h2 span {
  font-family: "lust-display", Times, serif;
}
.box-item h2:after {
  content: '';
  display: block;
  width: 40%;
  background: #fff;
  border-radius: 1px;
  height: 3px;
  margin: 11px auto 0;
  -moz-border-radius: 1px;
  -webkit-box-shadow: 0 2px 0 rgba(15, 15, 16, 0.2);
  box-shadow: 0 2px 0 rgba(15, 15, 16, 0.2);
}
.box-item h2 span {
  display: block;
}
.box-item img {
  max-width: 100%;
}
.box-item .bottom {
  background: #FFF;
  position: absolute;
  bottom: 0;
  top: auto;
  z-index: 3;
}
.box-item .bottom span {
  float: none;
  width: 100%;
  max-width: 100%;
  display: block;
}
.box-item .bottom span.arrow {
  position: relative;
  float: right;
  width: 24px;
  height: 24px;
  padding: 0;
}
.box-item .bottom span.arrow:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #fff;
}
@media (min-width: 768px) {
  .box-item {
    margin: 15px;
  }
  .box-item .bottom span.arrow {
    width: 24px;
    height: 24px;
  }
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.page2 {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 1s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}
.page2.active {
  max-height: 10000px;
}
@media screen and (min-width: 530px) {
  .float-left {
    float: left;
    padding: 1em;
  }
  .float-right {
    float: right;
    padding: 1em;
  }
  #home-grid .col-sm-6 {
    width: 50%;
  }
  #home-grid .col-sm-3 {
    width: 25%;
  }
}
@media screen and (max-width: 530px) {
  #home-grid .col-sm-3 {
    width: 50%;
    float: left;
  }
}
.hidden-item {
  display: none;
}
.box-big {
  -webkit-transition: background-position 0.3s 0.1s ease-in-out;
  -moz-transition: background-position 0.3s 0.1s ease-in-out;
  transition: background-position 0.3s 0.1s ease-in-out;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 530px) {
  .box-big {
    background-size: 100% auto;
  }
}
.box-big h2 {
  text-transform: uppercase;
  font-size: 30px;
  font-size: 9vw;
  height: 25%;
}
@media (min-width: 530px) {
  .box-big h2 {
    font-size: 30px;
    font-size: 4.3vw;
    height: 20%;
  }
}
@media (min-width: 768px) {
  .box-big h2 {
    font-size: 38px;
    font-size: 4.3vw;
    height: 90px;
  }
}
@media (min-width: 992px) {
  .box-big h2 {
    font-size: 45px;
    font-size: 4vw;
    height: 110px;
  }
}
@media (min-width: 1200px) {
  .box-big h2 {
    font-size: 45px;
  }
}
.box-big img.ico {
  height: 13%;
}
.box-big .product-image {
  height: 40%;
}
.box-big .box-top {
  transition: background-position 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out;
  -webkit-transition: background-position 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out;
  -moz-transition: background-position 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out;
  -o-transition: background-position 0.3s 0.1s ease-in-out, transform 0.3s 0.1s ease-in-out;
  height: 100%;
  overflow: hidden;
}
.box-big .product-image {
  opacity: 1;
  -webkit-transition: 'transform .3s .1s ease-in-out, opacity .3s .1s';
  -moz-transition: 'transform .3s .1s ease-in-out, opacity .3s .1s';
  transition: 'transform .3s .1s ease-in-out, opacity .3s .1s';
  -webkit-transition: transform 0.3s 0.1s ease-in-out, opacity 0.3s 0.1s;
  -moz-transition: transform 0.3s 0.1s ease-in-out, opacity 0.3s 0.1s;
  transition: transform 0.3s 0.1s ease-in-out, opacity 0.3s 0.1s;
  margin-top: -40px;
}
.box-big .box-content {
  height: 100%;
  -webkit-transition: transform 0.3s 0.1s ease-in-out;
  -moz-transition: transform 0.3s 0.1s ease-in-out;
  transition: transform 0.3s 0.1s ease-in-out;
}
.box-big .box-content.no-ico h2 {
  margin-top: 30px;
}
.box-big .product-button {
  color: #fff;
  padding: 5px 18px;
  font-size: 22px;
  line-height: 1;
  border-radius: 2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
  border: 2px solid #fff;
  text-decoration: none;
  opacity: 0;
  max-height: 0;
  margin: 0;
  background: #D12728;
  transition: opacity 0.3s, max-height 0s 0.3s, margin 0s 0.3s;
  -webkit-transition: opacity 0.3s, max-height 0s 0.3s, margin 0s 0.3s;
  -moz-transition: opacity 0.3s, max-height 0s 0.3s, margin 0s 0.3s;
  -o-transition: opacity 0.3s, max-height 0s 0.3s, margin 0s 0.3s;
}
.box-big .product-bottom {
  display: block;
  border: 1px solid #e8e8e8;
  border-top: none;
  background: #fff;
  padding: 7px;
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  font-family: Cambria, Times, "Times New Roman", serif;
  -webkit-transition: opacity 0.2s 0.3s;
  -moz-transition: opacity 0.2s 0.3s;
  transition: opacity 0.2s 0.3s;
  opacity: 1;
}
.box-big .product-bottom:before,
.box-big .product-bottom:after {
  content: " ";
  display: table;
}
.box-big .product-bottom:after {
  clear: both;
}
.box-big .product-bottom p {
  text-align: left;
  float: left;
  width: auto;
  font-size: 15px;
  font-size: 4.3vw;
  font-weight: 700;
  margin: 0;
  font-style: italic;
  line-height: 1.4em;
  position: relative;
}
@media (min-width: 530px) {
  .box-big .product-bottom p {
    font-size: 2.15vw;
  }
}
.box-big .product-bottom span {
  float: right;
  padding: 3px 6px;
  font-size: 16px;
  font-size: 4vw;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  margin-top: 2px;
  border-radius: 3px;
  line-height: 1.1em;
}
@media (min-width: 530px) {
  .box-big .product-bottom span {
    font-size: 2vw;
  }
}
.box-big .product-bottom.pink p {
  color: #ff6d89;
}
.box-big .product-bottom.pink span {
  background: #ff6d89;
}
.box-big .product-bottom.blue p {
  color: #35a8df;
}
.box-big .product-bottom.blue span {
  background: #35a8df;
}
.box-big .product-bottom.yellow p {
  color: #ffc86b;
}
.box-big .product-bottom.yellow span {
  background: #ffc86b;
}
.box-big .product-bottom.red p {
  color: #d12728;
}
.box-big .product-bottom.red span {
  background: #d12728;
}
.box-big .product-bottom.violet p {
  color: #9a69a6;
}
.box-big .product-bottom.violet span {
  background: #9a69a6;
}
.box-big .product-bottom.orange p {
  color: #e66f2e;
}
.box-big .product-bottom.orange span {
  background: #e66f2e;
}
.box-big .product-bottom.dark-violet p {
  color: #a13e8d;
}
.box-big .product-bottom.dark-violet span {
  background: #a13e8d;
}
.box-big .product-bottom.green p {
  width: 48%;
  color: #71b24e;
}
.box-big .product-bottom.green span {
  background: #71b24e;
}
.box-big .product-bottom.sea p {
  color: #68c2c4;
}
.box-big .product-bottom.sea span {
  background: #68c2c4;
}
.box-big .product-bottom.brown p {
  color: #8f5938;
}
.box-big .product-bottom.brown span {
  background: #8f5938;
}
.box-big .product-bottom.caramel p {
  color: #c96f19;
}
.box-big .product-bottom.caramel span {
  background: #c96f19;
}
.box-big .product-bottom.plum p {
  color: #913063;
}
.box-big .product-bottom.plum span {
  background: #913063;
}
.box-big .product-bottom.gold p {
  color: #d7a755;
}
.box-big .product-bottom.gold span {
  background: #d7a755;
}
.box-big .product-bottom.raspberry p {
  color: #ca204c;
}
.box-big .product-bottom.raspberry span {
  background: #ca204c;
}
.box-big .product-bottom.strawberry p {
  color: #c13550;
}
.box-big .product-bottom.strawberry span {
  background: #c13550;
}
.box-big .product-bottom.choco p {
  color: #8e463a;
}
.box-big .product-bottom.choco span {
  background: #8e463a;
}
.box-big .product-bottom.lemon p {
  color: #e8a940;
}
.box-big .product-bottom.lemon span {
  background: #f1c723;
}
@media (min-width: 768px) {
  .box-big .product-bottom {
    padding: 7px;
  }
  .box-big .product-bottom p {
    font-size: 22px;
    top: 1px;
  }
  .box-big .product-bottom span {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .box-big .product-bottom {
    padding-left: 15px;
  }
  .social-feed .box-big .product-bottom p {
    font-size: 18px;
  }
  .social-feed .box-big .product-bottom p:before {
    background-size: 25px 26px;
    width: 12px;
    height: 26px;
  }
  .social-feed .box-big .product-bottom p strong {
    font-size: 25px;
  }
  .social-feed .box-big .product-bottom p.tw:before {
    background-size: 25px 20px;
    width: 25px;
    height: 20px;
    left: -5px;
    top: 6px;
  }
  .social-feed .box-big .product-bottom .like {
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    right: 5px;
    top: 8px;
  }
  .social-feed .box-big .product-bottom .like:after {
    left: 4px;
    top: 4px;
  }
  .social-feed .box-big .product-bottom .tweet {
    top: 6px;
    width: 37px;
    height: 34px;
    right: 5px;
  }
  .social-feed .box-big .product-bottom .tweet:after {
    background-size: 26px 19px;
    width: 25px;
    height: 19px;
    left: 7px;
    top: 9px;
  }
}
.box-big .product-bottom p {
  color: #D12728;
  font-size: 4.5vw;
}
@media (min-width: 530px) {
  .box-big .product-bottom p {
    font-size: 2.25vw;
  }
}
@media (min-width: 1200px) {
  .box-big .product-bottom p {
    font-size: 24px;
  }
}
.box-big .product-bottom span {
  background: #D12728;
}
.no-touch .box-big:hover {
  -webkit-transition: background-position 0.3s ease-in-out;
  -moz-transition: background-position 0.3s ease-in-out;
  transition: background-position 0.3s ease-in-out;
  background-position: 0 600px;
}
.no-touch .box-big:hover .product-bottom {
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
}
.no-touch .box-big:hover .product-button {
  opacity: 1;
  max-height: 100px;
  -webkit-transition: opacity 0.4s 0.2s;
  -moz-transition: opacity 0.4s 0.2s;
  transition: opacity 0.4s 0.2s;
  margin-top: 3%;
}
.no-touch .box-big:hover .box-content {
  -webkit-transform: translatey(15%);
  -ms-transform: translatey(15%);
  transform: translatey(15%);
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.no-touch .box-big:hover .box-top {
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.no-touch .box-big:hover .product-image {
  opacity: 0;
  transform: translatey(300px);
  transition: transform 0.3s ease-in-out, opacity 0.3s;
  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s;
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s;
  -o-transition: transform 0.3s ease-in-out, opacity 0.3s;
}
.cherry-bakewells-box-big {
  background-color: #F2595B;
  background-image: url(../media/bg-red.jpg);
}
.cherry-bakewells-box-big .product-bottom p {
  color: #D12728;
}
.cherry-bakewells-box-big .product-bottom span {
  background: #D12728;
}
.cherry-bakewells-box-big .product-button {
  background: #d12728;
}
.viennese-whirls-box-big {
  background-color: #62BFC2;
  background-image: url(../media/bg-sea.jpg);
}
.viennese-whirls-box-big .product-bottom p {
  color: #62BFC2;
}
.viennese-whirls-box-big .product-bottom span {
  background: #62BFC2;
}
.viennese-whirls-box-big .product-button {
  background: #ea697b;
}
.french-fancies-box-big {
  background-color: #35A8DF;
  background-image: url(../media/bg-blue.jpg);
}
.french-fancies-box-big .product-bottom p {
  color: #35A8DF;
}
.french-fancies-box-big .product-bottom span {
  background: #35A8DF;
}
.french-fancies-box-big .product-button {
  background: #eb85b5;
}
.angel-slices-box-big {
  background-color: #FF6D89;
  background-image: url(../media/bg-pink.jpg);
}
.angel-slices-box-big .product-bottom p {
  color: #FF6D89;
}
.angel-slices-box-big .product-bottom span {
  background: #FF6D89;
}
.angel-slices-box-big .product-button {
  background: #f05e75;
}
.mini-battenbergs-box-big {
  background-color: #FFC86B;
  background-image: url(../media/bg-yellow.jpg);
}
.mini-battenbergs-box-big .product-bottom p {
  color: #FFC86B;
}
.mini-battenbergs-box-big .product-bottom span {
  background: #FFC86B;
}
.mini-battenbergs-box-big .product-button {
  background: #f05e75;
}
.pies-and-tarts-box-big {
  background-color: #71B24E;
  background-image: url(../media/bg-green.jpg);
}
.pies-and-tarts-box-big .product-bottom p {
  color: #71B24E;
}
@media (max-width: 768px) {
  .pies-and-tarts-box-big .product-bottom p {
    display: none;
  }
}
.pies-and-tarts-box-big .product-bottom span {
  background: #71B24E;
}
.pies-and-tarts-box-big .product-button {
  background: #457021;
}
.small-cakes-box-big {
  background-color: #35A8DF;
  background-image: url(../media/bg-blue-1.jpg);
}
.small-cakes-box-big .product-bottom p {
  color: #35A8DF;
}
.small-cakes-box-big .product-bottom span {
  background: #35A8DF;
}
.small-cakes-box-big .product-button {
  background: #eb85b5;
}
.large-cakes-box-big {
  background-color: #FFC86B;
  background-image: url(../media/bg-yellow.jpg);
}
.large-cakes-box-big .product-bottom p {
  color: #FFC86B;
}
.large-cakes-box-big .product-bottom span {
  background: #FFC86B;
}
.large-cakes-box-big .product-button {
  background: #f05e75;
}
.our-slices-box-big {
  background-color: #9B67A7;
  background-image: url(../media/bg-violet.jpg);
}
.our-slices-box-big .product-bottom p {
  color: #b489be;
}
.our-slices-box-big .product-bottom span {
  background: #9B67A7;
}
.our-slices-box-big .product-button {
  background: #E86A7C;
}
.sponge-puddings-box-big {
  background-color: #f05253;
  background-image: url(../media/bg-red-1.jpg);
}
.sponge-puddings-box-big .product-bottom p {
  color: #f05253;
}
.sponge-puddings-box-big .product-bottom span {
  background: #f05253;
}
.sponge-puddings-box-big .product-button {
  background: #d12728;
}
.festive-treats-box-big {
  background-color: #A74492;
  background-image: url(../../media/images/backgrounds/bg-festive-range-large.png);
}
.festive-treats-box-big .product-bottom p {
  color: #A74492;
}
.festive-treats-box-big .product-bottom span {
  background: #A74492;
}
.festive-treats-box-big .product-button {
  background: #801E6C;
}
.halloween-cakes-box-big {
  background-color: #F0894E;
  background-image: url(../../media/images/backgrounds/bg-halloween-range-large.png);
}
.halloween-cakes-box-big .product-bottom p {
  color: #F0894E;
}
.halloween-cakes-box-big .product-bottom span {
  background: #F0894E;
}
.halloween-cakes-box-big .product-button {
  background: #E7702A;
}
.bg-sea,
.bg-caramel,
.bg-raspberry-2,
.bg-raspberry,
.bg-gold-2,
.bg-gold,
.bg-brown-1,
.bg-brown,
.bg-lemon-2,
.bg-lemon,
.bg-caramel-1,
.bg-plum-1,
.bg-orange-1,
.bg-orange-2,
.bg-orange,
.bg-dark-violet,
.bg-plum-2,
.bg-plum,
.bg-choco-1,
.bg-violet-3,
.bg-violet-2,
.bg-violet-1,
.bg-violet,
.bg-green,
.bg-caramel-2,
.bg-lemon-1,
.bg-yellow-2,
.bg-yellow-1,
.bg-yellow,
.bg-raspberry-1,
.bg-gold-1,
.bg-pink-1,
.bg-pink,
.bg-green-1,
.bg-blue-2,
.bg-blue-1,
.bg-choco-2,
.bg-choco,
.bg-strawberry-1,
.bg-strawberry,
.bg-blue,
.bg-pink-2,
.bg-red {
  background-position: left 0;
  background-size: cover;
  background-attachment: scroll;
  behavior: url(../js/backgroundsize.min.htc);
  background-repeat: no-repeat;
}
.bg-red {
  background-image: url(../media/bg-red.jpg);
}
.small-box .bg-red {
  background-position: left center;
}
.bg-red-1 {
  background-image: url(../media/bg-red-1.jpg);
}
.bg-pink-2 {
  background-image: url(../media/bg-pink-2.jpg);
}
.bg-sea {
  background-image: url(../media/bg-sea.jpg);
}
.bg-blue {
  background-image: url(../media/bg-blue.jpg);
}
.bg-strawberry {
  background-image: url(../media/bg-strawberry.jpg);
}
.bg-strawberry-1 {
  background-image: url(../media/bg-strawberry-1.jpg);
}
.bg-choco {
  background-image: url(../media/bg-choco.jpg);
}
.bg-choco-2 {
  background-image: url(../media/bg-choco-1.jpg);
}
.bg-blue-1 {
  background-image: url(../media/bg-blue-1.jpg);
}
.bg-blue-2 {
  background-image: url(../media/bg-blue-small.jpg);
}
.bg-green-1 {
  background-image: url(../media/bg-green-2.jpg);
}
.small-box .bg-green-1 {
  background-position: left center;
}
.bg-pink {
  background-image: url(../media/bg-pink.jpg);
}
.bg-pink.jumbotron {
  background-position: center center;
  background-image: url(../media/bg-pink-hero.jpg);
}
.bg-pink-1 {
  background-image: url(../media/bg-hero-pink1.jpg);
}
.bg-gold-1 {
  background-image: url(../media/bg-hero-gold.jpg);
}
.bg-raspberry-1 {
  background-image: url(../media/bg-hero-raspberry.jpg);
}
.bg-yellow {
  background-image: url(../media/bg-yellow.jpg);
}
.small-box .bg-yellow {
  background-position: left center;
}
.bg-yellow-1 {
  background-image: url(../media/bg-hero-yellow.jpg);
}
.bg-yellow-2 {
  background-image: url(../media/bg-yellow-2.jpg);
}
.bg-lemon-1 {
  background-image: url(../media/bg-hero-lemon.jpg);
}
.bg-caramel-2 {
  background-image: url(../media/bg-caramel-2.jpg);
}
.bg-green {
  background-image: url(../media/bg-green.jpg);
}
.bg-violet {
  background-image: url(../media/bg-violet.jpg);
}
.bg-violet-1 {
  background-image: url(../media/bg-violet-1.jpg);
}
.bg-violet-2 {
  background-image: url(../media/bg-hero-violet-1.jpg);
}
.bg-violet-3 {
  background-image: url(../media/bg-violet-2.jpg);
}
.bg-choco-1 {
  background-image: url(../media/bg-hero-choco.jpg);
}
.bg-plum {
  background-image: url(../media/bg-plum.jpg);
}
.bg-plum-2 {
  background-image: url(../media/bg-plum-2.jpg);
}
.bg-dark-violet {
  background-image: url(../media/bg-dark-violet.jpg);
}
.small-box .bg-dark-violet {
  background-position: left center;
}
.bg-orange {
  background-image: url(../media/bg-orange.jpg);
}
.small-box .bg-orange {
  background-position: left center;
}
.bg-orange-2 {
  background-image: url(../media/bg-orange-2.jpg);
}
.bg-orange-1 {
  background-image: url(../media/bg-hero-orange.jpg);
}
.bg-plum-1 {
  background-image: url(../media/bg-hero-plum.jpg);
}
.bg-caramel-1 {
  background-image: url(../media/bg-hero-caramel.jpg);
}
.bg-lemon {
  background-image: url(../media/bg-lemon.jpg);
}
.bg-lemon-2 {
  background-image: url(../media/bg-yellow-3.jpg);
}
.bg-brown {
  background-image: url(../media/bg-brown.jpg);
}
.bg-brown-1 {
  background-image: url(../media/bg-hero-brown.jpg);
}
.bg-gold {
  background-image: url(../media/bg-gold.jpg);
}
.bg-gold-2 {
  background-image: url(../media/bg-gold-2.jpg);
}
.bg-raspberry {
  background-image: url(../media/bg-raspberry.jpg);
}
.bg-raspberry-2 {
  background-image: url(../media/bg-raspberry-2.jpg);
}
.bg-caramel {
  background-image: url(../media/bg-carmel.jpg);
}
.box-top {
  overflow: hidden;
  padding: 25px 20px 30px;
}
.box-top img.ico {
  width: auto;
  max-width: 20%;
}
.box-top.bg-sea img {
  width: 58%;
  max-width: 58%;
}
.box-top.bg-sea img.ico {
  width: auto;
  max-width: 18%;
}
.box-top.bg-blue img {
  width: 98%;
  max-width: 68%;
}
.box-top.bg-blue img.ico {
  width: auto;
  max-width: 18%;
}
.bottom {
  display: block;
  border: 1px solid #e8e8e8;
  border-top: none;
  background: #fff;
  padding: 7px;
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  font-family: Cambria, Times, "Times New Roman", serif;
}
.bottom:before,
.bottom:after {
  content: " ";
  display: table;
}
.bottom:after {
  clear: both;
}
.bottom p {
  text-align: left;
  float: left;
  width: auto;
  font-size: 15px;
  font-size: 4.3vw;
  font-weight: 700;
  margin: 0;
  font-style: italic;
  line-height: 1.4em;
  position: relative;
}
@media (min-width: 530px) {
  .bottom p {
    font-size: 2.15vw;
  }
}
.bottom span {
  float: right;
  padding: 3px 6px;
  font-size: 16px;
  font-size: 4vw;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  margin-top: 2px;
  border-radius: 3px;
  line-height: 1.1em;
}
@media (min-width: 530px) {
  .bottom span {
    font-size: 2vw;
  }
}
.bottom.pink p {
  color: #ff6d89;
}
.bottom.pink span {
  background: #ff6d89;
}
.bottom.blue p {
  color: #35a8df;
}
.bottom.blue span {
  background: #35a8df;
}
.bottom.yellow p {
  color: #ffc86b;
}
.bottom.yellow span {
  background: #ffc86b;
}
.bottom.red p {
  color: #d12728;
}
.bottom.red span {
  background: #d12728;
}
.bottom.violet p {
  color: #9a69a6;
}
.bottom.violet span {
  background: #9a69a6;
}
.bottom.orange p {
  color: #e66f2e;
}
.bottom.orange span {
  background: #e66f2e;
}
.bottom.dark-violet p {
  color: #a13e8d;
}
.bottom.dark-violet span {
  background: #a13e8d;
}
.bottom.green p {
  width: 48%;
  color: #71b24e;
}
.bottom.green span {
  background: #71b24e;
}
.bottom.sea p {
  color: #68c2c4;
}
.bottom.sea span {
  background: #68c2c4;
}
.bottom.brown p {
  color: #8f5938;
}
.bottom.brown span {
  background: #8f5938;
}
.bottom.caramel p {
  color: #c96f19;
}
.bottom.caramel span {
  background: #c96f19;
}
.bottom.plum p {
  color: #913063;
}
.bottom.plum span {
  background: #913063;
}
.bottom.gold p {
  color: #d7a755;
}
.bottom.gold span {
  background: #d7a755;
}
.bottom.raspberry p {
  color: #ca204c;
}
.bottom.raspberry span {
  background: #ca204c;
}
.bottom.strawberry p {
  color: #c13550;
}
.bottom.strawberry span {
  background: #c13550;
}
.bottom.choco p {
  color: #8e463a;
}
.bottom.choco span {
  background: #8e463a;
}
.bottom.lemon p {
  color: #e8a940;
}
.bottom.lemon span {
  background: #f1c723;
}
@media (min-width: 768px) {
  .bottom {
    padding: 7px;
  }
  .bottom p {
    font-size: 22px;
    top: 1px;
  }
  .bottom span {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .bottom {
    padding-left: 15px;
  }
  .social-feed .bottom p {
    font-size: 18px;
  }
  .social-feed .bottom p:before {
    background-size: 25px 26px;
    width: 12px;
    height: 26px;
  }
  .social-feed .bottom p strong {
    font-size: 25px;
  }
  .social-feed .bottom p.tw:before {
    background-size: 25px 20px;
    width: 25px;
    height: 20px;
    left: -5px;
    top: 6px;
  }
  .social-feed .bottom .like {
    background-size: 32px 32px;
    width: 32px;
    height: 32px;
    right: 5px;
    top: 8px;
  }
  .social-feed .bottom .like:after {
    left: 4px;
    top: 4px;
  }
  .social-feed .bottom .tweet {
    top: 6px;
    width: 37px;
    height: 34px;
    right: 5px;
  }
  .social-feed .bottom .tweet:after {
    background-size: 26px 19px;
    width: 25px;
    height: 19px;
    left: 7px;
    top: 9px;
  }
}
.modal-title {
  color: #FF6D89;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.4em;
}
.modal-body {
  /*
  iframe {
    width: 100%;
    height: auto;
  }
  */
}
.boxes .twitter-link .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.boxes .twitter-link .bg.on {
  opacity: 0;
}
.boxes .twitter-link:hover .on {
  opacity: 1.0;
}
.boxes .video-box img {
  max-width: none;
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.boxes .video-box .box-top {
  padding: 0;
  border: 1px solid #e8e8e8;
  border-bottom: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.boxes .video-box:hover img {
  -webkit-transform: scale(1.25, 1.25);
  -ms-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}
.boxes .video-box:hover .play-btn {
  background-position: 0 100%;
}
.boxes .video-box .bottom p {
  display: inline-block;
  width: auto;
  font-size: 4vw;
}
@media (min-width: 530px) {
  .boxes .video-box .bottom p {
    font-size: 1.8vw;
  }
}
@media (min-width: 1200px) {
  .boxes .video-box .bottom p {
    font-size: 20px;
  }
}
.boxes .video-box .bottom span {
  width: auto;
  float: right;
  font-size: 4vw;
}
@media (min-width: 530px) {
  .boxes .video-box .bottom span {
    font-size: 1.8vw;
  }
}
@media (min-width: 1200px) {
  .boxes .video-box .bottom span {
    font-size: 20px;
  }
}
.boxes .video-box .play-btn {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -58px auto 0;
  background-image: url(../img/play-btn.png);
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 84px 168px;
  background-position: 0 0;
  width: 84px;
  height: 84px;
  right: 0;
  z-index: 100;
}
.boxes .video-box .play-btn {
  background-size: 100px 200px;
  width: 100px;
  height: 100px;
  margin-top: -70px;
}
@media (min-width: 992px) {
  .boxes .video-box vid .box-top {
    min-height: 1px;
  }
}
#home-grid {
  padding: 0 15px 30px;
}
@media (min-width: 768px) {
  #home-grid {
    padding: 0 5px 30px;
  }
}
#home-grid .box .box-item {
  margin: 5px;
}
#home-grid .box .box-item.btn-fb {
  background: #2283bc;
  font-size: 17px;
  font-size: 5vw;
  font-style: italic;
  font-weight: 700;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 3.5%;
  border: 4px solid #fff;
  text-align: center;
}
#home-grid .box .box-item.btn-fb:hover {
  background: #075E91;
}
#home-grid .box .box-item.btn-fb:hover:before {
  background-position: -17px 0;
}
#home-grid .box .box-item.btn-fb:before {
  content: '';
  background: url(../img/btn-fb.png);
  background-position: 0 0;
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 34px 37px;
  width: 17px;
  height: 37px;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 530px) {
  #home-grid .box .box-item.btn-fb {
    font-size: 14px;
    font-size: 2.5vw;
  }
  #home-grid .box .box-item.btn-fb:hover:before {
    background-position: -8px 0;
  }
  #home-grid .box .box-item.btn-fb:before {
    background-size: 17px 18px;
    width: 8px;
    height: 18px;
  }
}
@media (min-width: 768px) {
  #home-grid .box .box-item.btn-fb {
    padding: 2%;
  }
  #home-grid .box .box-item.btn-fb:hover:before {
    background-position: -17px 0;
  }
  #home-grid .box .box-item.btn-fb:before {
    background-size: 34px 37px;
    width: 17px;
    height: 37px;
  }
}
@media (min-width: 992px) {
  #home-grid .box .box-item.btn-fb {
    font-size: 24px;
    text-decoration: none;
    padding: 2.5%;
  }
  #home-grid .box .box-item.btn-fb:hover {
    background: #075E91;
  }
  #home-grid .box .box-item.btn-fb:hover:before {
    background-position: -17px 0;
  }
}
#home-grid .box .box-item.btn-tw {
  background: #69bde7;
  font-size: 17px;
  font-size: 5vw;
  font-style: italic;
  font-weight: 700;
  color: #fff;
  padding: 3.5%;
  border: 4px solid #fff;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-align: center;
}
#home-grid .box .box-item.btn-tw:hover {
  background: #00ABEE;
}
#home-grid .box .box-item.btn-tw:before {
  content: '';
  background: url('../img/btn-tw.png');
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 30px 24px;
  width: 30px;
  height: 24px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 530px) {
  #home-grid .box .box-item.btn-tw {
    font-size: 14px;
    font-size: 2.5vw;
  }
  #home-grid .box .box-item.btn-tw:before {
    background-size: 15px 12px;
    width: 15px;
    height: 12px;
  }
}
@media (min-width: 768px) {
  #home-grid .box .box-item.btn-tw {
    padding: 2.5%;
  }
  #home-grid .box .box-item.btn-tw:before {
    background-size: 30px 24px;
    width: 30px;
    height: 24px;
  }
}
@media (min-width: 992px) {
  #home-grid .box .box-item.btn-tw {
    font-size: 24px;
    text-decoration: none;
    padding: 3%;
  }
}
#home-grid .box.box-type-1 {
  padding-bottom: 58%;
}
#home-grid .box.box-type-2 {
  padding-bottom: 105%;
}
#home-grid .box.box-type-3 {
  padding-bottom: 116%;
}
#home-grid .box.box-type-4 {
  padding-bottom: 20%;
}
@media (min-width: 530px) {
  #home-grid .box.box-type-2 {
    padding-bottom: 98%;
  }
}
@media (min-width: 768px) {
  #home-grid .box .box-item {
    margin: 15px;
  }
  #home-grid .box.box-type-2 {
    padding-bottom: 101%;
  }
  #home-grid .box.box-type-4 {
    padding-bottom: 21.5%;
  }
}
.hidden-box {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  text-align: center;
  padding: 50px 0 20px;
  text-decoration: none;
  top: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  width: 100%;
  height: 100%;
}
.hidden-box .btn {
  margin: 30px auto 0;
}
.hidden-box .btn.red {
  background: #d12728;
}
.hidden-box .btn.pink {
  background: #c9344c;
}
.hidden-box .btn.green {
  background: #457021;
}
.hidden-box .btn.pink-light {
  background: #eb85b5;
}
.hidden-box h2 {
  text-decoration: none;
}
.hidden-box.red {
  background: #f05253;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.hidden-box.sea {
  background: #62bfc2;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.hidden-box.blue {
  background: #35a8df;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.hidden-box.pink {
  background: #f58697;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.hidden-box.yellow {
  background: #ffc86b;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.hidden-box.green {
  background: #71b24e;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.hidden-box.violet {
  background: #b489be;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.hidden-box.dark-violet {
  background: #a13e8d;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.hidden-box.orange {
  background: #e66f2e;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 0 1px #e8e8e8;
  box-shadow: 0 0 1px #e8e8e8;
}
.social-feed .hidden-box {
  display: block;
  background: #075e91;
  height: 100%;
  font-size: 13px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  color: #fff;
  padding: 0;
  font-weight: 700;
}
.social-feed .hidden-box p {
  margin-bottom: 0;
  width: 100%;
  display: table;
  height: 100%;
  min-height: 100%;
  padding: 0 5px;
  vertical-align: middle;
}
.social-feed .hidden-box p span {
  display: table-cell;
  vertical-align: middle;
  min-height: 100%;
  padding-bottom: 20px;
  opacity: 0;
}
@media (min-width: 768px) {
  .hidden-box {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .social-feed .hidden-box {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .social-feed .hidden-box p {
    padding: 0 10px;
  }
  .social-feed .hidden-box p span {
    padding-bottom: 50px;
  }
}
.load-more {
  width: 100%;
  border: none;
  background: #ff6d89;
  color: #fff;
  min-height: 66px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 20px;
  margin: 15px 0 30px;
  display: block;
  text-decoration: none;
  text-align: center;
}
.load-more:hover {
  background: #E73857;
}
@media (min-width: 768px) {
  .load-more {
    font-size: 26px;
  }
}
/* IE
   ========================================================================== */
@media (min-width: 768px) {
  .ie9 .st-fixednav-open .navbar-brand {
    background-size: 120px 61px;
    width: 120px;
    height: 61px;
    margin-left: -60px;
  }
}
@media (min-width: 992px) {
  .ie9 .st-fixednav-open .navbar-brand {
    background-size: 120px 61px;
    width: 120px;
    height: 61px;
    margin-left: -60px;
  }
}
.ie9 .slide-2 .slider-txt .btn {
  margin-left: 100px;
}
@media (min-width: 992px) {
  .ie9 .slide-2 .slider-txt .btn {
    margin-left: 180px;
  }
}
.ie8 .navigation {
  display: none;
}
.ie8 .st-fixednav-open .navbar-toggle {
  display: none;
}
.ie8 .st-fixednav-open .navbar-header {
  top: -17px;
}
.ie8 .st-menu-open .navigation {
  display: block;
}
.ie8 .jumbotron {
  padding-top: 10px;
}
.ie8 .product .small-box .box-img {
  width: 35%;
}
@media (min-width: 992px) {
  .ie8 .boxes-bottom .item.col-md-3 {
    width: 24%;
  }
}
.something-different-heading {
  color: #e84647;
  margin-bottom: 22px !important;
}
.page-range .boxes {
  padding-bottom: 40px;
}
.page-range .boxes a {
  text-decoration: none;
}
.page-range .boxes .box-item h2 {
  font-size: 45px;
}
.page-range .boxes .box-item .box-top,
.page-range .boxes .box-item .bg-top {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-position: 50% 0;
  background-size: auto 100%;
}
.page-range .product-ranges-box {
  padding-bottom: 108%;
}
.page-range .product-ranges-box .box-item {
  background-size: auto 100%;
}
.page-range .product-ranges-box .box-item h2 {
  font-size: 18px;
  margin-top: 14%;
  height: 22%;
  position: relative;
}
.page-range .product-ranges-box .box-item .box-top {
  padding: 0 5%;
}
.page-range .product-ranges-box .box-item .box-content .product-image {
  width: auto;
  height: 45%;
}
@media (max-width: 401px) {
  .page-range .product-ranges-box .box-item .box-content .product-image {
    height: 35%;
    margin-top: -30px;
  }
}
.page-range .product-ranges-box .box-item .box-content .product-button {
  font-size: 12px;
  font-size: 2.0vw;
}
.page-range .product-ranges-box .box-item .product-bottom {
  top: auto;
  padding: 2%;
}
.page-range .product-ranges-box .box-item .product-bottom p {
  font-size: 3vw;
  display: none;
}
@media (min-width: 768px) {
  .page-range .product-ranges-box .box-item .product-bottom p {
    font-size: 35px;
    font-size: 2.5vw;
  }
}
@media (min-width: 530px) {
  .page-range .product-ranges-box .box-item .product-bottom p {
    font-size: 30px;
    font-size: 2.5vw;
  }
}
@media (min-width: 992px) {
  .page-range .product-ranges-box .box-item .product-bottom p {
    font-size: 40px;
    font-size: 2.7vw;
  }
}
.page-range .product-ranges-box .box-item .product-bottom span {
  max-height: 100%;
  width: 100%;
  font-size: 3.3vw;
  padding: 3% 4%;
}
@media (min-width: 530px) {
  .page-range .product-ranges-box .box-item h2 {
    font-size: 26px;
  }
}
@media (min-width: 480px) {
  .page-range .product-ranges-box .box-item .product-bottom span {
    padding: 5px 10px;
  }
}
@media (min-width: 768px) {
  .page-range .product-ranges-box .box-item h2 {
    font-size: 40px;
  }
  .page-range .product-ranges-box .box-item .product-bottom p {
    display: inline-block;
  }
  .page-range .product-ranges-box .box-item .product-bottom span {
    font-size: 2vw;
    max-height: 100%;
    width: auto;
  }
  .page-range .product-ranges-box .box-item .product-button {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .page-range .product-ranges-box .box-item h2 {
    font-size: 45px;
  }
  .page-range .product-ranges-box .box-item .product-bottom p {
    font-size: 22px;
  }
  .page-range .product-ranges-box .box-item .product-bottom span {
    font-size: 20px;
  }
}
@media (min-width: 1200px) {
  .page-range .product-ranges-box .box-item h2 {
    font-size: 45px;
  }
  .page-range .product-ranges-box .box-item .product-bottom span {
    font-size: 20px;
  }
  .page-range .product-ranges-box .box-item .product-button {
    font-size: 22px;
  }
}
.page-range .product-range-box {
  padding-bottom: 110%;
}
.page-range .product-range-box .box-item h2 {
  position: relative;
  overflow: visible;
  font-size: 16px;
  font-size: 3.5vw;
  height: 13%;
  margin: 5px 0;
  z-index: 2;
}
.page-range .product-range-box .box-item .ico {
  width: auto;
  height: 20px;
  margin-top: 10% !important;
}
.page-range .product-range-box .box-item .product-image {
  position: relative;
  z-index: 1;
  max-width: 100%;
  width: auto;
  height: 40%;
}
@media (max-width: 401px) {
  .page-range .product-range-box .box-item .product-image {
    height: 35%;
  }
}
.page-range .product-range-box .box-item .box-top {
  padding: 0;
}
.page-range .product-range-box .box-item .bottom {
  top: auto;
}
.page-range .product-range-box .box-item .bottom p {
  width: auto;
  font-size: 20px;
  line-height: 1.3em;
  display: none;
}
@media (min-width: 480px) {
  .page-range .product-range-box .box-item h2 {
    font-size: 20px;
    font-size: 3.5vw;
    height: 15%;
  }
}
@media (min-width: 768px) {
  .page-range .product-range-box .box-item h2 {
    font-size: 20px;
    height: 30px;
  }
  .page-range .product-range-box .box-item .ico {
    height: 45px;
  }
  .page-range .product-range-box .box-item .bottom p {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .page-range .product-range-box .box-item h2 {
    font-size: 26px;
    height: 65px;
  }
  .page-range .product-range-box .box-item .box-top {
    padding: 5%;
  }
  .page-range .product-range-box .box-item .ico {
    margin-top: 5% !important;
  }
  .page-range .product-range-box .box-item .product-image {
    height: 45%;
  }
}
.page-range .other-range-box {
  padding-bottom: 49%;
}
.page-range .other-range-box .box-item {
  padding-bottom: 46% !important;
}
.page-range .other-range-box .box-item h2 {
  vertical-align: middle;
  display: table-cell;
  line-height: 1.2em;
  font-size: 26px;
  font-size: 7vw;
  padding-top: 3%;
}
.page-range .other-range-box .box-item h2:before {
  content: '';
  display: block;
  width: 21%;
  background: #FFF;
  border-radius: 1px;
  height: 3px;
  margin: 11px auto 18px;
  -moz-border-radius: 1px;
  -webkit-box-shadow: 0 2px 0 rgba(15, 15, 16, 0.2);
  box-shadow: 0 2px 0 rgba(15, 15, 16, 0.2);
}
.page-range .other-range-box .box-item h2:after {
  content: '';
  display: block;
  width: 25%;
  background: #FFF;
  border-radius: 1px;
  height: 3px;
  margin: 11px auto 18px;
  -moz-border-radius: 1px;
  -webkit-box-shadow: 0 2px 0 rgba(15, 15, 16, 0.2);
  box-shadow: 0 2px 0 rgba(15, 15, 16, 0.2);
}
.page-range .other-range-box .box-item .bg-top {
  background-position: 50%;
  padding: 0 10px;
  display: table;
  height: 100%;
  padding-bottom: 12%;
}
.page-range .other-range-box .box-item .box-img {
  display: table-cell;
  vertical-align: middle;
  width: 51%;
  padding-top: 5%;
}
.page-range .other-range-box .box-item .box-img img {
  padding: 0;
  max-width: 100%;
  width: 100%;
  margin: 0;
}
.page-range .other-range-box .box-item .bottom p {
  width: auto;
  display: inline-block;
}
@media screen and (min-width: 530px) and (max-width: 992px) {
  .page-range .other-range-box .box-item h2 {
    font-size: 5vw;
  }
}
@media (min-width: 768px) {
  .page-range .other-range-box .box-item h2 {
    font-size: 32px;
    font-size: 3.5vw;
  }
  .page-range .other-range-box .box-item .bottom p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .page-range .other-range-box .box-item {
    padding-bottom: 52%;
  }
  .page-range .other-range-box .box-item .bottom p {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .page-range .other-range-box .box-item h2 {
    font-size: 32px;
  }
}
.page-range img {
  margin-bottom: 10px;
}
.page-range .box-top img {
  width: 55%;
}
.page-range .box-top img.ico {
  margin-bottom: 0;
  margin-top: 15px;
}
.page-range .hidden-box {
  padding-top: 30px;
}
.page-range .hidden-box h2 {
  margin-bottom: 10px;
}
.page-range .hidden-box h2:after {
  margin-bottom: 0;
}
.page-range .hidden-box .btn {
  margin-top: 10px;
  font-size: 11px;
}
@media (min-width: 360px) {
  .page-range .bottom span {
    font-size: 11px;
  }
}
@media (min-width: 480px) {
  .page-range .box-top h2:after {
    margin-bottom: 18px;
  }
}
@media (min-width: 620px) {
  .page-range .box-top.bg-blue img {
    width: 68%;
  }
  .page-range .box-top img {
    width: auto;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .page-range .bottom p {
    display: block;
    width: 100%;
  }
  .page-range .bottom span {
    width: auto;
    float: right;
  }
  .page-range .hidden-box {
    padding-top: 80px;
  }
  .page-range .hidden-box .btn {
    font-size: 22px;
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .page-range .bottom {
    padding-left: 10px;
  }
  .page-range .bottom p {
    padding-left: 0;
    margin: 0;
    position: relative;
    top: 0;
    font-size: 25px;
    line-height: 1.15em;
  }
  .page-range .bottom p span {
    font-size: 21px;
    top: -1px;
    position: relative;
  }
}
.product h2 {
  margin-bottom: 5px !important;
  margin: 3px auto;
}
.product h2:after {
  content: none;
}
.product img {
  margin-top: 20px;
  margin-bottom: 0;
}
.product img.ico {
  max-width: 30%;
  margin-top: 10px !important;
}
.product .small img {
  margin-top: 15px;
  max-width: 85%;
}
.product .small img.ico {
  max-width: 30%;
}
.product .box-top.margin img {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .product .bottom {
    padding-left: 7px;
  }
  .product .bottom p {
    line-height: 1.9em;
    width: 100%;
  }
  .product .small-box .bg-top {
    height: 216px;
  }
  .product .small-box .bg-top img {
    margin-top: -3em !important;
  }
  .product .small-box .bg-top h2 {
    padding-bottom: 30px;
  }
  .product .box {
    height: auto;
  }
  .product .box-top img {
    width: 60%;
  }
}
.product .boxes {
  padding-bottom: 30px;
}
@media (min-width: 992px) {
  .product .bottom p {
    font-size: 20px;
    line-height: 1.3em;
  }
  .product .box-top.margin h2 {
    font-size: 32px;
  }
  .product .box-top img {
    width: auto;
  }
  .product .box-item h2 {
    margin-top: 8px;
    font-size: 34px;
    line-height: 1.05em;
  }
  .product .margin img {
    margin-top: 2px;
  }
  .product .small img {
    margin-top: 5px;
    max-width: 72%;
  }
  .product .small img.ico {
    max-width: 30%;
  }
}
.boxes-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #fff;
}
.boxes-bottom.gray {
  background: #f6f6f6;
}
.boxes-bottom .container > h2 {
  letter-spacing: .03em;
  text-align: center;
  font-family: 'Mission_scriptregular', cursive, serif;
  margin-bottom: 20px !important;
  padding: 0 24px;
}
@media (min-width: 768px) {
  .boxes-bottom {
    padding: 38px 0;
  }
  .boxes-bottom .container > h2 {
    font-size: 40px;
    margin-bottom: 34px !important;
  }
}
@media (min-width: 768px) {
  .product-detail .traffic-lights,
  .product-detail .allergy-advice {
    float: left;
  }
  .product-detail .free-range,
  .product-detail .product-packshot,
  .product-detail .nutrition-information {
    float: right;
  }
  .product-detail .traffic-lights,
  .product-detail .free-range,
  .product-detail .product-packshot {
    margin: 20px 0;
  }
}
.panel-group .container {
  max-width: 960px;
}
.panel-group .row:before,
.panel-group .row:after {
  content: " ";
  display: table;
}
.panel-group .row:after {
  clear: both;
}
.panel-group:before,
.panel-group:after {
  content: " ";
  display: table;
}
.panel-group:after {
  clear: both;
}
.panel-group .panel {
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin-bottom: 6px;
}
.panel-group .panel-body {
  background: #f6f6f6;
  border: none;
  border-top: none !important;
  color: #8e8e8e;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 700;
  padding-top: 5px;
}
.panel-group img {
  display: block;
  margin: 10px auto 20px;
  max-width: 100%;
}
.panel-group p {
  line-height: 1.8em;
  font-weight: normal;
}
.panel-group p span {
  color: #4b4b4b;
}
.panel-group p strong {
  color: #000;
}
.panel-group p a {
  color: #000;
  border-bottom: 1px solid #000;
}
.panel-group p a:hover {
  text-decoration: none;
}
.panel-group .list {
  width: 100%;
  display: table;
  padding: 0 0 0 17px;
}
.panel-group .list li {
  display: table-cell;
  float: none !important;
  width: auto !important;
  vertical-align: middle;
}
.panel-group .list li p:before {
  content: '';
  margin-right: 0.5em;
  width: 7px;
  height: 7px;
  border-radius: 10px;
  background: green;
  top: -1px;
  position: relative;
  display: inline-block;
}
.panel-group .list:before,
.panel-group .list:after {
  content: " ";
  display: table;
}
.panel-group .list:after {
  clear: both;
}
.panel-group .list p {
  color: #8e8e8e;
  font-weight: bold;
}
.panel-group .panel-heading {
  border: 1px solid #efefef;
}
.panel-group .panel-title {
  font-weight: bold;
  font-style: italic;
  font-size: 21px;
  letter-spacing: .045em;
  text-align: center;
}
.panel-group .panel-title > a {
  padding-right: 25px;
  width: 100%;
  display: inline-block;
  text-decoration: none;
  position: relative;
}
.panel-group .panel-title > a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  background: url(../img/icon-accordion.png) 0 -14px;
  width: 14px;
  height: 14px;
  background-size: 14px 28px;
}
@media (min-width: 768px) {
  .panel-group .panel-title > a:after {
    display: none;
  }
}
.panel-group .panel-title > a.collapsed:after {
  background-position: 0 0;
}
.panel-group .panel-title > a .hyphen {
  white-space: nowrap;
}
.panel-group .panel-title > a .hyphen:before,
.panel-group .panel-title > a .hyphen:after {
  content: '––';
  font-family: Courier;
  letter-spacing: -8px;
  margin-left: -8px;
  padding: 0 15px;
  display: none;
}
@media (min-width: 768px) {
  .panel-group .panel-title > a .hyphen:before,
  .panel-group .panel-title > a .hyphen:after {
    display: inline-block;
  }
}
.panel-group .table {
  font-size: 11px;
  font-weight: 700;
  color: #8e8e8e;
}
.panel-group .table th {
  text-align: left;
  color: #4b4b4b;
  padding-left: 0;
  border-bottom: 1px solid #e1e1e1;
}
.panel-group .table tbody + tbody {
  border-top: 1px solid #e1e1e1;
}
.panel-group .table tbody {
  width: 100%;
  position: relative;
}
.panel-group .table tbody:after {
  height: 2px;
  content: "";
  display: block;
}
.panel-group .table tbody td {
  border: none;
  padding: 5px 0;
}
.panel-group .table tfoot td {
  padding-left: 0;
}
@media (min-width: 480px) {
  .panel-group .table {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .panel-group {
    margin-bottom: 50px;
  }
  .panel-group .panel {
    background: none;
    margin-bottom: 0;
  }
  .panel-group .panel-collapse {
    display: block !important;
  }
  .panel-group .panel-body {
    padding-bottom: 0;
  }
  .panel-group .panel-heading {
    background: none;
    border: none;
  }
  .panel-group img.img-product {
    width: 100%;
    max-width: none;
    margin-top: 0;
  }
  .panel-group img.margin {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .panel-group .panel-title {
    font-weight: normal;
    font-size: 30px;
    font-style: normal;
    text-align: center;
    position: relative;
    cursor: default;
    font-family: 'Mission_scriptregular', cursive, serif;
  }
  .panel-group .panel-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 100;
  }
  .panel-group .panel-title > a {
    padding: 0;
    cursor: default;
    display: inline-block;
  }
  .panel-group .panel-title.col-pink > a:before,
  .panel-group .panel-title.col-pink > a:after {
    background: #f05e75;
  }
  .panel-group .panel-title.col-violet > a:before,
  .panel-group .panel-title.col-violet > a:after {
    background: #be59a9;
  }
  .panel-group .panel-title.col-brown > a:before,
  .panel-group .panel-title.col-brown > a:after {
    background: #b57954;
  }
  .panel-group .panel-title.col-caramel > a:before,
  .panel-group .panel-title.col-caramel > a:after {
    background: #e27f21;
  }
  .panel-group .panel-title.col-yellow > a:before,
  .panel-group .panel-title.col-yellow > a:after {
    background: #f7b23e;
  }
  .panel-group .panel-title.col-plum > a:before,
  .panel-group .panel-title.col-plum > a:after {
    background: #a22265;
  }
  .panel-group .panel-title.col-violet > a:before,
  .panel-group .panel-title.col-violet > a:after {
    background: #be59a9;
  }
  .panel-group .panel-title.col-gold > a:before,
  .panel-group .panel-title.col-gold > a:after {
    background: #d19939;
  }
  .panel-group .panel-title.col-raspberry > a:before,
  .panel-group .panel-title.col-raspberry > a:after {
    background: #db1549;
  }
  .panel-group .panel-title.col-lemon > a:before,
  .panel-group .panel-title.col-lemon > a:after {
    background: #f1c723;
  }
  .panel-group .panel-title.col-choco > a:before,
  .panel-group .panel-title.col-choco > a:after {
    background: #722e23;
  }
  .panel-group #ingredients p {
    line-height: 1.9em;
    padding-right: 30px;
  }
  .panel-group .table {
    margin-top: -5px;
  }
  .panel-group .table td:first-child {
    width: 59%;
  }
}
@media (min-width: 992px) {
  .panel-group .list li {
    float: left;
    width: 25%;
    padding-right: 10px;
  }
  .panel-group img.img-product {
    padding-top: 0;
  }
}
.info-detail {
  text-align: center;
  max-width: 270px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.info-detail > p {
  margin-top: 10px;
  color: #8e8e8e;
  line-height: 1.2em;
}
.info-detail h4 {
  font-weight: 700;
  font-size: 14px;
  color: #8e8e8e;
}
.info-detail ul {
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}
.info-detail li {
  overflow: hidden;
  font-weight: 700;
  color: #8e8e8e;
  font-size: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(15, 15, 16, 0.03);
  -moz-border-radius: 22px/21px;
  border-radius: 22px/21px;
  width: 18.5%;
  height: 109px;
  vertical-align: top;
  display: inline-block;
}
.info-detail span {
  font-size: 13px;
  color: #111;
  margin: 0;
  line-height: 1.1em;
  display: block;
  letter-spacing: -0.02em;
}
.info-detail h5 {
  font-weight: 700;
  color: #c8c8c8;
  word-break: break-all;
  margin: 0;
  padding: 0 2px;
  min-height: 23px;
}
.info-detail .top {
  padding: 15px 0;
  height: 70px;
}
.info-detail .percent {
  display: table;
  width: 100%;
  height: 39px;
  vertical-align: middle;
}
.info-detail .percent.gray {
  background: #c8c8c8;
}
.info-detail .percent.orange {
  background: #f9b02d;
}
.info-detail .percent.red {
  background: #d2282a;
}
.info-detail .percent.green {
  background: #71b24e;
}
.info-detail .percent.energy {
  background: #fff;
}
.info-detail .percent span {
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  color: #fff;
}
.product-detail .product-box {
  padding-bottom: 118%;
}
.product-detail .product-box .box-item {
  margin: 5px;
}
.product-detail .product-box .box-item .box-top {
  padding: 5%;
}
.product-detail .product-box .box-item h2 {
  font-size: 13px;
  font-size: 3.6vw;
  height: 15%;
  position: relative;
  z-index: 2;
  margin-top: 10%;
}
.product-detail .product-box .box-item .ico {
  display: none;
}
.product-detail .product-box .box-item .product-image {
  position: relative;
  z-index: 1;
  width: auto;
  height: 50%;
}
.product-detail .product-box .box-item .bottom {
  top: auto;
  padding: 8px;
}
.product-detail .product-box .box-item .bottom span.arrow {
  width: 24px;
  height: 24px;
  padding: 0;
}
@media (min-width: 480px) {
  .product-detail .product-box .box-item h2 {
    font-size: 19px;
    font-size: 3.6vw;
    height: 25%;
    margin-top: 15%;
  }
}
@media (min-width: 768px) {
  .product-detail .product-box .box-item {
    margin: 10px;
  }
  .product-detail .product-box .box-item h2 {
    font-size: 15px;
    font-size: 1.8vw;
    height: 15%;
  }
  .product-detail .product-box .box-item .bottom span.arrow {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 992px) {
  .product-detail .product-box .box-item h2 {
    font-size: 15px;
    font-size: 1.8vw;
    height: 25%;
  }
  .product-detail .product-box .box-item .boxes-bottom img {
    padding: 12px 15px;
  }
  .product-detail .product-box .box-item .other-slices .top {
    padding-top: 10px;
  }
  .product-detail .product-box .box-item .other-slices .small img {
    max-width: 95%;
  }
  .product-detail .product-box .box-item .small-box h2 {
    font-size: 33px;
  }
}
@media (min-width: 1200px) {
  .product-detail .product-box .box-item h2 {
    font-size: 19px;
    margin-top: 10%;
    height: 22%;
  }
}
.boxes-bottom .other-slices h2 {
  font-size: 25px;
  letter-spacing: -0.05em;
}
.ribbon {
  max-width: 678px;
  left: 0;
  right: 0;
  z-index: 101;
  margin: 0 auto;
  position: relative;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
  color: #fff;
  font-weight: 700;
  padding: 13px 0;
  height: 70px;
  font-style: italic;
  font-size: 15px;
}
.ribbon h3 {
  margin: 0;
  font-size: 15px;
  letter-spacing: .045em;
  font-weight: 700;
}
.ribbon p {
  margin: 0;
}
.ribbon:before,
.ribbon:after {
  content: "";
  width: .2em;
  bottom: 0;
  position: absolute;
  display: block;
  border: 35px solid transparent;
  z-index: -2;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.ribbon:after {
  right: -35px;
  border-left-width: .75em;
  border-right-color: transparent;
}
.ribbon:before {
  left: -35px;
  border-right-width: .75em;
  border-left-color: transparent;
}
.ribbon ul {
  padding: 0;
  list-style: none;
  vertical-align: middle;
  display: inline-block;
}
@media (min-width: 768px) {
  .ribbon {
    padding: 3px 0;
    height: 40px;
  }
  .ribbon h3 {
    display: inline-block;
    vertical-align: middle;
  }
  .ribbon ul {
    margin: 0 0 0 5px;
  }
  .ribbon:before,
  .ribbon:after {
    border-width: 20px;
  }
}
@media (min-width: 992px) {
  .ribbon h3 {
    font-size: 20px;
  }
  .ribbon ul {
    font-size: 20px;
  }
}
.social-ribbon {
  font-size: 13px;
  margin-top: -10px;
}
@media (min-width: 768px) {
  .social-ribbon {
    margin-top: 0;
  }
}
.social-ribbon:before,
.social-ribbon:after {
  content: " ";
  display: table;
}
.social-ribbon:after {
  clear: both;
}
.social-ribbon a {
  display: inline-block;
  background: url(../img/social-ribbon.png) 0 0;
  background-repeat: no-repeat;
  background-size: 29px 52px;
  border-radius: 3px;
  margin: 3px 5px;
  padding: 0;
  position: relative;
  behavior: url(js/backgroundsize.min.htc);
}
.social-ribbon a.fb,
.social-ribbon a.tw {
  vertical-align: middle;
}
.social-ribbon a.fb {
  background-position: 0 -26px;
  width: 29px;
  height: 26px;
  margin-left: 0;
}
.social-ribbon a.tw {
  background-position: 0 0;
  width: 29px;
  height: 26px;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .social-ribbon a {
    margin: 3px 5px;
  }
  .social-ribbon a.tw {
    margin-left: 20px;
  }
}
.social-ribbon .share-text {
  line-height: 32px;
  vertical-align: middle;
}
.share-text {
  font-size: 20px;
}
.hero-ribbon {
  padding: 0 30px;
  top: 51px;
  position: relative;
  width: 100%;
  max-width: 666px;
  display: inline-block;
}
.hero-ribbon:before,
.hero-ribbon:after {
  content: "";
  width: .2em;
  bottom: 0;
  position: absolute;
  display: block;
  border: 35px solid #FFF;
  border-right-color: transparent;
  z-index: 1;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.hero-ribbon:after {
  right: -8px;
  border-left-width: .75em;
  border-right-color: transparent;
}
.hero-ribbon:before {
  left: -8px;
  border-right-width: .75em;
  border-left-color: transparent;
}
@media (min-width: 768px) {
  .hero-ribbon {
    width: auto;
    top: auto;
    bottom: -23px;
    left: 0;
    right: 0;
    top: 45px;
    margin: -1em auto 0;
    height: 40px;
    min-width: 666px;
    display: inline-block;
  }
  .hero-ribbon:before {
    border: 20px solid #FFF;
    border-left-color: transparent;
  }
  .hero-ribbon:after {
    border: 20px solid #FFF;
    border-right-color: transparent;
  }
}
.pink-bg {
  background: #e24b63;
}
.pink-bg:before,
.pink-bg:after {
  border-color: #e24b63;
}
.pink-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.pink-bg:before {
  border-left-color: transparent;
}
.brown-bg {
  background: #8f5938;
}
.brown-bg:before,
.brown-bg:after {
  border-color: #8f5938;
}
.brown-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.brown-bg:before {
  border-left-color: transparent;
}
.caramel-bg {
  background: #ed9339;
}
.caramel-bg:before,
.caramel-bg:after {
  border-color: #ed9339;
}
.caramel-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.caramel-bg:before {
  border-left-color: transparent;
}
.yellow-bg {
  background: #f7b23e;
}
.yellow-bg:before,
.yellow-bg:after {
  border-color: #f7b23e;
}
.yellow-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.yellow-bg:before {
  border-left-color: transparent;
}
.orange-bg {
  background: #f07727;
}
.orange-bg:before,
.orange-bg:after {
  border-color: #f07727;
}
.orange-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.orange-bg:before {
  border-left-color: transparent;
}
.plum-bg {
  background: #a22265;
}
.plum-bg:before,
.plum-bg:after {
  border-color: #a22265;
}
.plum-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.plum-bg:before {
  border-left-color: transparent;
}
.violet-bg {
  background: #be59a9;
}
.violet-bg:before,
.violet-bg:after {
  border-color: #be59a9;
}
.violet-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.violet-bg:before {
  border-left-color: transparent;
}
.gold-bg {
  background: #d19939;
}
.gold-bg:before,
.gold-bg:after {
  border-color: #d19939;
}
.gold-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.gold-bg:before {
  border-left-color: transparent;
}
.raspberry-bg {
  background: #db1549;
}
.raspberry-bg:before,
.raspberry-bg:after {
  border-color: #db1549;
}
.raspberry-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.raspberry-bg:before {
  border-left-color: transparent;
}
.lemon-bg {
  background: #f1c723;
}
.lemon-bg:before,
.lemon-bg:after {
  border-color: #f1c723;
}
.lemon-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.lemon-bg:before {
  border-left-color: transparent;
}
.choco-bg {
  background: #722e23;
}
.choco-bg:before,
.choco-bg:after {
  border-color: #722e23;
}
.choco-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.choco-bg:before {
  border-left-color: transparent;
}
.bg-our-slices-small {
  background-image: url(../../media/images/backgrounds/bg-our-slices-small.png);
}
.bg-pudding-cakes-small {
  background-image: url(../../media/images/backgrounds/bg-sponge-puddings-small.png);
}
.bg-large-cakes-small {
  background-image: url(../../media/images/backgrounds/bg-large-cakes-small.png);
}
.bg-pies-and-tarts-small {
  background-image: url(../../media/images/backgrounds/bg-pies-and-tarts-small.png);
}
.bg-small-cakes-small {
  background-image: url(../../media/images/backgrounds/bg-small-cakes-small.png);
}
.bg-halloween-cakes-small {
  background-image: url(../../media/images/backgrounds/bg-halloween-cakes-small.png);
}
.bg-festive-treats-small {
  background-image: url(../../media/images/backgrounds/bg-festive-treats-small.png);
}
.page-range.product.product-detail h1 {
  font-size: 35px;
}
.page-range.product.product-detail .hero-txt {
  min-height: 310px;
}
.page-about .jumbotron .container {
  max-width: 850px;
}
.page-about .section {
  padding: 30px 0 15px;
}
.page-about .section.font-white p {
  color: #fff;
}
.page-about .section p {
  font-weight: bold;
  color: #8e8e8e;
  margin-bottom: 20px;
  line-height: 1.85em;
}
.page-about .section p span {
  font-size: 25px;
  font-weight: normal;
  font-family: 'Mission_scriptregular', cursive, serif;
  letter-spacing: .03em;
  display: block;
}
.page-about .section .col-red {
  color: #b10a1e;
}
.page-about .section.red {
  background: #f74d61;
}
.page-about .section.pink {
  background: #fea7b8;
}
.page-about .section.violet {
  background: #c69ad0;
}
.page-about .section.blue {
  background: #83cdf2;
}
.page-about .section img {
  padding: 0 30px;
  margin: 0 auto 20px;
  display: block;
  max-width: 100%;
}
.page-about .section h3 {
  font-size: 30px;
  font-family: 'Mission_scriptregular', cursive, serif;
}
.page-about h2 {
  font-size: 30px;
  font-family: 'Mission_scriptregular', cursive, serif;
  letter-spacing: .01em;
}
@media (min-width: 768px) {
  .page-about .img-right img {
    float: right;
    margin-top: 20px;
  }
  .page-about .left {
    padding-top: 35px;
    padding-bottom: 45px;
  }
  .page-about .left.padding {
    padding-bottom: 10px;
  }
  .page-about .right-txt p,
  .page-about .right-txt h2,
  .page-about .right-txt h3 {
    text-align: right;
  }
  .page-about .section .right p,
  .page-about .section .right h2,
  .page-about .section .right h3 {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .page-about .section {
    padding: 38px 0 30px;
  }
  .page-about .section h2,
  .page-about .section h3 {
    font-size: 40px;
  }
  .page-about .section p span {
    display: inline-block;
    font-size: 36px;
  }
  .page-about .section .right {
    padding-bottom: 40px;
    padding-top: 48px;
  }
  .page-about .section img {
    margin-bottom: 0;
    padding: 0;
  }
  .page-about img {
    padding: 0;
    float: left;
  }
  .page-about .right-txt h2 {
    margin-top: 0;
    margin-bottom: 35px;
    padding-left: 120px;
  }
  .page-about .right-txt.padding {
    padding-bottom: 0;
  }
  .page-about .right-txt.padding p {
    padding-left: 30px;
  }
  .page-about .right-txt.padding h2 {
    padding-left: 0;
    margin-bottom: 15px;
  }
  .page-about .right-txt h3 {
    margin-bottom: 20px;
  }
  .page-about .padding-top {
    padding-bottom: 20px;
    padding-top: 10px;
  }
}
.bottom-box .container {
  padding-top: 10px;
  padding-bottom: 30px;
  text-align: center;
  max-width: 530px;
  margin: 0 auto;
}
/* Nutrition
   ========================================================================== */
.page-balanced-snacking .jumbotron p {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.page-balanced-snacking .section p span {
  font-family: Cambria, Times, "Times New Roman", serif;
  font-size: 16px;
  letter-spacing: normal;
  font-weight: bold;
}
.page-balanced-snacking .info-deatil {
  max-width: 290px;
}
.page-balanced-snacking .info-deatil p {
  line-height: 1.3em;
}
.page-balanced-snacking .title {
  padding: 20px 15px;
  color: #8e8e8e;
}
.page-balanced-snacking .title p {
  max-width: 550px;
  margin: 0 auto;
  line-height: 1.9em;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.page-balanced-snacking .list {
  font-weight: bold;
  padding: 0 0 0 20px;
}
.page-balanced-snacking .list li {
  margin-bottom: 7px;
}
.page-balanced-snacking .list.violet {
  color: #8d549a;
}
.page-balanced-snacking .col-blue {
  color: #297ca5;
}
@media (min-width: 768px) {
  .page-balanced-snacking .section .img-right.padding-none img {
    margin-top: 0;
  }
  .page-balanced-snacking .section .img-right.padding-top {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .page-balanced-snacking .title {
    padding: 48px 15px;
  }
  .page-balanced-snacking .section.padding-none {
    padding-bottom: 0;
  }
  .page-balanced-snacking .section p span {
    font-size: 16px;
  }
  .page-balanced-snacking .section.padding {
    padding-top: 10px;
    padding-bottom: 0;
  }
  .page-balanced-snacking .section .right.padding-top {
    padding-top: 40px;
  }
  .page-balanced-snacking .section .right.padding-none {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .page-balanced-snacking .section .right h2 {
    margin-top: 0;
  }
  .page-balanced-snacking .section .img-top {
    margin-top: -105px;
  }
  .page-balanced-snacking .section .left.padding-top {
    padding-top: 50px;
  }
}
/* FAQ
   ========================================================================== */
@media (min-width: 768px) {
  .faq .panel-group {
    margin-bottom: 40px;
  }
  .faq .panel-group .collapse {
    display: none !important;
  }
  .faq .panel-group .collapse.in {
    display: block !important;
  }
  .faq .panel-group .container {
    max-width: 895px;
  }
  .faq .panel-group .panel-body {
    padding: 15px 15px 0;
  }
  .faq .panel-group .panel-body p {
    line-height: 2.1em;
  }
  .faq .panel-group .panel-body p strong {
    color: #4b4b4b;
  }
  .faq .panel-group .panel-body a {
    color: #4b4b4b;
  }
  .faq .panel-group .panel {
    margin-bottom: 5px;
  }
  .faq .panel-group .panel-title {
    font-family: Cambria, Times, "Times New Roman", serif;
    font-weight: bold;
    font-style: italic;
    cursor: pointer;
    font-size: 26px;
  }
  .faq .panel-group .panel-title:before {
    content: none;
  }
  .faq .panel-group .panel-title > a {
    padding-top: 5px;
    padding-bottom: 7px;
    cursor: pointer;
    letter-spacing: -0.005em;
  }
  .faq .panel-group .panel-title > a:before {
    content: none;
  }
  .faq .panel-group .panel-title > a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
    background: url(../img/icon-accordion.png) 0 -14px;
    width: 14px;
    height: 14px;
    -webkit-background-size: 14px 28px;
    background-size: 14px 28px;
  }
  .faq .panel-group .panel-title > a.collapsed:after {
    background-position: 0 0;
  }
  .faq .panel-group .panel-heading {
    background: #fff;
    border: 1px solid #EFEFEF;
  }
}
.title-panel {
  padding: 30px 0 40px;
  text-align: center;
}
.title-panel h2 {
  font-family: 'Mission_scriptregular', cursive, serif;
  letter-spacing: .02em;
  position: relative;
  text-align: center;
  margin: 0 -8px;
  font-size: 35px;
}
.title-panel h2:before,
.title-panel h2:after {
  content: '';
  background: transparent;
  width: 10px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  height: 2px;
  top: 0;
  margin: 0 6px;
  vertical-align: middle;
}
.title-panel h2.col-blue:before,
.title-panel h2.col-blue:after {
  background: #5fb2dc;
}
.title-panel h2.col-plum {
  color: #a86a99;
}
.title-panel h2.col-plum:before,
.title-panel h2.col-plum:after {
  background: #a86a99;
}
.title-panel p {
  font-size: 20px;
  color: #8e8e8e;
  font-weight: bold;
  margin: 18px auto;
  max-width: 460px;
}
.btn-blue,
a.btn-blue {
  padding-left: 30px;
  padding-right: 30px;
  border: 2px solid rgba(111, 186, 223, 0.98);
  background-color: #6fbadf;
}
.btn-blue:hover,
a.btn-blue:hover,
.btn-blue:focus,
a.btn-blue:focus,
.btn-blue:active,
a.btn-blue:active {
  background: #3F92BB;
}
@media (max-width: 480px) {
  .title-panel {
    padding: 30px 0 34px;
  }
  .title-panel h2 {
    margin: 0 -8px;
    font-size: 25px;
  }
  .title-panel h2:before,
  .title-panel h2:after {
    content: '';
    width: 10px;
    height: 2px;
    margin: 0 6px;
  }
  .title-panel p {
    font-size: 16px;
    margin: 10px auto;
    max-width: 223px;
    line-height: 23px;
  }
  .title-panel .btn-blue,
  .title-panel a.btn-blue {
    width: 135px;
    padding: 6px 0;
    margin-top: 22px;
    letter-spacing: 0;
  }
}
/* 'Contact
   ========================================================================== */
.contact iframe {
  width: 100%;
  border: none;
}
.btn-plum,
a.btn-plum {
  border: 2px solid rgba(139, 37, 113, 0.98);
  background-color: #8b2571;
  padding: 7px 15px;
}
.btn-plum:hover,
a.btn-plum:hover,
.btn-plum:active,
a.btn-plum:active,
.btn-plum:focus,
a.btn-plum:focus {
  background: #881D55;
}
.contact {
  padding: 30px 0;
  text-align: center;
}
.contact form {
  max-width: 340px;
  width: 100%;
  margin: 40px auto;
}
.contact form label {
  text-align: left;
  display: block;
  font-size: 15px;
  color: #ab6f9c;
}
.contact form p {
  max-width: none;
  margin: 0 0 9px;
  font-size: 14px;
  padding-left: 8px;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
.contact form p span {
  display: inline-block;
  vertical-align: top;
  width: 96%;
}
.contact form button {
  margin-top: 20px;
}
.contact p {
  font-size: 20px;
  color: #8E8E8E;
  font-weight: bold;
  margin: 18px auto;
  max-width: 460px;
}
.contact h2 {
  font-size: 30px;
  letter-spacing: .02em;
  position: relative;
  color: #a86a99;
  font-family: 'Mission_scriptregular', cursive, serif;
}
.contact h2:before,
.contact h2:after {
  content: '';
  background: transparent;
  width: 15px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  height: 1px;
  top: 0;
  margin: 0 10px;
  vertical-align: middle;
}
.contact h2.col-plum:before,
.contact h2.col-plum:after {
  background: #a22265;
}
.contact .form-control {
  height: 51px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.09);
  border: none;
  width: 100%;
  display: block;
}
.contact textarea.form-control {
  height: 130px;
  resize: none;
}
.contact .customSelect {
  height: 51px;
  float: none;
  display: block;
  width: 100%;
}
.contact .customSelect .selectedValue {
  height: 51px;
  line-height: 40px;
  width: 100%;
  color: #8e8e8e;
  font-weight: bold;
  text-align: left;
  font-family: Cambria, Times, "Times New Roman", serif;
  font-size: 15px;
  background: #fff;
  border: none;
  background-color: #fff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.09);
}
.contact .customSelect .selectValueWrap .caret {
  background: #7e0d62;
  width: 49px;
  height: 48px;
  border: none;
  top: 2px;
  right: 2px;
  border-radius: 0 4px 4px 0;
}
.contact .customSelect .selectValueWrap .caret:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(../img/select-arrow.png);
  width: 19px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
}
.contact .customSelect .selectList {
  padding: 0;
  width: 100%;
  box-shadow: none;
  border-radius: 0 0 4px 4px;
  background: #a86a99;
}
.contact .customSelect .selectList dl {
  background: none;
  max-height: 120px !important;
}
.contact .customSelect .selectList dl dd {
  font-size: 15px;
  color: #f6f6f6;
  font-weight: bold;
  font-family: Cambria, Times, "Times New Roman", serif;
  text-align: left;
  padding: 8px 10px;
  border-bottom: 1px solid #9d538b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 40px;
}
.contact .customSelect .selectList dl dd:hover {
  background: #881D55;
}
.contact .customSelect .selectList .selected {
  background: #881D55;
  background-color: #881D55;
}
.contact .customSelect .selectList .jspVerticalBar {
  width: 16px;
}
.contact .customSelect .selectList .jspPane {
  width: 100% !important;
}
.contact .customSelect .selectList .jspDrag {
  background: url(../img/scroll.png);
  width: 9px;
  height: 41px !important;
  padding: 0;
  left: 1px;
  margin: 0 auto;
  opacity: 1;
}
.contact .customSelect .selectList .jspTrack {
  right: 0;
  left: 0;
  margin: 0 auto;
  border-radius: 0;
  background: #5c244e;
}
.contact-page .title-panel {
  padding-bottom: 60px;
}
.info-contact {
  max-width: 410px;
  margin: 0 auto;
}
.info-contact h3 {
  font-size: 20px;
  font-weight: 700;
  color: #8e8e8e;
  margin-bottom: 0;
  letter-spacing: .02em;
  position: relative;
}
.info-contact h3 a {
  color: #8e8e8e;
}
.info-contact h3:before {
  content: '';
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  top: 6px;
  background: url(../img/ico-tel.png);
  width: 20px;
  height: 27px;
}
.info-contact p {
  font-weight: normal;
  font-size: 14px;
}
/* Contact Success
   ========================================================================== */
.social-feed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.no-touch .social-feed:hover .social-content {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 1;
}
.no-touch .social-feed:hover .social-content p {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.2s;
  -moz-transition: opacity 0.3s 0.2s;
  transition: opacity 0.3s 0.2s;
}
.social-feed.facebook .bg {
  background-size: 100% auto;
  background-position: 50% 0;
}
.social-feed.facebook .social-content {
  background: #075E91;
}
.social-feed.twitter .bg {
  background-size: auto 100%;
  background-position: 50% 0;
}
.social-feed.twitter .social-content {
  background: #009AD6;
}
.social-feed .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 30px;
  background-color: #E8E8E8;
  background-repeat: no-repeat;
}
.social-feed .social-content {
  -webkit-transition: opacity 0.4s 0.2s;
  -moz-transition: opacity 0.4s 0.2s;
  transition: opacity 0.4s 0.2s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  text-align: center;
  display: inline-block;
}
.social-feed .social-content p {
  display: table;
  opacity: 0;
  color: #FFF;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  height: 100%;
}
.social-feed .social-content p span {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  font-size: 5vw;
  font-weight: 700;
  padding: 0 1em 1em;
}
@media (min-width: 530px) {
  .social-feed .social-content p span {
    font-size: 2.5vw;
  }
}
@media (min-width: 768px) {
  .social-feed .social-content p span {
    font-size: 20px;
  }
}
.social-feed .like {
  background: #1675AD;
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 25px 25px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 5px;
  top: 4px;
}
.social-feed .like:after {
  position: absolute;
  content: '';
  background: url(../img/btn-like.png);
  behavior: url(../js/backgroundsize.min.htc);
  width: 25px;
  height: 25px;
  left: 1px;
  top: 0px;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.no-touch .social-feed .like:hover:after {
  transform: rotate(-35deg);
}
.social-feed .tweet {
  background: #00ABEE;
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 25px 25px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 5px;
  top: 4px;
}
.social-feed .tweet:after {
  position: absolute;
  content: '';
  background: url(../img/btn-retweet.png);
  behavior: url(../js/backgroundsize.min.htc);
  width: 18px;
  height: 14px;
  left: 4px;
  top: 6px;
  background-size: 19px 15px;
  -webkit-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
}
.no-touch .social-feed .tweet:hover:after {
  transform: rotate(-360deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.social-feed .bottom p {
  font-size: 13px;
  line-height: 1.8em;
  color: #0d6294;
  font-weight: 400;
  width: auto;
  padding-left: 15px;
}
.social-feed .bottom p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  background: url(../img/btn-fb.png);
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 20px 22px;
  width: 10px;
  height: 22px;
}
.social-feed .bottom p.tw {
  color: #009ad6;
  padding-left: 19px;
}
.social-feed .bottom p.tw:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 5px;
  background: url(../img/btn-tw.png);
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 15px 12px;
  width: 15px;
  height: 12px;
}
.social-feed .bottom span {
  width: auto;
  float: right;
}
.social-feed .bottom .like {
  background: #1675AD;
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 25px 25px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 5px;
  top: 4px;
}
.social-feed .bottom .like:after {
  position: absolute;
  content: '';
  background: url(../img/btn-like.png);
  behavior: url(../js/backgroundsize.min.htc);
  width: 25px;
  height: 25px;
  left: 1px;
  top: 0px;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.social-feed .bottom .like:hover:after {
  transform: rotate(-35deg);
}
.social-feed .bottom .fb-like {
  position: absolute;
  top: 4px;
  right: 17px;
}
.social-feed .bottom .tweet {
  background: #00ABEE;
  behavior: url(../js/backgroundsize.min.htc);
  background-size: 25px 25px;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 5px;
  top: 4px;
}
.social-feed .bottom .tweet:after {
  position: absolute;
  content: '';
  background: url(../img/btn-retweet.png);
  behavior: url(../js/backgroundsize.min.htc);
  width: 18px;
  height: 14px;
  left: 4px;
  top: 6px;
  background-size: 19px 15px;
  -webkit-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
}
.social-feed .bottom .tweet:hover:after {
  transform: rotate(-360deg);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.nav-tooltip {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-animation-name: tooltip;
  animation-name: tooltip;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  position: absolute;
  top: 55px;
  left: 3px;
  background: #FFF;
  width: 130px;
  border-radius: 5px;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
}
.small .nav-tooltip,
.nav-tooltip.vanishing {
  opacity: 0;
  pointer-events: none;
}
@-webkit-keyframes tooltip {
  0% {
    top: 55px;
  }
  40% {
    top: 59px;
  }
  100% {
    top: 55px;
  }
}
@keyframes tooltip {
  0% {
    top: 55px;
  }
  40% {
    top: 59px;
  }
  100% {
    top: 55px;
  }
}
.bubble {
  position: relative;
  border: 2px solid #E7E7E7;
  border-radius: 5px;
  padding: 4px 12px;
  line-height: 21px;
  color: #7c1d63;
}
.bubble:before,
.bubble:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.bubble:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #E7E7E7;
  border-width: 10px;
  margin-left: -55px;
}
.bubble:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -53px;
}
@media (max-width: 768px) {
  .nav-tooltip {
    opacity: 0;
    pointer-events: none;
  }
}
.prod-angel-slices-bg {
  background: #f05e75;
}
.prod-angel-slices-bg:before,
.prod-angel-slices-bg:after {
  border-color: #f05e75;
}
.prod-angel-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-angel-slices-bg:before {
  border-left-color: transparent;
}
.col-angel-slices {
  color: #f05e75;
}
.panel-group .list.list-angel-slices li p:before {
  background: #f05e75;
}
.prod-french-fancies-bg {
  background: #35A8DF;
}
.prod-french-fancies-bg:before,
.prod-french-fancies-bg:after {
  border-color: #35A8DF;
}
.prod-french-fancies-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-french-fancies-bg:before {
  border-left-color: transparent;
}
.col-french-fancies {
  color: #35A8DF;
}
.panel-group .list.list-french-fancies li p:before {
  background: #35A8DF;
}
.prod-apple-and-blackcurrant-pies-bg {
  background: #712e84;
}
.prod-apple-and-blackcurrant-pies-bg:before,
.prod-apple-and-blackcurrant-pies-bg:after {
  border-color: #712e84;
}
.prod-apple-and-blackcurrant-pies-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-apple-and-blackcurrant-pies-bg:before {
  border-left-color: transparent;
}
.col-apple-and-blackcurrant-pies {
  color: #712e84;
}
.panel-group .list.list-apple-and-blackcurrant-pies li p:before {
  background: #712e84;
}
.prod-cherry-bakewell-sponge-pudding-bg {
  background: #e84647;
}
.prod-cherry-bakewell-sponge-pudding-bg:before,
.prod-cherry-bakewell-sponge-pudding-bg:after {
  border-color: #e84647;
}
.prod-cherry-bakewell-sponge-pudding-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-cherry-bakewell-sponge-pudding-bg:before {
  border-left-color: transparent;
}
.col-cherry-bakewell-sponge-pudding {
  color: #e84647;
}
.panel-group .list.list-cherry-bakewell-sponge-pudding li p:before {
  background: #e84647;
}
.prod-bakewell-tart-bg {
  background: #884e96;
}
.prod-bakewell-tart-bg:before,
.prod-bakewell-tart-bg:after {
  border-color: #884e96;
}
.prod-bakewell-tart-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-bakewell-tart-bg:before {
  border-left-color: transparent;
}
.col-bakewell-tart {
  color: #884e96;
}
.panel-group .list.list-bakewell-tart li p:before {
  background: #884e96;
}
.prod-black-forest-whirls-bg {
  background: #78266f;
}
.prod-black-forest-whirls-bg:before,
.prod-black-forest-whirls-bg:after {
  border-color: #78266f;
}
.prod-black-forest-whirls-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-black-forest-whirls-bg:before {
  border-left-color: transparent;
}
.col-black-forest-whirls {
  color: #78266f;
}
.panel-group .list.list-black-forest-whirls li p:before {
  background: #78266f;
}
.prod-chocolate-and-slime-slices-bg {
  background: #72a347;
}
.prod-chocolate-and-slime-slices-bg:before,
.prod-chocolate-and-slime-slices-bg:after {
  border-color: #72a347;
}
.prod-chocolate-and-slime-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-chocolate-and-slime-slices-bg:before {
  border-left-color: transparent;
}
.col-chocolate-and-slime-slices {
  color: #72a347;
}
.panel-group .list.list-chocolate-and-slime-slices li p:before {
  background: #72a347;
}
.prod-fiendish-fancies-bg {
  background: #e48304;
}
.prod-fiendish-fancies-bg:before,
.prod-fiendish-fancies-bg:after {
  border-color: #e48304;
}
.prod-fiendish-fancies-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-fiendish-fancies-bg:before {
  border-left-color: transparent;
}
.col-fiendish-fancies {
  color: #e48304;
}
.panel-group .list.list-fiendish-fancies li p:before {
  background: #e48304;
}
.prod-christmas-slices-bg {
  background: #009c7a;
}
.prod-christmas-slices-bg:before,
.prod-christmas-slices-bg:after {
  border-color: #009c7a;
}
.prod-christmas-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-christmas-slices-bg:before {
  border-left-color: transparent;
}
.col-christmas-slices {
  color: #009c7a;
}
.panel-group .list.list-christmas-slices li p:before {
  background: #009c7a;
}
.prod-golden-syrup-sponge-puddings-bg {
  background: #dfa21c;
}
.prod-golden-syrup-sponge-puddings-bg:before,
.prod-golden-syrup-sponge-puddings-bg:after {
  border-color: #dfa21c;
}
.prod-golden-syrup-sponge-puddings-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-golden-syrup-sponge-puddings-bg:before {
  border-left-color: transparent;
}
.col-golden-syrup-sponge-puddings {
  color: #dfa21c;
}
.panel-group .list.list-golden-syrup-sponge-puddings li p:before {
  background: #dfa21c;
}
.prod-battenberg-bg {
  background: #eab35e;
}
.prod-battenberg-bg:before,
.prod-battenberg-bg:after {
  border-color: #eab35e;
}
.prod-battenberg-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-battenberg-bg:before {
  border-left-color: transparent;
}
.col-battenberg {
  color: #eab35e;
}
.panel-group .list.list-battenberg li p:before {
  background: #eab35e;
}
.prod-bramley-apple-pies-bg {
  background: #71b24e;
}
.prod-bramley-apple-pies-bg:before,
.prod-bramley-apple-pies-bg:after {
  border-color: #71b24e;
}
.prod-bramley-apple-pies-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-bramley-apple-pies-bg:before {
  border-left-color: transparent;
}
.col-bramley-apple-pies {
  color: #71b24e;
}
.panel-group .list.list-bramley-apple-pies li p:before {
  background: #71b24e;
}
.prod-mini-battenbergs-bg {
  background: #eab35e;
}
.prod-mini-battenbergs-bg:before,
.prod-mini-battenbergs-bg:after {
  border-color: #eab35e;
}
.prod-mini-battenbergs-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-mini-battenbergs-bg:before {
  border-left-color: transparent;
}
.col-mini-battenbergs {
  color: #eab35e;
}
.panel-group .list.list-mini-battenbergs li p:before {
  background: #eab35e;
}
.prod-viennese-whirls-bg {
  background: #59b9bb;
}
.prod-viennese-whirls-bg:before,
.prod-viennese-whirls-bg:after {
  border-color: #59b9bb;
}
.prod-viennese-whirls-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-viennese-whirls-bg:before {
  border-left-color: transparent;
}
.col-viennese-whirls {
  color: #59b9bb;
}
.panel-group .list.list-viennese-whirls li p:before {
  background: #59b9bb;
}
.prod-cherry-bakewells-bg {
  background: #e84647;
}
.prod-cherry-bakewells-bg:before,
.prod-cherry-bakewells-bg:after {
  border-color: #e84647;
}
.prod-cherry-bakewells-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-cherry-bakewells-bg:before {
  border-left-color: transparent;
}
.col-cherry-bakewells {
  color: #e84647;
}
.panel-group .list.list-cherry-bakewells li p:before {
  background: #e84647;
}
.prod-lemon-layered-slices-bg {
  background: #f7b23e;
}
.prod-lemon-layered-slices-bg:before,
.prod-lemon-layered-slices-bg:after {
  border-color: #f7b23e;
}
.prod-lemon-layered-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-lemon-layered-slices-bg:before {
  border-left-color: transparent;
}
.col-lemon-layered-slices {
  color: #f7b23e;
}
.panel-group .list.list-lemon-layered-slices li p:before {
  background: #f7b23e;
}
.prod-manor-house-cake-bg {
  background: #e16231;
}
.prod-manor-house-cake-bg:before,
.prod-manor-house-cake-bg:after {
  border-color: #e16231;
}
.prod-manor-house-cake-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-manor-house-cake-bg:before {
  border-left-color: transparent;
}
.col-manor-house-cake {
  color: #e16231;
}
.panel-group .list.list-manor-house-cake li p:before {
  background: #e16231;
}
.prod-lemon-sponge-puddings-bg {
  background: #f7b23e;
}
.prod-lemon-sponge-puddings-bg:before,
.prod-lemon-sponge-puddings-bg:after {
  border-color: #f7b23e;
}
.prod-lemon-sponge-puddings-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-lemon-sponge-puddings-bg:before {
  border-left-color: transparent;
}
.col-lemon-sponge-puddings {
  color: #f7b23e;
}
.panel-group .list.list-lemon-sponge-puddings li p:before {
  background: #f7b23e;
}
.prod-festive-bakewells-bg {
  background: #08a880;
}
.prod-festive-bakewells-bg:before,
.prod-festive-bakewells-bg:after {
  border-color: #08a880;
}
.prod-festive-bakewells-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-festive-bakewells-bg:before {
  border-left-color: transparent;
}
.col-festive-bakewells {
  color: #08a880;
}
.panel-group .list.list-festive-bakewells li p:before {
  background: #08a880;
}
.prod-toffee-terror-whirls-bg {
  background: #eeb70c;
}
.prod-toffee-terror-whirls-bg:before,
.prod-toffee-terror-whirls-bg:after {
  border-color: #eeb70c;
}
.prod-toffee-terror-whirls-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-toffee-terror-whirls-bg:before {
  border-left-color: transparent;
}
.col-toffee-terror-whirls {
  color: #eeb70c;
}
.panel-group .list.list-toffee-terror-whirls li p:before {
  background: #eeb70c;
}
.prod-treacle-tart-bg {
  background: #d48f18;
}
.prod-treacle-tart-bg:before,
.prod-treacle-tart-bg:after {
  border-color: #d48f18;
}
.prod-treacle-tart-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-treacle-tart-bg:before {
  border-left-color: transparent;
}
.col-treacle-tart {
  color: #d48f18;
}
.panel-group .list.list-treacle-tart li p:before {
  background: #d48f18;
}
.prod-frosty-fancies-bg {
  background: #2193ca;
}
.prod-frosty-fancies-bg:before,
.prod-frosty-fancies-bg:after {
  border-color: #2193ca;
}
.prod-frosty-fancies-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-frosty-fancies-bg:before {
  border-left-color: transparent;
}
.col-frosty-fancies {
  color: #2193ca;
}
.panel-group .list.list-frosty-fancies li p:before {
  background: #2193ca;
}
.prod-raspberry-sponge-puddings-bg {
  background: #e41a4e;
}
.prod-raspberry-sponge-puddings-bg:before,
.prod-raspberry-sponge-puddings-bg:after {
  border-color: #e41a4e;
}
.prod-raspberry-sponge-puddings-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-raspberry-sponge-puddings-bg:before {
  border-left-color: transparent;
}
.col-raspberry-sponge-puddings {
  color: #e41a4e;
}
.panel-group .list.list-raspberry-sponge-puddings li p:before {
  background: #e41a4e;
}
.prod-chocolate-slices-bg {
  background: #b57954;
}
.prod-chocolate-slices-bg:before,
.prod-chocolate-slices-bg:after {
  border-color: #b57954;
}
.prod-chocolate-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-chocolate-slices-bg:before {
  border-left-color: transparent;
}
.col-chocolate-slices {
  color: #b57954;
}
.panel-group .list.list-chocolate-slices li p:before {
  background: #b57954;
}
.prod-fruity-pies-selection-bg {
  background: #b90f49;
}
.prod-fruity-pies-selection-bg:before,
.prod-fruity-pies-selection-bg:after {
  border-color: #b90f49;
}
.prod-fruity-pies-selection-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-fruity-pies-selection-bg:before {
  border-left-color: transparent;
}
.col-fruity-pies-selection {
  color: #b90f49;
}
.panel-group .list.list-fruity-pies-selection li p:before {
  background: #b90f49;
}
.prod-jam-tarts-bg {
  background: #d41b43;
}
.prod-jam-tarts-bg:before,
.prod-jam-tarts-bg:after {
  border-color: #d41b43;
}
.prod-jam-tarts-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-jam-tarts-bg:before {
  border-left-color: transparent;
}
.col-jam-tarts {
  color: #d41b43;
}
.panel-group .list.list-jam-tarts li p:before {
  background: #d41b43;
}
.prod-banoffee-slices-bg {
  background: #f07727;
}
.prod-banoffee-slices-bg:before,
.prod-banoffee-slices-bg:after {
  border-color: #f07727;
}
.prod-banoffee-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-banoffee-slices-bg:before {
  border-left-color: transparent;
}
.col-banoffee-slices {
  color: #f07727;
}
.panel-group .list.list-banoffee-slices li p:before {
  background: #f07727;
}
.prod-gingerbread-whirls-bg {
  background: #c8621e;
}
.prod-gingerbread-whirls-bg:before,
.prod-gingerbread-whirls-bg:after {
  border-color: #c8621e;
}
.prod-gingerbread-whirls-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-gingerbread-whirls-bg:before {
  border-left-color: transparent;
}
.col-gingerbread-whirls {
  color: #c8621e;
}
.panel-group .list.list-gingerbread-whirls li p:before {
  background: #c8621e;
}
.prod-sticky-toffee-sponge-puddings-bg {
  background: #d7681f;
}
.prod-sticky-toffee-sponge-puddings-bg:before,
.prod-sticky-toffee-sponge-puddings-bg:after {
  border-color: #d7681f;
}
.prod-sticky-toffee-sponge-puddings-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-sticky-toffee-sponge-puddings-bg:before {
  border-left-color: transparent;
}
.col-sticky-toffee-sponge-puddings {
  color: #d7681f;
}
.panel-group .list.list-sticky-toffee-sponge-puddings li p:before {
  background: #d7681f;
}
.prod-caramel-slices-bg {
  background: #E27F21;
}
.prod-caramel-slices-bg:before,
.prod-caramel-slices-bg:after {
  border-color: #E27F21;
}
.prod-caramel-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-caramel-slices-bg:before {
  border-left-color: transparent;
}
.col-caramel-slices {
  color: #E27F21;
}
.panel-group .list.list-caramel-slices li p:before {
  background: #E27F21;
}
.prod-mississippi-mud-pies-bg {
  background: #a04433;
}
.prod-mississippi-mud-pies-bg:before,
.prod-mississippi-mud-pies-bg:after {
  border-color: #a04433;
}
.prod-mississippi-mud-pies-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-mississippi-mud-pies-bg:before {
  border-left-color: transparent;
}
.col-mississippi-mud-pies {
  color: #a04433;
}
.panel-group .list.list-mississippi-mud-pies li p:before {
  background: #a04433;
}
.prod-iced-top-mince-pies-bg {
  background: #6a3fb6;
}
.prod-iced-top-mince-pies-bg:before,
.prod-iced-top-mince-pies-bg:after {
  border-color: #6a3fb6;
}
.prod-iced-top-mince-pies-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-iced-top-mince-pies-bg:before {
  border-left-color: transparent;
}
.col-iced-top-mince-pies {
  color: #6a3fb6;
}
.panel-group .list.list-iced-top-mince-pies li p:before {
  background: #6a3fb6;
}
.prod-mince-pies-bg {
  background: #c91950;
}
.prod-mince-pies-bg:before,
.prod-mince-pies-bg:after {
  border-color: #c91950;
}
.prod-mince-pies-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-mince-pies-bg:before {
  border-left-color: transparent;
}
.col-mince-pies {
  color: #c91950;
}
.panel-group .list.list-mince-pies li p:before {
  background: #c91950;
}
.prod-triffle-bakewells-bg {
  background: #e0a314;
}
.prod-triffle-bakewells-bg:before,
.prod-triffle-bakewells-bg:after {
  border-color: #e0a314;
}
.prod-triffle-bakewells-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-triffle-bakewells-bg:before {
  border-left-color: transparent;
}
.col-triffle-bakewells {
  color: #e0a314;
}
.panel-group .list.list-triffle-bakewells li p:before {
  background: #e0a314;
}
.prod-bakewell-slices-bg {
  background: #be59a9;
}
.prod-bakewell-slices-bg:before,
.prod-bakewell-slices-bg:after {
  border-color: #be59a9;
}
.prod-bakewell-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-bakewell-slices-bg:before {
  border-left-color: transparent;
}
.col-bakewell-slices {
  color: #be59a9;
}
.panel-group .list.list-bakewell-slices li p:before {
  background: #be59a9;
}
.prod-country-slices-bg {
  background: #a22265;
}
.prod-country-slices-bg:before,
.prod-country-slices-bg:after {
  border-color: #a22265;
}
.prod-country-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-country-slices-bg:before {
  border-left-color: transparent;
}
.col-country-slices {
  color: #a22265;
}
.panel-group .list.list-country-slices li p:before {
  background: #a22265;
}
.prod-mince-pies-with-brandy-flavour-sauce-bg {
  background: #cb4e1b;
}
.prod-mince-pies-with-brandy-flavour-sauce-bg:before,
.prod-mince-pies-with-brandy-flavour-sauce-bg:after {
  border-color: #cb4e1b;
}
.prod-mince-pies-with-brandy-flavour-sauce-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-mince-pies-with-brandy-flavour-sauce-bg:before {
  border-left-color: transparent;
}
.col-mince-pies-with-brandy-flavour-sauce {
  color: #cb4e1b;
}
.panel-group .list.list-mince-pies-with-brandy-flavour-sauce li p:before {
  background: #cb4e1b;
}
.prod-rum-and-raisin-slices-bg {
  background: #930b58;
}
.prod-rum-and-raisin-slices-bg:before,
.prod-rum-and-raisin-slices-bg:after {
  border-color: #930b58;
}
.prod-rum-and-raisin-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-rum-and-raisin-slices-bg:before {
  border-left-color: transparent;
}
.col-rum-and-raisin-slices {
  color: #930b58;
}
.panel-group .list.list-rum-and-raisin-slices li p:before {
  background: #930b58;
}
.prod-almond-slices-bg {
  background: #d19939;
}
.prod-almond-slices-bg:before,
.prod-almond-slices-bg:after {
  border-color: #d19939;
}
.prod-almond-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-almond-slices-bg:before {
  border-left-color: transparent;
}
.col-almond-slices {
  color: #d19939;
}
.panel-group .list.list-almond-slices li p:before {
  background: #d19939;
}
.prod-raspberry-ripple-bg {
  background: #db1549;
}
.prod-raspberry-ripple-bg:before,
.prod-raspberry-ripple-bg:after {
  border-color: #db1549;
}
.prod-raspberry-ripple-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-raspberry-ripple-bg:before {
  border-left-color: transparent;
}
.col-raspberry-ripple {
  color: #db1549;
}
.panel-group .list.list-raspberry-ripple li p:before {
  background: #db1549;
}
.prod-winter-warmers-bg {
  background: #c83267;
}
.prod-winter-warmers-bg:before,
.prod-winter-warmers-bg:after {
  border-color: #c83267;
}
.prod-winter-warmers-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-winter-warmers-bg:before {
  border-left-color: transparent;
}
.col-winter-warmers {
  color: #c83267;
}
.panel-group .list.list-winter-warmers li p:before {
  background: #c83267;
}
.prod-winter-whirls-bg {
  background: #d51007;
}
.prod-winter-whirls-bg:before,
.prod-winter-whirls-bg:after {
  border-color: #d51007;
}
.prod-winter-whirls-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-winter-whirls-bg:before {
  border-left-color: transparent;
}
.col-winter-whirls {
  color: #d51007;
}
.panel-group .list.list-winter-whirls li p:before {
  background: #d51007;
}
.prod-victoria-slices-bg {
  background: #e03f5e;
}
.prod-victoria-slices-bg:before,
.prod-victoria-slices-bg:after {
  border-color: #e03f5e;
}
.prod-victoria-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-victoria-slices-bg:before {
  border-left-color: transparent;
}
.col-victoria-slices {
  color: #e03f5e;
}
.panel-group .list.list-victoria-slices li p:before {
  background: #e03f5e;
}
.prod-choc-chip-cakes-bg {
  background: #722e23;
}
.prod-choc-chip-cakes-bg:before,
.prod-choc-chip-cakes-bg:after {
  border-color: #722e23;
}
.prod-choc-chip-cakes-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-choc-chip-cakes-bg:before {
  border-left-color: transparent;
}
.col-choc-chip-cakes {
  color: #722e23;
}
.panel-group .list.list-choc-chip-cakes li p:before {
  background: #722e23;
}
.prod-lemon-slices-bg {
  background: #f1c723;
}
.prod-lemon-slices-bg:before,
.prod-lemon-slices-bg:after {
  border-color: #f1c723;
}
.prod-lemon-slices-bg:after {
  border-right-color: transparent;
  -webkit-box-shadow: 0 -2px 0 #f6eced;
  box-shadow: 0 -2px 0 #f6eced;
}
.prod-lemon-slices-bg:before {
  border-left-color: transparent;
}
.col-lemon-slices {
  color: #f1c723;
}
.panel-group .list.list-lemon-slices li p:before {
  background: #f1c723;
}
.nav-open .content-closed {
  display: none !important;
}
.nav-open .content-open {
  display: inline-block;
}
.nav-open .content-wrapper:after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.nav-open .navigation {
  position: fixed;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  display: block;
  background: #9f5a8e;
}
.nav-open .content-wrapper {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate(274px, 0);
  -ms-transform: translate(274px, 0);
  transform: translate(274px, 0);
  width: 101%;
}
@media (min-width: 992px) {
  .nav-open .content-wrapper {
    -webkit-transform: translate(385px, 0);
    -ms-transform: translate(385px, 0);
    transform: translate(385px, 0);
  }
}
.nav-open .header-right {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate(274px, 0);
  -ms-transform: translate(274px, 0);
  transform: translate(274px, 0);
}
.nav-open .navbar-brand,
.nav-open .small .navbar-brand {
  right: -50%;
  opacity: 0;
  margin-right: 0 !important;
}
.nav-open .social {
  opacity: 0;
}
@media (min-width: 992px) {
  .nav-open .header-right {
    -webkit-transform: translate(180px, 0);
    -ms-transform: translate(180px, 0);
    transform: translate(180px, 0);
  }
  .nav-open .close-navbar {
    padding-left: 160px;
    left: 0;
  }
  .nav-open .close-navbar span {
    text-indent: 0;
    margin-left: 15px;
  }
}
.nav-open .header-right {
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate(274px, 0);
  -ms-transform: translate(274px, 0);
  transform: translate(274px, 0);
}
.nav-open .navbar-brand,
.nav-open .small .navbar-brand {
  right: 0%;
  margin-right: 0 !important;
}
.nav-open .social {
  opacity: 0;
}
.nav-open .close-navbar {
  top: 13px;
  float: left;
  margin-left: 15px;
  position: fixed;
  display: block;
  color: #7e0d62;
  font-weight: 700;
  font-size: 16px;
  z-index: 105;
  left: 0;
  text-transform: uppercase;
  font-family: 'clavo', sans-serif;
  line-height: 1.2em;
}
.nav-open .close-navbar span {
  display: inline-block;
  text-indent: -999999px;
}
.nav-open .close-navbar:before {
  content: '';
  position: relative;
  display: inline-block;
  left: 0;
  top: 2px;
  background: url(../img/sprite.png) 0 -69px;
  width: 17px;
  height: 15px;
}
@media (min-width: 992px) {
  .nav-open .header-right {
    -webkit-transform: translate(180px, 0);
    -ms-transform: translate(180px, 0);
    transform: translate(180px, 0);
  }
  .nav-open .close-navbar {
    padding-left: 160px;
    left: 220px;
  }
  .nav-open .close-navbar span {
    text-indent: 0;
    margin-left: 15px;
  }
}
.content-open {
  display: none;
}
.navigation {
  position: absolute;
  top: 44px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  width: 274px;
  border-right: 1px solid #813c70;
  background: #9f5a8e;
  min-height: 100%;
  z-index: 110;
}
.navigation .nav li {
  border-bottom: 1px solid #813c70;
}
.navigation .nav li:hover,
.navigation .nav li:focus,
.navigation .nav li:active {
  outline: 0 none;
  background: #7e0d62;
}
.navigation .nav a {
  font-weight: 700;
  display: block;
  font-size: 15px;
  padding: 18px 15px;
  color: #fff;
  line-height: 1em;
  font-family: 'clavo', sans-serif;
  text-transform: uppercase;
  max-width: 330px;
  margin: 0 0 0 auto;
}
.navigation .nav a:hover {
  background: transparent;
}
.navigation .nav a:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 6px;
  border-color: transparent transparent transparent #ecdee8;
  margin-top: -7px;
}
@media (min-width: 992px) {
  .navigation {
    top: 46px;
    width: 540px;
  }
  .navigation .nav a {
    font-size: 24px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.close-menu {
  margin-left: none!important;
}
.icon-close-menu:before {
  content: '';
  position: relative;
  display: inline-block;
  left: 0;
  top: 2px;
  background: url(../img/sprite.png) 0 -69px;
  width: 17px;
  height: 15px;
  margin-right: 1em;
}
.icon-burger {
  display: inline-block;
  margin-right: 1em;
}
.content-closed,
.content-open {
  width: 160px;
  text-align: left;
}
@media screen and (min-width: 992px) {
  .range-festive-treats .jumbotron {
    position: relative;
  }
  .range-festive-treats .jumbotron .images img {
    left: -113px;
    top: -35px;
  }
  .range-festive-treats .jumbotron .images img + img {
    right: -814px;
  }
}
@media screen and (min-width: 1170px) {
  .range-festive-treats .jumbotron .images img {
    left: -203px;
    top: -35px;
  }
  .range-festive-treats .jumbotron .images img + img {
    right: -1084px;
  }
}
.range-festive-treats .boxes-bottom .container > h2 {
  color: #7c1d63;
}
.other-range-box {
  min-height: 236px;
}
@media screen and (min-width: 992px) {
  .range-halloween-cakes .jumbotron {
    position: relative;
  }
  .range-halloween-cakes .jumbotron .images img {
    left: -75px;
    top: 0px;
  }
  .range-halloween-cakes .jumbotron .images img + img {
    right: -740px;
    top: 20px;
  }
}
.range-halloween-cakes .boxes-bottom .container > h2 {
  color: #f07727;
}
@media screen and (min-width: 1170px) {
  .range-halloween-cakes .jumbotron .images img {
    left: -85px;
    top: -20px;
  }
  .range-halloween-cakes .jumbotron .images img + img {
    right: -875px;
    top: 30px;
  }
}