/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.modal {padding-top:5%}
#widget-modal .modal-body {text-align:center; width:100%; max-width:840px; min-width:300px;height:auto;margin-left:auto; margin-right:auto;max-height:780px!important;padding:0px;}
#widget-modal .close { position:relative; margin-right:-30px; color:#fff; margin-top:-30px; font-size:40px }
#destinidiv {background:#fff;width:100%; overflow-y:auto;}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}
a {
  background-color: transparent
}
a:active, a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b, strong {
  font-weight: bold
}
dfn {
  font-style: italic
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
mark {
  background: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button, select {
  text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled], html input[disabled] {
  cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto
}
input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: bold
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td, th {
  padding: 0
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
.container:before, .container:after {
  display: table;
  content: " "
}
.container:after {
  clear: both
}
@media(min-width: 768px) {
  .container {
    width: 750px
  }
}
@media(min-width: 992px) {
  .container {
    width: 970px
  }
}
@media(min-width: 1200px) {
  .container {
    width: 1170px
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " "
}
.container-fluid:after {
  clear: both
}
.row {
  margin-right: -15px;
  margin-left: -15px
}
.row:before, .row:after {
  display: table;
  content: " "
}
.row:after {
  clear: both
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0
}
.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left
}
.col-xs-1 {
  width: 8.3333333333%
}
.col-xs-2 {
  width: 16.6666666667%
}
.col-xs-3 {
  width: 25%
}
.col-xs-4 {
  width: 33.3333333333%
}
.col-xs-5 {
  width: 41.6666666667%
}
.col-xs-6 {
  width: 50%
}
.col-xs-7 {
  width: 58.3333333333%
}
.col-xs-8 {
  width: 66.6666666667%
}
.col-xs-9 {
  width: 75%
}
.col-xs-10 {
  width: 83.3333333333%
}
.col-xs-11 {
  width: 91.6666666667%
}
.col-xs-12 {
  width: 100%
}
.col-xs-pull-0 {
  right: auto
}
.col-xs-pull-1 {
  right: 8.3333333333%
}
.col-xs-pull-2 {
  right: 16.6666666667%
}
.col-xs-pull-3 {
  right: 25%
}
.col-xs-pull-4 {
  right: 33.3333333333%
}
.col-xs-pull-5 {
  right: 41.6666666667%
}
.col-xs-pull-6 {
  right: 50%
}
.col-xs-pull-7 {
  right: 58.3333333333%
}
.col-xs-pull-8 {
  right: 66.6666666667%
}
.col-xs-pull-9 {
  right: 75%
}
.col-xs-pull-10 {
  right: 83.3333333333%
}
.col-xs-pull-11 {
  right: 91.6666666667%
}
.col-xs-pull-12 {
  right: 100%
}
.col-xs-push-0 {
  left: auto
}
.col-xs-push-1 {
  left: 8.3333333333%
}
.col-xs-push-2 {
  left: 16.6666666667%
}
.col-xs-push-3 {
  left: 25%
}
.col-xs-push-4 {
  left: 33.3333333333%
}
.col-xs-push-5 {
  left: 41.6666666667%
}
.col-xs-push-6 {
  left: 50%
}
.col-xs-push-7 {
  left: 58.3333333333%
}
.col-xs-push-8 {
  left: 66.6666666667%
}
.col-xs-push-9 {
  left: 75%
}
.col-xs-push-10 {
  left: 83.3333333333%
}
.col-xs-push-11 {
  left: 91.6666666667%
}
.col-xs-push-12 {
  left: 100%
}
.col-xs-offset-0 {
  margin-left: 0%
}
.col-xs-offset-1 {
  margin-left: 8.3333333333%
}
.col-xs-offset-2 {
  margin-left: 16.6666666667%
}
.col-xs-offset-3 {
  margin-left: 25%
}
.col-xs-offset-4 {
  margin-left: 33.3333333333%
}
.col-xs-offset-5 {
  margin-left: 41.6666666667%
}
.col-xs-offset-6 {
  margin-left: 50%
}
.col-xs-offset-7 {
  margin-left: 58.3333333333%
}
.col-xs-offset-8 {
  margin-left: 66.6666666667%
}
.col-xs-offset-9 {
  margin-left: 75%
}
.col-xs-offset-10 {
  margin-left: 83.3333333333%
}
.col-xs-offset-11 {
  margin-left: 91.6666666667%
}
.col-xs-offset-12 {
  margin-left: 100%
}
@media(min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left
  }
  .col-sm-1 {
    width: 8.3333333333%
  }
  .col-sm-2 {
    width: 16.6666666667%
  }
  .col-sm-3 {
    width: 24%
  }
  .col-sm-4 {
    width: 33.3333333333%
  }
  .col-sm-5 {
    width: 41.6666666667%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-7 {
    width: 58.3333333333%
  }
  .col-sm-8 {
    width: 66.6666666667%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-10 {
    width: 83.3333333333%
  }
  .col-sm-11 {
    width: 91.6666666667%
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-pull-0 {
    right: auto
  }
  .col-sm-pull-1 {
    right: 8.3333333333%
  }
  .col-sm-pull-2 {
    right: 16.6666666667%
  }
  .col-sm-pull-3 {
    right: 25%
  }
  .col-sm-pull-4 {
    right: 33.3333333333%
  }
  .col-sm-pull-5 {
    right: 41.6666666667%
  }
  .col-sm-pull-6 {
    right: 50%
  }
  .col-sm-pull-7 {
    right: 58.3333333333%
  }
  .col-sm-pull-8 {
    right: 66.6666666667%
  }
  .col-sm-pull-9 {
    right: 75%
  }
  .col-sm-pull-10 {
    right: 83.3333333333%
  }
  .col-sm-pull-11 {
    right: 91.6666666667%
  }
  .col-sm-pull-12 {
    right: 100%
  }
  .col-sm-push-0 {
    left: auto
  }
  .col-sm-push-1 {
    left: 8.3333333333%
  }
  .col-sm-push-2 {
    left: 16.6666666667%
  }
  .col-sm-push-3 {
    left: 25%
  }
  .col-sm-push-4 {
    left: 33.3333333333%
  }
  .col-sm-push-5 {
    left: 41.6666666667%
  }
  .col-sm-push-6 {
    left: 50%
  }
  .col-sm-push-7 {
    left: 58.3333333333%
  }
  .col-sm-push-8 {
    left: 66.6666666667%
  }
  .col-sm-push-9 {
    left: 75%
  }
  .col-sm-push-10 {
    left: 83.3333333333%
  }
  .col-sm-push-11 {
    left: 91.6666666667%
  }
  .col-sm-push-12 {
    left: 100%
  }
  .col-sm-offset-0 {
    margin-left: 0%
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%
  }
  .col-sm-offset-3 {
    margin-left: 25%
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%
  }
  .col-sm-offset-6 {
    margin-left: 50%
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%
  }
  .col-sm-offset-9 {
    margin-left: 75%
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%
  }
  .col-sm-offset-12 {
    margin-left: 100%
  }
}
@media(min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
  }
  .col-md-1 {
    width: 8.3333333333%
  }
  .col-md-2 {
    width: 16.6666666667%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-4 {
    width: 33.3333333333%
  }
  .col-md-5 {
    width: 41.6666666667%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-7 {
    width: 58.3333333333%
  }
  .col-md-8 {
    width: 66.6666666667%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-10 {
    width: 83.3333333333%
  }
  .col-md-11 {
    width: 91.6666666667%
  }
  .col-md-12 {
    width: 100%
  }
  .col-md-pull-0 {
    right: auto
  }
  .col-md-pull-1 {
    right: 8.3333333333%
  }
  .col-md-pull-2 {
    right: 16.6666666667%
  }
  .col-md-pull-3 {
    right: 25%
  }
  .col-md-pull-4 {
    right: 33.3333333333%
  }
  .col-md-pull-5 {
    right: 41.6666666667%
  }
  .col-md-pull-6 {
    right: 50%
  }
  .col-md-pull-7 {
    right: 58.3333333333%
  }
  .col-md-pull-8 {
    right: 66.6666666667%
  }
  .col-md-pull-9 {
    right: 75%
  }
  .col-md-pull-10 {
    right: 83.3333333333%
  }
  .col-md-pull-11 {
    right: 91.6666666667%
  }
  .col-md-pull-12 {
    right: 100%
  }
  .col-md-push-0 {
    left: auto
  }
  .col-md-push-1 {
    left: 8.3333333333%
  }
  .col-md-push-2 {
    left: 16.6666666667%
  }
  .col-md-push-3 {
    left: 25%
  }
  .col-md-push-4 {
    left: 33.3333333333%
  }
  .col-md-push-5 {
    left: 41.6666666667%
  }
  .col-md-push-6 {
    left: 50%
  }
  .col-md-push-7 {
    left: 58.3333333333%
  }
  .col-md-push-8 {
    left: 66.6666666667%
  }
  .col-md-push-9 {
    left: 75%
  }
  .col-md-push-10 {
    left: 83.3333333333%
  }
  .col-md-push-11 {
    left: 91.6666666667%
  }
  .col-md-push-12 {
    left: 100%
  }
  .col-md-offset-0 {
    margin-left: 0%
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%
  }
  .col-md-offset-3 {
    margin-left: 25%
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%
  }
  .col-md-offset-6 {
    margin-left: 50%
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%
  }
  .col-md-offset-9 {
    margin-left: 75%
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%
  }
  .col-md-offset-12 {
    margin-left: 100%
  }
}
@media(min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left
  }
  .col-lg-1 {
    width: 8.3333333333%
  }
  .col-lg-2 {
    width: 16.6666666667%
  }
  .col-lg-3 {
    width: 25%
  }
  .col-lg-4 {
    width: 33.3333333333%
  }
  .col-lg-5 {
    width: 41.6666666667%
  }
  .col-lg-6 {
    width: 50%
  }
  .col-lg-7 {
    width: 58.3333333333%
  }
  .col-lg-8 {
    width: 66.6666666667%
  }
  .col-lg-9 {
    width: 75%
  }
  .col-lg-10 {
    width: 83.3333333333%
  }
  .col-lg-11 {
    width: 91.6666666667%
  }
  .col-lg-12 {
    width: 100%
  }
  .col-lg-pull-0 {
    right: auto
  }
  .col-lg-pull-1 {
    right: 8.3333333333%
  }
  .col-lg-pull-2 {
    right: 16.6666666667%
  }
  .col-lg-pull-3 {
    right: 25%
  }
  .col-lg-pull-4 {
    right: 33.3333333333%
  }
  .col-lg-pull-5 {
    right: 41.6666666667%
  }
  .col-lg-pull-6 {
    right: 50%
  }
  .col-lg-pull-7 {
    right: 58.3333333333%
  }
  .col-lg-pull-8 {
    right: 66.6666666667%
  }
  .col-lg-pull-9 {
    right: 75%
  }
  .col-lg-pull-10 {
    right: 83.3333333333%
  }
  .col-lg-pull-11 {
    right: 91.6666666667%
  }
  .col-lg-pull-12 {
    right: 100%
  }
  .col-lg-push-0 {
    left: auto
  }
  .col-lg-push-1 {
    left: 8.3333333333%
  }
  .col-lg-push-2 {
    left: 16.6666666667%
  }
  .col-lg-push-3 {
    left: 25%
  }
  .col-lg-push-4 {
    left: 33.3333333333%
  }
  .col-lg-push-5 {
    left: 41.6666666667%
  }
  .col-lg-push-6 {
    left: 50%
  }
  .col-lg-push-7 {
    left: 58.3333333333%
  }
  .col-lg-push-8 {
    left: 66.6666666667%
  }
  .col-lg-push-9 {
    left: 75%
  }
  .col-lg-push-10 {
    left: 83.3333333333%
  }
  .col-lg-push-11 {
    left: 91.6666666667%
  }
  .col-lg-push-12 {
    left: 100%
  }
  .col-lg-offset-0 {
    margin-left: 0%
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%
  }
  .col-lg-offset-3 {
    margin-left: 25%
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%
  }
  .col-lg-offset-6 {
    margin-left: 50%
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%
  }
  .col-lg-offset-9 {
    margin-left: 75%
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%
  }
  .col-lg-offset-12 {
    margin-left: 100%
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700
}
input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none
}
input[type=radio], input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=checkbox].disabled, fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed
}
input[type=file] {
  display: block
}
input[type=range] {
  display: block;
  width: 100%
}
select[multiple], select[size] {
  height: auto
}
input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}
.form-control:-ms-input-placeholder {
  color: #999
}
.form-control::-webkit-input-placeholder {
  color: #999
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed
}
textarea.form-control {
  height: auto
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    line-height: 34px
  }
  input[type=date].input-sm, .input-group-sm input[type=date], input[type=time].input-sm, .input-group-sm input[type=time], input[type=datetime-local].input-sm, .input-group-sm input[type=datetime-local], input[type=month].input-sm, .input-group-sm input[type=month] {
    line-height: 30px
  }
  input[type=date].input-lg, .input-group-lg input[type=date], input[type=time].input-lg, .input-group-lg input[type=time], input[type=datetime-local].input-lg, .input-group-lg input[type=datetime-local], input[type=month].input-lg, .input-group-lg input[type=month] {
    line-height: 46px
  }
}
.form-group {
  margin-bottom: 15px
}
.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}
.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
  cursor: not-allowed
}
.radio label, .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer
}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px
}
.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px
}
.radio-inline, .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer
}
.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0
}
.form-control-static.input-lg, .form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}
select.input-sm {
  height: 30px;
  line-height: 30px
}
textarea.input-sm, select[multiple].input-sm {
  height: auto
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px
}
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
  height: auto
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}
select.input-lg {
  height: 46px;
  line-height: 46px
}
textarea.input-lg, select[multiple].input-lg {
  height: auto
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px
}
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
  height: auto
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333
}
.has-feedback {
  position: relative
}
.has-feedback .form-control {
  padding-right: 42.5px
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none
}
.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px
}
.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d
}
.has-success .form-control-feedback {
  color: #3c763d
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b
}
.has-warning .form-control-feedback {
  color: #8a6d3b
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442
}
.has-error .form-control-feedback {
  color: #a94442
}
.has-feedback label ~ .form-control-feedback {
  top: 25px
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373
}
@media(min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .form-inline .form-control-static {
    display: inline-block
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto
  }
  .form-inline .input-group > .form-control {
    width: 100%
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0
  }
  .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0
}
.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " "
}
.form-horizontal .form-group:after {
  clear: both
}
@media(min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px
}
@media(min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px
  }
}
@media(min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px
  }
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%
}
.embed-responsive-4by3 {
  padding-bottom: 75%
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}
.fade.in {
  opacity: 1
}
.collapse {
  display: none
}
.collapse.in {
  display: block
}
tr.collapse.in {
  display: table-row
}
tbody.collapse.in {
  display: table-row-group
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}
.nav:before, .nav:after {
  display: table;
  content: " "
}
.nav:after {
  clear: both
}
.nav > li {
  position: relative;
  display: block
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eee
}
.nav > li.disabled > a {
  color: #777
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}
.nav > li > a > img {
  max-width: none
}
.nav-tabs {
  border-bottom: 1px solid #ddd
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent
}
.nav-pills > li {
  float: left
}
.nav-pills > li > a {
  border-radius: 4px
}
.nav-pills > li + li {
  margin-left: 2px
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7
}
.nav-stacked > li {
  float: none
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0
}
.nav-justified, .nav-tabs.nav-justified {
  width: 100%
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto
}
@media(min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0
  }
}
.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd
}
@media(min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff
  }
}
.tab-content > .tab-pane {
  display: none
}
.tab-content > .active {
  display: block
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}
.dropup, .dropdown {
  position: relative
}
.dropdown-toggle:focus {
  outline: 0
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}
.dropdown-menu.pull-right, .recipient-form .dropdown-menu.standard-btn {
  right: 0;
  left: auto
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.open > .dropdown-menu {
  display: block
}
.open > a {
  outline: 0
}
.dropdown-menu-right {
  right: 0;
  left: auto
}
.dropdown-menu-left {
  right: auto;
  left: 0
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777;
  white-space: nowrap
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990
}
.pull-right > .dropdown-menu, .recipient-form .standard-btn > .dropdown-menu {
  right: 0;
  left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px
}
@media(min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto
  }
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent
}
.navbar:before, .navbar:after {
  display: table;
  content: " "
}
.navbar:after {
  clear: both
}
@media(min-width: 768px) {
  .navbar {
    border-radius: 4px
  }
}
.navbar-header:before, .navbar-header:after {
  display: table;
  content: " "
}
.navbar-header:after {
  clear: both
}
@media(min-width: 768px) {
  .navbar-header {
    float: left
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  -webkit-overflow-scrolling: touch
}
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " "
}
.navbar-collapse:after {
  clear: both
}
.navbar-collapse.in {
  overflow-y: auto
}
@media(min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important
  }
  .navbar-collapse.in {
    overflow-y: visible
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0
  }
}
.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px
}
@media(max-device-width: 480px)and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px
  }
}
@media(min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0
}
.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px
}
@media(min-width: 768px) {
  .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px
}
@media(min-width: 768px) {
  .navbar-static-top {
    border-radius: 0
  }
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none
}
.navbar-brand > img {
  display: block
}
@media(min-width: 768px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}
.navbar-toggle:focus {
  outline: 0
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px
}
@media(min-width: 768px) {
  .navbar-toggle {
    display: none
  }
}
.navbar-nav {
  margin: 7.5px -15px
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px
}
@media(max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none
  }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none
  }
}
@media(min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0
  }
  .navbar-nav > li {
    float: left
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  margin-top: 8px;
  margin-bottom: 8px
}
@media(min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }
  .navbar-form .form-control-static {
    display: inline-block
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
    width: auto
  }
  .navbar-form .input-group > .form-control {
    width: 100%
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }
  .navbar-form .radio label, .navbar-form .checkbox label {
    padding-left: 0
  }
  .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0
  }
}
@media(max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0
  }
}
@media(min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px
}
@media(min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px
  }
}
@media(min-width: 768px) {
  .navbar-left {
    float: left !important
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7
}
.navbar-default .navbar-brand {
  color: #777
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent
}
.navbar-default .navbar-text {
  color: #777
}
.navbar-default .navbar-nav > li > a {
  color: #777
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7
}
@media(max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7
}
.navbar-default .navbar-link {
  color: #777
}
.navbar-default .navbar-link:hover {
  color: #333
}
.navbar-default .btn-link {
  color: #777
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc
}
.navbar-inverse {
  background-color: #222;
  border-color: #090909
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent
}
.navbar-inverse .navbar-text {
  color: #9d9d9d
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #090909
}
@media(max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010
}
.navbar-inverse .navbar-link {
  color: #9d9d9d
}
.navbar-inverse .navbar-link:hover {
  color: #fff
}
.navbar-inverse .btn-link {
  color: #9d9d9d
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  background-color: #fff
}
input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
a {
  color: #337ab7;
  text-decoration: none
}
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
figure {
  margin: 0
}
img {
  vertical-align: middle
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}
.img-rounded {
  border-radius: 6px
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}
.img-circle {
  border-radius: 50%
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}
[role=button] {
  cursor: pointer
}
.clearfix:before, .clearfix:after {
  display: table;
  content: " "
}
.clearfix:after {
  clear: both
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto
}
.pull-right, .recipient-form .standard-btn {
  float: right !important
}
.pull-left, .send-rep .lemon-tab {
  float: left !important
}
.hide {
  display: none !important
}
.show {
  display: block !important
}
.invisible {
  visibility: hidden
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}
.hidden {
  display: none !important
}
.affix {
  position: fixed
}
@-ms-viewport {
  width: device-width
}
.visible-xs {
  display: none !important
}
.visible-sm {
  display: none !important
}
.visible-md {
  display: none !important
}
.visible-lg {
  display: none !important
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important
}
@media(max-width: 767px) {
  .visible-xs {
    display: block !important
  }
  table.visible-xs {
    display: table !important
  }
  tr.visible-xs {
    display: table-row !important
  }
  th.visible-xs, td.visible-xs {
    display: table-cell !important
  }
}
@media(max-width: 767px) {
  .visible-xs-block {
    display: block !important
  }
}
@media(max-width: 767px) {
  .visible-xs-inline {
    display: inline !important
  }
}
@media(max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important
  }
}
@media(min-width: 768px)and (max-width: 991px) {
  .visible-sm {
    display: block !important
  }
  table.visible-sm {
    display: table !important
  }
  tr.visible-sm {
    display: table-row !important
  }
  th.visible-sm, td.visible-sm {
    display: table-cell !important
  }
}
@media(min-width: 768px)and (max-width: 991px) {
  .visible-sm-block {
    display: block !important
  }
}
@media(min-width: 768px)and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important
  }
}
@media(min-width: 768px)and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important
  }
}
@media(min-width: 992px)and (max-width: 1199px) {
  .visible-md {
    display: block !important
  }
  table.visible-md {
    display: table !important
  }
  tr.visible-md {
    display: table-row !important
  }
  th.visible-md, td.visible-md {
    display: table-cell !important
  }
}
@media(min-width: 992px)and (max-width: 1199px) {
  .visible-md-block {
    display: block !important
  }
}
@media(min-width: 992px)and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important
  }
}
@media(min-width: 992px)and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important
  }
}
@media(min-width: 1200px) {
  .visible-lg {
    display: block !important
  }
  table.visible-lg {
    display: table !important
  }
  tr.visible-lg {
    display: table-row !important
  }
  th.visible-lg, td.visible-lg {
    display: table-cell !important
  }
}
@media(min-width: 1200px) {
  .visible-lg-block {
    display: block !important
  }
}
@media(min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important
  }
}
@media(min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important
  }
}
@media(max-width: 767px) {
  .hidden-xs {
    display: none !important
  }
}
@media(min-width: 768px)and (max-width: 991px) {
  .hidden-sm {
    display: none !important
  }
}
@media(min-width: 992px)and (max-width: 1199px) {
  .hidden-md {
    display: none !important
  }
}
@media(min-width: 1200px) {
  .hidden-lg {
    display: none !important
  }
}
.visible-print {
  display: none !important
}
@media print {
  .visible-print {
    display: block !important
  }
  table.visible-print {
    display: table !important
  }
  tr.visible-print {
    display: table-row !important
  }
  th.visible-print, td.visible-print {
    display: table-cell !important
  }
}
.visible-print-block {
  display: none !important
}
@media print {
  .visible-print-block {
    display: block !important
  }
}
.visible-print-inline {
  display: none !important
}
@media print {
  .visible-print-inline {
    display: inline !important
  }
}
.visible-print-inline-block {
  display: none !important
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important
  }
}
@media print {
  .hidden-print {
    display: none !important
  }
}
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}
@font-face {
  font-family: "Rama Gothic";
  src: url("../fonts/webfonts/RamaGothicRndE-Bold.woff2") format("woff2"), url("../fonts/webfonts/RamaGothicRndE-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Rama Gothic";
  src: url("../fonts/webfonts/RamaGothicRndE-Regular.woff2") format("woff2"), url("../fonts/webfonts/RamaGothicRndE-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Book.woff2") format("woff2"), url("../fonts/webfonts/Campora-Book.woff") format("woff");
  font-weight: 350;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Black.woff2") format("woff2"), url("../fonts/webfonts/Campora-Black.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Regular.woff2") format("woff2"), url("../fonts/webfonts/Campora-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Bold.woff2") format("woff2"), url("../fonts/webfonts/Campora-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Rama Gothic";
  src: url("../fonts/webfonts/RamaGothicRndE-Bold.woff2") format("woff2"), url("../fonts/webfonts/RamaGothicRndE-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Rama Gothic";
  src: url("../fonts/webfonts/RamaGothicRndE-Regular.woff2") format("woff2"), url("../fonts/webfonts/RamaGothicRndE-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Book.woff2") format("woff2"), url("../fonts/webfonts/Campora-Book.woff") format("woff");
  font-weight: 350;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Black.woff2") format("woff2"), url("../fonts/webfonts/Campora-Black.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Regular.woff2") format("woff2"), url("../fonts/webfonts/Campora-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Bold.woff2") format("woff2"), url("../fonts/webfonts/Campora-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Rama Gothic";
  src: url("../fonts/webfonts/RamaGothicRndE-Bold.woff2") format("woff2"), url("../fonts/webfonts/RamaGothicRndE-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Rama Gothic";
  src: url("../fonts/webfonts/RamaGothicRndE-Regular.woff2") format("woff2"), url("../fonts/webfonts/RamaGothicRndE-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Book.woff2") format("woff2"), url("../fonts/webfonts/Campora-Book.woff") format("woff");
  font-weight: 350;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Black.woff2") format("woff2"), url("../fonts/webfonts/Campora-Black.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Regular.woff2") format("woff2"), url("../fonts/webfonts/Campora-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Bold.woff2") format("woff2"), url("../fonts/webfonts/Campora-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
body {
  font-family: "Avenir LT W01_55 Roman1475520", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1.25em;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}
@media(max-width: 767px) {
  body {
    overflow-x: hidden
  }
}
strong {
  font-weight: 700
}
h1, h2, h3, .send-rep h4 span, h4, h5, h6 {
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif !important;
  line-height: 1em;
  margin: 0;
  font-weight: 500
}
h1, .h1 {
  font-size: 2em;
  line-height: 1.25em
}
@media(max-width: 767px) {
  h1, .h1 {
    font-size: 7.5vw;
    line-height: 1em
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  h1, .h1 {
    font-size: 1.5em
  }
}
h2, .h2 {
  font-size: 1.75em;
  line-height: 1.25em
}
@media(max-width: 767px) {
  h2, .h2 {
    font-size: 32.4px
  }
}
h3, .send-rep h4 span, .h3 {
  font-size: 1.5em
}
@media(max-width: 767px) {
  h3, .send-rep h4 span, .h3 {
    font-size: 1.25em
  }
}
h4, .h4 {
  font-size: 1.2em
}
@media(max-width: 767px) {
  h4, .h4 {
    font-size: .8em
  }
}
h5, .h5 {
  font-size: 1em
}
@media(max-width: 767px) {
  h5, .h5 {
    font-size: 1em
  }
}
h6, .h6 {
  font-size: .75em
}
@media(max-width: 767px) {
  h6, .h6 {
    font-size: .75em
  }
}
p {
  font-size: 1.25em;
  margin: 0;
  line-height: 140%
}
@media(max-width: 767px) {
  p {
    font-size: 1.55em
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  p {
    font-size: 1.6em
  }
}
small {
  font-size: 80%
}
.small {
  font-size: .7em
}
body {
  overflow-x: hidden
}
.header-spacer {
  height: 100px
}
@media(min-width: 768px)and (max-width: 990px) {
  .header-spacer {
    height: 50px
  }
}
@media(max-width: 767px) {
  .header-spacer {
    height: 25px
  }
}
.force-lowercase {
  text-transform: lowercase !important
}
.temp-removal {
  display: none !important
}
.float-right {
  float: right !important
}
.pink {
  color: #d50f67 !important;
  font-weight: 900
}
.dark-yellow {
  color: #fec524 !important
}
.green {
  color: #94d60a !important
}
.blue {
  color: #1fb5e4 !important
}
.white {
  color: #fff !important
}
.orange {
  color: #fd8103 !important
}
.center-align {
  text-align: center
}
.left-align {
  text-align: left
}
.right-align {
  text-align: right
}
.relative {
  position: relative
}
.absolute {
  position: absolute
}
.inline-block {
  display: inline-block
}
.block {
  display: block
}
.lollipop {
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif
}
@media(max-width: 767px) {
  .mobile-break {
    display: block
  }
}
@media(max-width: 767px) {
  .container {
    margin: 0
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .container {
    width: 100%
  }
}
img {
  width: 100%
}
svg * {
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif !important
}
a {
  color: inherit !important
}
a:focus, a:hover {
  color: inherit;
  text-decoration: none
}
*:focus {
  outline: none
}
.find-noosa-iframe {
  width: 100%;
  height: 84.45vh;
  padding-top: 80px;
  border: none;
  overflow: hidden;
  margin-bottom: -57px
}
@media(max-width: 767px) {
  .find-noosa-iframe {
    padding-top: 52px
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: none
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}
.slick-track:before, .slick-track:after {
  display: table;
  content: ""
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
.slick-dotted.slick-slider {
  margin-bottom: 30px
}
.slick-dots {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 30px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #000
}
@font-face {
  font-family: "Rama Gothic";
  src: url("../fonts/webfonts/RamaGothicRndE-Bold.woff2") format("woff2"), url("../fonts/webfonts/RamaGothicRndE-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Rama Gothic";
  src: url("../fonts/webfonts/RamaGothicRndE-Regular.woff2") format("woff2"), url("../fonts/webfonts/RamaGothicRndE-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Book.woff2") format("woff2"), url("../fonts/webfonts/Campora-Book.woff") format("woff");
  font-weight: 350;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Black.woff2") format("woff2"), url("../fonts/webfonts/Campora-Black.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Regular.woff2") format("woff2"), url("../fonts/webfonts/Campora-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: "Campora";
  src: url("../fonts/webfonts/Campora-Bold.woff2") format("woff2"), url("../fonts/webfonts/Campora-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
.btn, .best-mates-wrap form input[type=submit] {
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #fff !important;
  background-color: #d50f67;
  border-radius: 5px;
  font-size: 1.5em !important;
  padding: 2px 15px;
  display: inline-block;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease
}
.btn:hover, .best-mates-wrap form input[type=submit]:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
@media(max-width: 767px) {
  .btn, .best-mates-wrap form input[type=submit] {
    font-size: .8em
  }
}
.btn:hover, .best-mates-wrap form input[type=submit]:hover, .btn:focus, .best-mates-wrap form input[type=submit]:focus, .btn:active, .best-mates-wrap form input[type=submit]:active {
  color: #fff;
  background-color: #c81757
}
.btn.btn-white, .best-mates-wrap form input.btn-white[type=submit] {
  color: #d50f67;
  background-color: #fff
}
.btn.btn-orange, .best-mates-wrap form input.btn-orange[type=submit] {
  background-color: #fd8103
}
input, textarea {
  -webkit-appearance: none
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
} /*!
 * Datepicker v0.5.3
 * https://github.com/fengyuanchen/datepicker
 *
 * Copyright (c) 2014-2017 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2017-06-15T11:00:53.699Z
 */ .datepicker-container {
  font-size: 12px;
  line-height: 30px;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 210px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  direction: ltr !important;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}
.datepicker-container:before, .datepicker-container:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: " ";
  border: 5px solid transparent
}
.datepicker-dropdown {
  position: absolute;
  z-index: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc
}
.datepicker-inline {
  position: static
}
.datepicker-top-left, .datepicker-top-right {
  border-top-color: #39f
}
.datepicker-top-left:before, .datepicker-top-left:after, .datepicker-top-right:before, .datepicker-top-right:after {
  top: -5px;
  left: 10px;
  border-top: 0
}
.datepicker-top-left:before, .datepicker-top-right:before {
  border-bottom-color: #39f
}
.datepicker-top-left:after, .datepicker-top-right:after {
  top: -4px;
  border-bottom-color: #fff
}
.datepicker-bottom-left, .datepicker-bottom-right {
  border-bottom-color: #39f
}
.datepicker-bottom-left:before, .datepicker-bottom-left:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after {
  bottom: -5px;
  left: 10px;
  border-bottom: 0
}
.datepicker-bottom-left:before, .datepicker-bottom-right:before {
  border-top-color: #39f
}
.datepicker-bottom-left:after, .datepicker-bottom-right:after {
  bottom: -4px;
  border-top-color: #fff
}
.datepicker-top-right:before, .datepicker-top-right:after, .datepicker-bottom-right:before, .datepicker-bottom-right:after {
  right: 10px;
  left: auto
}
.datepicker-panel > ul:before, .datepicker-panel > ul:after {
  display: table;
  content: " "
}
.datepicker-panel > ul:after {
  clear: both
}
.datepicker-panel > ul {
  width: 102%;
  margin: 0;
  padding: 0
}
.datepicker-panel > ul > li {
  float: left;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
  text-align: center;
  background-color: #fff
}
.datepicker-panel > ul > li:hover {
  background-color: #e6f2ff
}
.datepicker-panel > ul > li.muted, .datepicker-panel > ul > li.muted:hover {
  color: #999
}
.datepicker-panel > ul > li.highlighted {
  background-color: #e6f2ff
}
.datepicker-panel > ul > li.highlighted:hover {
  background-color: #cce6ff
}
.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: #39f
}
.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover {
  cursor: default;
  color: #ccc;
  background-color: #fff
}
.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #e6f2ff
}
.datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view=next] {
  font-size: 18px
}
.datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] {
  width: 150px
}
.datepicker-panel > ul[data-view=years] > li, .datepicker-panel > ul[data-view=months] > li {
  line-height: 52.5px;
  width: 52.5px;
  height: 52.5px
}
.datepicker-panel > ul[data-view=week] > li, .datepicker-panel > ul[data-view=week] > li:hover {
  cursor: default;
  background-color: #fff
}
.datepicker-hide {
  display: none
} /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */ .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}
.animated.infinite {
  animation-iteration-count: infinite
}
.animated.hinge {
  animation-duration: 2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
  animation-duration: .75s
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    transform: translate3d(0, -4px, 0)
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom
}
@keyframes flash {
  from, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
.flash {
  animation-name: flash
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1)
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    transform: scale3d(1, 1, 1)
  }
}
.pulse {
  animation-name: pulse
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1)
  }
  30% {
    transform: scale3d(1.25, 0.75, 1)
  }
  40% {
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    transform: scale3d(1.15, 0.85, 1)
  }
  65% {
    transform: scale3d(0.95, 1.05, 1)
  }
  75% {
    transform: scale3d(1.05, 0.95, 1)
  }
  to {
    transform: scale3d(1, 1, 1)
  }
}
.rubberBand {
  animation-name: rubberBand
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0)
  }
}
.shake {
  animation-name: shake
}
@keyframes headShake {
  0% {
    transform: translateX(0)
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    transform: translateX(0)
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg)
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg)
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  to {
    transform: scale3d(1, 1, 1)
  }
}
.tada {
  animation-name: tada
}
@keyframes wobble {
  from {
    transform: none
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  to {
    transform: none
  }
}
.wobble {
  animation-name: wobble
}
@keyframes jello {
  from, 11.1%, to {
    transform: none
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
}
.jello {
  animation-name: jello;
  transform-origin: center
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3)
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9)
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97)
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1)
  }
}
.bounceIn {
  animation-name: bounceIn
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0)
  }
  50% {
    opacity: 1;
    transform: translate3d(0, 12px, 0)
  }
  70% {
    transform: translate3d(0, -5px, 0)
  }
  90% {
    transform: translate3d(0, 2px, 0)
  }
  to {
    transform: none
  }
}
.bounceInDown {
  animation-name: bounceInDown
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0)
  }
  75% {
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    transform: translate3d(5px, 0, 0)
  }
  to {
    transform: none
  }
}
.bounceInLeft {
  animation-name: bounceInLeft
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    transform: translate3d(10px, 0, 0)
  }
  90% {
    transform: translate3d(-5px, 0, 0)
  }
  to {
    transform: none
  }
}
.bounceInRight {
  animation-name: bounceInRight
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }
  75% {
    transform: translate3d(0, 10px, 0)
  }
  90% {
    transform: translate3d(0, -5px, 0)
  }
  to {
    transform: translate3d(0, 0, 0)
  }
}
.bounceInUp {
  animation-name: bounceInUp
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9)
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3)
  }
}
.bounceOut {
  animation-name: bounceOut
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0)
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}
.bounceOutDown {
  animation-name: bounceOutDown
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0)
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0)
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}
.bounceOutRight {
  animation-name: bounceOutRight
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0)
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}
.bounceOutUp {
  animation-name: bounceOutUp
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.fadeIn {
  animation-name: fadeIn
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInDown {
  animation-name: fadeInDown
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInLeft {
  animation-name: fadeInLeft
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInRight {
  animation-name: fadeInRight
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInUp {
  animation-name: fadeInUp
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig
}
@keyframes fadeOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.fadeOut {
  animation-name: fadeOut
}
@keyframes fadeOutDown {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}
.fadeOutDown {
  animation-name: fadeOutDown
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0)
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig
}
@keyframes fadeOutLeft {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0)
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig
}
@keyframes fadeOutRight {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
  }
}
.fadeOutRight {
  animation-name: fadeOutRight
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0)
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig
}
@keyframes fadeOutUp {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }
}
.fadeOutUp {
  animation-name: fadeOutUp
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0)
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  to {
    transform: perspective(400px)
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  to {
    transform: perspective(400px)
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY
}
@keyframes flipOutX {
  from {
    transform: perspective(400px)
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}
@keyframes flipOutY {
  from {
    transform: perspective(400px)
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1
  }
  to {
    transform: none;
    opacity: 1
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out
}
@keyframes lightSpeedOut {
  from {
    opacity: 1
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1
  }
}
.rotateIn {
  animation-name: rotateIn
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}
.rotateOut {
  animation-name: rotateOut
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}
.hinge {
  animation-name: hinge
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom
  }
  50% {
    transform: rotate(-10deg)
  }
  70% {
    transform: rotate(3deg)
  }
  to {
    opacity: 1;
    transform: scale(1)
  }
}
.jackInTheBox {
  animation-name: jackInTheBox
}
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.rollIn {
  animation-name: rollIn
}
@keyframes rollOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}
.rollOut {
  animation-name: rollOut
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3)
  }
  50% {
    opacity: 1
  }
}
.zoomIn {
  animation-name: zoomIn
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}
.zoomInDown {
  animation-name: zoomInDown
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}
.zoomInLeft {
  animation-name: zoomInLeft
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}
.zoomInRight {
  animation-name: zoomInRight
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}
.zoomInUp {
  animation-name: zoomInUp
}
@keyframes zoomOut {
  from {
    opacity: 1
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3)
  }
  to {
    opacity: 0
  }
}
.zoomOut {
  animation-name: zoomOut
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}
.zoomOutDown {
  animation-name: zoomOutDown
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center
  }
}
.zoomOutRight {
  animation-name: zoomOutRight
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}
.zoomOutUp {
  animation-name: zoomOutUp
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    transform: translate3d(0, 0, 0)
  }
}
.slideInDown {
  animation-name: slideInDown
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    transform: translate3d(0, 0, 0)
  }
}
.slideInLeft {
  animation-name: slideInLeft
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    transform: translate3d(0, 0, 0)
  }
}
.slideInRight {
  animation-name: slideInRight
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    transform: translate3d(0, 0, 0)
  }
}
.slideInUp {
  animation-name: slideInUp
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0)
  }
}
.slideOutDown {
  animation-name: slideOutDown
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0)
  }
}
.slideOutLeft {
  animation-name: slideOutLeft
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0)
  }
}
.slideOutRight {
  animation-name: slideOutRight
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0)
  }
}
.slideOutUp {
  animation-name: slideOutUp
}
@keyframes arrow-down {
  0% {
    transform: translate3d(-50%, 0, 0)
  }
  50% {
    transform: translate3d(-50%, 30px, 0)
  }
  100% {
    transform: translate3d(-50%, 0, 0)
  }
}
.arrow-down {
  animation-name: arrow-down;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out
}
@keyframes slide-in-left {
  0% {
    left: -100%
  }
  100% {
    left: 0
  }
}
.slide-in-left {
  animation-name: slide-in-left;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out
}
@keyframes slide-in-right {
  0% {
    right: -100%
  }
  100% {
    right: 0
  }
}
.slide-in-right {
  animation-name: slide-in-right;
  animation-duration: .7s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out
}
.bounceIn {
  animation-duration: 1.5s;
  animation-iteration-count: 1;
  animation-name: bounceIn
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}
.iframe-fullscreen {
  width: 100%;
  border: none;
  overflow: hidden;
  margin-bottom: -57px
}
@media(max-width: 767px) {
  .iframe-fullscreen {
    height: 78.2vh;
    padding-top: 52px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .iframe-fullscreen {
    height: 82.3vh;
    padding-top: 82px
  }
}
@media(min-width: 991px) {
  .iframe-fullscreen {
    height: 86.4vh;
    padding-top: 80px
  }
}
@media(min-width: 991px) {
  .video-container.video-full-bleed-right {
    float: none;
    position: absolute;
    right: 0;
    padding: 0
  }
}
@media(min-width: 991px) {
  .video-container.video-full-bleed-left {
    float: none;
    position: absolute;
    left: 0;
    padding: 0
  }
}
.video-border {
  background-image: url("http://s3.amazonaws.com/noosa2017/cdn_uploads/2017/06/27184721/dashes-raspberry.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0 -10px -10px 0;
  padding: 0 20px 20px 0;
  cursor: pointer
}
.video-border.video-border-sienna {
  background-image: url("http://s3.amazonaws.com/noosa2017/cdn_uploads/2017/06/27184723/dashes-sienna.jpg")
}
.video-border.video-border-paleblue {
  background-image: url("http://s3.amazonaws.com/noosa2017/cdn_uploads/2017/06/27185429/dashes-paleblue.jpg")
}
.video-border.video-border-green {
  background-image: url("../images/story/founders/dashes-green.jpg")
}
.video-border.video-border-orange {
  background-image: url("../images/story/quality/dashes-orange.png")
}
.video {
  display: block;
  padding: 0;
  position: relative;
  background-image: url("http://s3.amazonaws.com/noosa2017/cdn_uploads/2017/06/27152332/can-it-hang.jpg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  width: 100%;
  padding-bottom: 56.25%;
  z-index: 2
}
.video .iframe-placeholder {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  z-index: 50
}
.video .iframe-placeholder:hover {
  background-color: rgba(213, 15, 103, .4)
}
.video .play-icon {
  fill: #fff;
  position: absolute;
  width: 12.25%;
  left: 50%;
  margin-left: -6%;
  margin-top: 22%
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .video .play-icon {
    top: -37%
  }
}
.video .play-icon:hover {
  fill: #d50f67
}
.video iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 9000;
  border: 0;
  left: 0
}
.video .hide-video {
  display: none
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .video .hide-video {
    display: block
  }
}
.video .see-video {
  display: block
}
@media(max-width: 767px) {
  .destini-spacer {
    height: 46px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .destini-spacer {
    height: 82px
  }
}
@media(min-width: 991px) {
  .destini-spacer {
    height: 74px
  }
}
footer {
  color: #1d1d1b;
  padding: 5px 30px 0px;
  margin-top: 50px;
  font-size: 14pt
}
@media(max-width: 767px) {
  footer {
    padding: 5px 10px 0;
    font-size: 9pt
  }
}
footer .footer-top {
  border-top: 4px solid #1d1d1b;
  padding: 10px 20px;
  position: relative
}
@media(max-width: 767px) {
  footer .footer-top {
    padding: 10px 0
  }
  footer .footer-top.row {
    margin: 0
  }
}
footer .footer-top img {
  width: auto;
  height: 50px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease
}
footer .footer-top img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
@media(max-width: 767px) {
  footer .container {
    margin: 0
  }
}
footer .footer-menu {
  text-align: right;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
@media(max-width: 767px) {
  footer .footer-menu {
    position: relative;
    top: 0;
    transform: none
  }
}
footer .footer-menu a {
  margin: 0 10px
}
footer .footer-menu .mobile-links .col-xs-4 {
  padding: 0
}
footer .footer-menu .mobile-links a {
  display: block
}
footer .social-links a {
  margin: 0 2.5px
}
@media(max-width: 767px) {
  footer .social-links a {
    font-size: 14pt
  }
}
footer .social-links a i {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease
}
footer .social-links a i:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
footer .footer-bottom {
  margin: 0 auto;
  background-color: #fec524;
  border-radius: 25px 25px 0 0;
  padding: 5px 10px;
  color: #fff
}
@media(max-width: 767px) {
  footer .footer-bottom {
    padding: 5px 0
  }
}
footer .footer-legal {
  text-align: right
}
footer .footer-legal p {
  display: inline-block;
  font-size: 14pt
}
@media(max-width: 767px) {
  footer .footer-legal p {
    font-size: 9pt
  }
}
header {
  background-color: #fff;
  color: #1d1d1b;
  position: absolute;
  width: 100%;
  z-index: 9001;
  padding: 0 15px 10px
}
header #header-middle-test {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 50%;
  background-color: red;
  transform: translateX(-50%);
  z-index: 10
}
@media(max-width: 767px) {
  header {
    margin-bottom: -2px;
    padding: 0 0 10px;
    position: fixed
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  header {
    position: fixed
  }
}
header .desktop-nav {
  text-align: center;
  font-size: 14pt
}
@media(min-width: 1200px) {
  header.more-menu-items-right-large .desktop-nav {
    margin-left: 0px
  }
}
header .header-menu {
  margin-top: -35px
}
@media(max-width: 767px) {
  header .header-menu {
    margin-top: 0
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  header .header-menu {
    margin-top: 0
  }
}
header a {
  margin: 0 5px
}
header a.link {
  padding: 5px;
  border-radius: 9px;
  transition: all .25s ease-in-out
}
header a.link:hover {
  color: #fff
}
header a.link.products:hover {
  background-color: #97d700
}
header a.link.red:hover {
  background-color: #e04a4a
}
header a.link.story:hover {
  background-color: #ffc72c
}
header a.link.find:hover {
  background-color: #00a3e0
}
header a.link.club:hover {
  background-color: #84329b
}
header a.link.shop:hover {
  background-color: #ce0f69
}
header a.link.splat {
  position: relative;
  overflow: visible;
  margin-left: 20px
}
header a.link.splat span {
  position: relative;
  z-index: 2;
  font-size: 13px;
  color: white;
  margin-left: -10px;
}
header a.link.splat:before, header a.link.splat:after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-54%, -50%);
  width: 120px;
  height: 79px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  transition: all .5s
}
header a.link.splat:before {
  background-image: url("/wp-content/uploads/2022/05/btn-bg-green.png")
}
header a.link.splat:hover:before {
  transform: translate(-54%, -50%) scale(0.9);
  zoom: 1;
  filter: alpha(opacity=1);
  opacity: 1
}
header a.link.splat:hover:after {
  transform: translate(-54%, -50%) scale(0.9);
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1
}
header .bottom-block {
  display: block;
  line-height: 50%;
  text-indent: 10%;
  font-size: .7em
}
header .bottom-block.extra-dent {
  text-indent: 20%;
  padding-top: 8px;
  font-size: .65em
}
header svg {
  width: 100%
}
header .logo-wrap {
  display: inline-block;
  width: 110px;
  bottom: -40px;
  position: relative
}
header .desktop-sticky-nav {
  position: fixed;
  width: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  display: none
}
header .desktop-sticky-nav .story-links {
  padding-bottom: 10px;
  margin: 5px 0px;
  background-color: #fff;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif
}
header .desktop-sticky-nav .story-links svg {
  width: 40px;
  display: inline-block;
  margin: 0 5px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header .desktop-sticky-nav .story-links svg {
    height: 25px
  }
}
header .desktop-sticky-nav .story-links a {
  vertical-align: bottom
}
header .desktop-sticky-nav .story-links a:nth-child(3) svg {
  width: 25px
}
header .desktop-sticky-nav .bottom-block {
  line-height: 0;
  font-size: .75em;
  margin-top: -3px
}
header .desktop-sticky-nav .bottom-block.extra-dent {
  text-indent: 20%;
  margin-top: 2px;
  font-size: .65em
}
header .desktop-sticky-nav .logo-wrap {
  width: 125px;
  bottom: 0;
  z-index: 9999
}
header .desktop-sticky-nav .logo-wrap img {
  width: 100%
}
header .desktop-sticky-nav a {
  font-size: .65em
}
header .desktop-sticky-nav a.link.splat:before, header .desktop-sticky-nav a.link.splat:after {
  transform: translate(-54%, -50%);
  width: 100px;
  height: 66px
}
header .desktop-sticky-nav a.link.splat:hover:before {
  transform: translate(-54%, -50%) scale(0.9)
}
header .desktop-sticky-nav a.link.splat:hover:after {
  transform: translate(-54%, -50%) scale(0.9)
}
header .desktop-sticky-nav .header-sticky {
  margin-bottom: -11px
}
header .desktop-sticky-nav .links {
  position: absolute;
  top: 15px;
  width: 100%
}
header .desktop-sticky-nav .sign-up .signup-bottom {
  margin-top: -45%;
  margin-left: -12%
}
header .desktop-sticky-nav .sign-up .inner {
  width: 70%
}
header .desktop-sticky-nav .sign-up .smaller {
  font-size: .5em
}
header .desktop-sticky-nav .sign-up p {
  font-size: .6em
}
header .sign-up {
  display: inline-block;
  position: absolute;
  right: 10px;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  text-align: left;
  top: -120%;
  width: 125px;
  height: 125px
}
header .sign-up.mobile {
  right: 75px;
  width: 85px;
  height: 75px;
  margin-top: -15px
}
@media(min-width: 991px)and (max-width: 1200px) {
  header .sign-up {
    right: -10px
  }
}
header .sign-up .signup-bottom {
  opacity: 0;
  width: 150%;
  margin-top: -15px
}
header .sign-up .inner {
  width: 100%;
  height: 100%;
  background-image: url("../images/noosa_Coupon.png");
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0 13px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease
}
header .sign-up .inner:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
header .sign-up .inner .larger {
  text-align: right;
  width: 100%;
  height: 40px;
  top: -15px;
  position: relative
}
header .sign-up .inner p {
  margin-top: -10px
}
header .sign-up p {
  display: inline-block;
  font-size: .75em
}
header .sign-up .larger {
  font-weight: 900
}
header .sign-up .smaller {
  font-size: .65em;
  font-weight: 400
}
.yellow-star {
  display: inline-block;
  font-size: 10pt;
  margin: 0 10px;
  width: 10px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .yellow-star {
    height: 10px
  }
}
.yellow-star svg path {
  fill: #fec524
}
.mobile-header img {
  width: 115px;
  padding: 10px
}
.mobile-nav {
  display: none;
  width: 100%;
  position: fixed;
  top: 50px;
  background-color: #fff;
  height: 100%
}
.mobile-nav .dropdown-btn {
  float: right;
  transition: all .25s ease-in-out
}
.mobile-nav .dropdown-btn.rotate {
  transform: rotate(180deg)
}
.mobile-nav .dropdown {
  padding: 5%;
  display: none
}
.nav-mobile {
  height: auto
}
.nav-mobile a {
  color: #1d1d1b;
  display: block;
  padding: 2.5% 10%
}
.nav-mobile.noheight {
  height: 0
}
.hamburger {
  display: inline-block;
  cursor: pointer;
  margin-top: 8px;
  width: 50px
}
.hamburger .bar1, .hamburger .bar2, .hamburger .bar3 {
  width: 35px;
  height: 4px;
  background-color: #1d1d1b;
  margin: 6px 0;
  transition: .4s;
  border-radius: 25px
}
.hamburger.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 4px);
  transform: rotate(-45deg) translate(-9px, 4px)
}
.hamburger.change .bar2 {
  opacity: 0
}
.hamburger.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-9px, -6px);
  transform: rotate(45deg) translate(-9px, -6px)
}
.error {
  border-color: #d50f67 !important
}
.signup-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  text-align: center;
  padding: 10%;
  z-index: 999999;
  top: 0;
  color: #fff;
  opacity: 0;
  pointer-events: none
}
@media(max-width: 767px) {
  .signup-popup {
    padding: 100px 10px
  }
}
.signup-popup .inner {
  width: 50%;
  min-width: 500px;
  margin: 0 auto;
  position: relative;
  max-width: 550px
}
@media(max-width: 767px) {
  .signup-popup .inner {
    min-width: 350px
  }
}
.signup-popup .inner img {
  width: 100%;
  position: relative
}
.signup-popup .inner .left-indent {
  margin-right: 120px
}
.signup-popup .inner .right-indent {
  margin-right: -40px
}
.signup-popup .inner h1 {
  margin-bottom: 15px;
  line-height: 100%;
  text-shadow: 2px 2px 0px rgba(255, 255, 255, .9)
}
.signup-popup .copy {
  position: absolute;
  width: 100%;
  top: 43%;
  transform: translateY(-50%);
  padding: 0 10%
}
.signup-popup .black {
  color: #1d1d1b;
  text-indent: 20%;
  margin-bottom: 5%
}
@media(max-width: 767px) {
  .signup-popup .black {
    margin-bottom: 0
  }
}
.signup-popup .black img {
  width: 25px;
  vertical-align: top
}
@media(max-width: 767px) {
  .signup-popup .black img {
    width: 20px
  }
}
.signup-popup .yellow-star {
  color: #fec524;
  margin: 0 5px
}
.signup-popup p {
  border-top: 3px solid #000;
  margin: 15px auto 10%;
  font-size: .65em
}
@media(max-width: 767px) {
  .signup-popup p {
    font-size: .5em;
    margin: 15px auto 5%
  }
}
.signup-popup h5 {
  margin: 5px 0
}
@media(max-width: 767px) {
  .signup-popup h5 {
    font-size: .75em
  }
}
.signup-popup .bigger {
  font-size: 1.35em
}
@media(max-width: 767px) {
  .signup-popup .bigger {
    font-size: 1em
  }
}
.signup-popup .btn, .signup-popup .best-mates-wrap form input[type=submit], .best-mates-wrap form .signup-popup input[type=submit] {
  background-color: #fec524;
  color: #1d1d1b;
  border-radius: 9px;
  border: 0;
  transition: all .25s ease-in-out;
  margin-top: 5px
}
.signup-popup .btn:hover, .signup-popup .best-mates-wrap form input[type=submit]:hover, .best-mates-wrap form .signup-popup input[type=submit]:hover {
  color: #fff
}
.signup-popup #close-popup {
  position: absolute;
  border: 3px solid #1d1d1b;
  color: #1d1d1b;
  border-radius: 50px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  right: 15px;
  top: 15px;
  z-index: 99999;
  font-weight: 900
}
@media(max-width: 767px) {
  .signup-popup #close-popup {
    right: 0;
    top: 5px
  }
}
.faq-wrap {
  color: #1d1d1b;
  margin-top: 50px
}
.faq-wrap .header {
  margin-bottom: 50px
}
@media(max-width: 767px) {
  .faq-wrap .header {
    margin-bottom: 0
  }
}
.faq-wrap .header .copy {
  top: 14%;
  left: 8.5%
}
.faq-wrap .header .copy .text-indent {
  font-size: 3em;
  text-indent: 30%
}
.faq-container {
  min-height: 600px
}
.faq-holder {
  overflow-x: hidden
}
.faq {
  text-transform: lowercase
}
.faq span {
  margin-right: 10px
}
@media(max-width: 767px) {
  .faq span {
    margin-right: 5px
  }
  .faq:nth-of-type(1) {
    margin-top: 25px
  }
}
.faq .faq-row {
  cursor: pointer;
  color: #1d1d1b;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  padding: 20px 50px 0px
}
@media(max-width: 767px) {
  .faq .faq-row {
    padding: 3% 2% 1%
  }
}
.faq .faq-row span::before {
  content: "+";
  font-family: "Avenir LT W01_35 Light1475496", Arial, Helvetica, sans-serif;
  color: #d50f67;
  font-size: 1em;
  font-weight: 700
}
.faq .faq-row.active span::before {
  content: "−";
  font-weight: 500
}
.faq .faq-info {
  display: none;
  padding-left: 50px;
  padding-right: 50px
}
@media(max-width: 767px) {
  .faq .faq-info {
    padding-left: 2.5%;
    padding-right: 0
  }
}
.faq .faq-question {
  width: 100%;
  cursor: pointer;
  font-size: .8em;
  color: #1d1d1b;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin-left: 20px;
  padding: 5px 15px 5px
}
@media(max-width: 767px) {
  .faq .faq-question {
    width: 100%;
    padding: 0 2.5%;
    font-size: .7em;
    margin-left: 0
  }
  .faq .faq-question .q {
    width: 100%
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .faq .faq-question {
    width: 100%
  }
}
.faq .faq-question .state-sec:before {
  content: "+";
  color: #d50f67;
  font-family: "Avenir LT W01_35 Light1475496", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  font-weight: 700
}
@media(max-width: 767px) {
  .faq .faq-question .state-sec:before {
    margin-top: 10px
  }
}
.faq .faq-question.active .state-sec:before {
  content: "-";
  font-size: 1.75em;
  font-weight: 500
}
.faq .faq-wrapper:last-child {
  margin-bottom: 25px
}
.faq .faq-answer {
  display: none;
  color: #1d1d1b;
  font-family: "Avenir LT W01_35 Light1475496", Arial, Helvetica, sans-serif;
  font-size: .8em;
  margin: 15px 60px;
  padding: 20px 0px;
  border-bottom: 1px solid #d50f67;
  border-top: 1px solid #d50f67;
  width: 90%
}
@media(max-width: 767px) {
  .faq .faq-answer {
    padding-left: 2.5%;
    padding-right: 2.5%;
    margin: 15px 30px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .faq .faq-answer {
    width: 90%
  }
}
.faq .faq-answer ul, .faq .faq-answer li {
  font-size: .8em
}
.faq .faq-answer p {
  line-height: 1.75em
}
.faq .faq-answer a {
  color: #1fb5e4
}
@media(max-width: 767px) {
  .faq-enjoy {
    width: 100% !important;
    height: auto !important
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .contact-box {
    margin: 0 auto
  }
}
.contact-module {
  margin: 0 auto;
  text-align: center;
  margin-top: 25px
}
.contact-module img {
  text-align: center;
  position: relative;
  margin-top: -75px;
  width: 100px;
  margin-left: -250px
}
.contact-module .contact-module-wrap {
  border: 1px solid #d50f67;
  color: #1d1d1b;
  text-align: center;
  width: 250px;
  height: 250px;
  border-radius: 13px;
  margin: 0 auto;
  margin-top: -25px;
  padding: 25px 0px
}
.contact-module .contact-module-wrap p {
  font-size: .5em;
  margin: 0 0 20px
}
@media(min-width: 768px)and (max-width: 990px) {
  .contact-module {
    margin-top: 75px
  }
}
@media(max-width: 767px) {
  .contact-module {
    margin-top: 100px
  }
}
.product_img.overwrite {
  float: none;
  margin: 0 auto
}
.page-template-page-products .header {
  margin-top: 0px
}
@media(max-width: 767px) {
  .page-template-page-products .header {
    margin-top: 50px
  }
}
.page-template-page-products .header img {
  width: 100%
}
.page-template-page-products .header .header_text {
  position: absolute;
  top: 18%;
  left: 12%
}
.page-template-page-products .header .header_text .text-indent {
  text-indent: 20%
}
.page-template-page-products .header .header_text h1 {
  font-size: 2.75em
}
.products-container {
  overflow-x: hidden
}
.content {
  overflow: hidden;
  padding-top: 125px;
  position: relative;
  top: -125px;
  margin-right: -125px;
  padding-right: 125px;
  margin-bottom: -30px
}
@media(max-width: 767px) {
  .content {
    margin-bottom: -50px
  }
}
.seemore {
  position: absolute;
  bottom: 0
}
@media(max-width: 767px) {
  .seemore {
    width: 100%
  }
}
#flavors {
  margin-top: 20px;
  text-align: center
}
@media(max-width: 767px) {
  #flavors {
    padding: 0 10px
  }
}
#flavors h2, #flavors p {
  color: #333
}
#flavors h2 {
  margin-bottom: 40px
}
#flavors p {
  margin-top: 20px
}
#flavors .products {
  margin-bottom: 60px;
  border-bottom: 2px solid
}
#flavors .products:last-child {
  border-bottom: none
}
#flavors .products .seemore button {
  border: none;
  border-radius: 25px 25px 0 0;
  margin-top: 60px;
  padding: 10px 30px;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  color: #fff
}
@media(max-width: 767px) {
  #flavors .products .product_img {
    padding: 0 5px
  }
}
#flavors .products .product_img img {
  width: 100%
}
@media(max-width: 767px) {
  #flavors .products .product_img img {
    width: 120%;
    margin-left: -10%;
    max-width: 120%
  }
}
#flavors .products .product_img .bubble {
  display: none;
  height: 215px;
  width: 280px;
  position: absolute;
  left: 30%;
  bottom: 35%;
  pointer-events: none
}
#flavors .products .product_img .bubble h4 {
  color: #f42434;
  font-size: 1.15em;
  position: relative;
  top: 50px;
  left: 40px
}
#flavors .products .product_img .bubble h4::first-letter {
  text-transform: uppercase
}
#flavors .products .product_img .bubble p {
  color: #1d1d1b;
  width: 50%;
  position: absolute;
  top: 20px;
  left: 100px;
  font-size: 1em;
  line-height: 1.25em;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif
}
#flavors .products .product_img:hover .bubble {
  display: block
}
#flavors .products .more {
  display: none;
  margin-top: 40px
}
#flavors .newest {
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  border-bottom-color: #c4e86b
}
#flavors .newest button {
  background-color: #c4e86b
}
#flavors #sweetheat {
  border-bottom-color: #e12726
}
#flavors #sweetheat button {
  background-color: #e12726
}
#flavors #farmstand {
  border-bottom-color: #1fb5e4
}
#flavors #farmstand button {
  background-color: #1fb5e4
}
@media(max-width: 767px) {
  #flavors img {
    max-width: 100%;
    height: auto
  }
  #flavors p {
    margin-top: 10px
  }
  #flavors .bubble {
    display: none !important
  }
}
#news {
  color: #231f1f
}
@media(max-width: 767px) {
  #news {
    line-height: 110%
  }
}
#news .news_item {
  padding: 35px 20px;
  margin-top: 35px;
  border-top: 2px solid #fec524
}
#news .news_item h2 {
  margin-bottom: 10px
}
@media(max-width: 767px) {
  #news .news_item h2 {
    line-height: 110%;
    font-size: 1.2em;
    margin-top: 5px
  }
}
#news .news_item h3, #news .news_item .send-rep h4 span, .send-rep h4 #news .news_item span {
  font-family: "avenir", Arial, Helvetica, sans-serif;
  margin-bottom: 15px
}
@media(max-width: 767px) {
  #news .news_item h3, #news .news_item .send-rep h4 span, .send-rep h4 #news .news_item span {
    line-height: 110%;
    font-size: 1.25em
  }
}
@media(max-width: 767px) {
  #news .news_item p, #news .news_item a {
    line-height: 110%
  }
}
#news .see-more {
  border-bottom: 2px solid #fec524;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 100%
}
#news .see-more button {
  border: none;
  border-radius: 25px 25px 0 0;
  margin-top: 60px;
  padding: 10px 30px;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #fec524
}
#news .inner-news {
  position: relative;
  padding-bottom: 35px;
  overflow: hidden
}
.page-template-page-news .header {
  margin-top: 50px;
  position: relative
}
.page-template-page-news .header img {
  width: 100%
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-template-page-news .header .container svg {
    margin-top: 15px;
    height: 285px;
    width: 1140px
  }
}
@media(-ms-high-contrast: none)and (min-width: 991px)and (max-width: 1200px), (-ms-high-contrast: active)and (min-width: 991px)and (max-width: 1200px) {
  .page-template-page-news .header .container svg {
    height: 235px;
    width: 940px
  }
}
.page-template-page-news .header .header_text {
  text-align: left;
  position: absolute;
  top: 7.5%;
  left: 3%;
  width: 100%
}
.page-template-page-news .header .header_text h1 {
  white-space: nowrap;
  font-size: 2.6em
}
@media(max-width: 767px) {
  .page-template-page-news .header .header_text h1 {
    font-size: 10vw;
    text-align: center
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .page-template-page-news .header .header_text h1 {
    font-size: 7vw
  }
}
.page-template-page-news .header .header_text h2 {
  color: #1d1d1b;
  text-indent: 5%;
  font-size: 2.2em
}
@media(max-width: 767px) {
  .page-template-page-news .header .header_text h2 {
    font-size: 9vw;
    text-indent: 10%
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .page-template-page-news .header .header_text h2 {
    font-size: 5.5vw
  }
}
.page-template-page-news .mobile-news {
  width: 90%;
  margin: 0 auto
}
.page-template-page-news select {
  color: #1d1d1b;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 132px;
  padding: 5px 35px;
  position: relative;
  background-color: transparent;
  background: url("../images/news/dropdown.svg");
  background-size: 100% 100%
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-template-page-news select {
    padding: 5px 35px
  }
}
.page-template-page-news select::-ms-expand {
  display: none
}
.page-template-page-news .select-wrapper {
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  width: 100%;
  margin-top: 15px
}
.our-story.header {
  width: 100%;
  text-align: center;
  border-bottom: none;
  padding: 0;
  margin-top: 20px
}
.our-story.header .sign {
  margin-top: -10px;
  max-width: 25%
}
@media(max-width: 767px) {
  .our-story.header .sign {
    max-width: 80%;
    margin-top: -7%
  }
}
.our-story.header .story {
  margin: 0 auto;
  top: 30px
}
@media(max-width: 767px) {
  .our-story.header .story {
    top: 40px
  }
}
.our-story.header p {
  margin: 25px 0;
  font-size: .8em;
  font-weight: bold
}
@media(max-width: 767px) {
  .our-story.header p {
    font-size: .6em;
    margin: 10px 30px
  }
}
.our-story.header .subnav {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.header .subnav {
    padding-top: 2%;
    padding-bottom: 2%
  }
}
@media(max-width: 767px) {
  .our-story.header .subnav {
    align-items: baseline;
    margin-top: 25px;
    margin-left: -10%
  }
}
.our-story.header .subnav .story-nav {
  width: 17.5%
}
@media(max-width: 767px) {
  .our-story.header .subnav .story-nav {
    width: 22.5%;
    font-size: 4.5vw
  }
}
.our-story.header .subnav .story-nav svg {
  width: 40%
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.header .subnav .story-nav svg {
    height: 110px
  }
}
.our-story.header .subnav .story-nav .line {
  opacity: 0;
  display: block;
  margin: 0 auto;
  width: 60%
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.header .subnav .story-nav .line {
    height: 10px
  }
}
.our-story.header .subnav .story-nav .line svg {
  width: 100%
}
.our-story.header .subnav .story-nav:hover, .our-story.header .subnav .story-nav:focus {
  cursor: pointer
}
.our-story.header .subnav .story-nav:hover .line, .our-story.header .subnav .story-nav:focus .line {
  opacity: 1
}
.our-story.how-its-made {
  position: relative
}
.our-story.how-its-made .text-indent {
  text-indent: 5%
}
@media(max-width: 767px) {
  .our-story.how-its-made .mobile-break {
    display: block;
    text-indent: 12.5%;
    margin-top: 2%
  }
}
@media(max-width: 767px) {
  .our-story.how-its-made h5 {
    font-size: 5vw
  }
}
.our-story.how-its-made #path1Top {
  position: absolute;
  width: 50%;
  left: -12%;
  z-index: 9
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.how-its-made #path1Top {
    top: -22%;
    left: -15%
  }
}
@media(max-width: 767px) {
  .our-story.how-its-made #path1Top {
    display: none;
    width: 75%
  }
}
.our-story.how-its-made #bee1Top {
  position: absolute;
  width: 100px;
  top: 10%;
  left: 38%
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.how-its-made #bee1Top {
    top: -29%;
    left: 35%
  }
}
@media(max-width: 767px) {
  .our-story.how-its-made #bee1Top {
    display: none;
    width: 20%;
    top: 5%;
    left: 60%;
    z-index: 9
  }
}
.our-story.how-its-made #bee2Bottom {
  position: absolute;
  width: 45%;
  bottom: 10%;
  right: -7%;
  z-index: 9
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.how-its-made #bee2Bottom {
    bottom: 2%
  }
}
@media(max-width: 767px) {
  .our-story.how-its-made #bee2Bottom {
    left: 10%;
    width: 85%;
    display: none
  }
}
.our-story.how-its-made .visible-xs #path1Top, .our-story.how-its-made .visible-xs #bee1Top, .our-story.how-its-made .visible-xs #bee2Bottom {
  display: block
}
.our-story.how-its-made .mobile-berry {
  top: -38%;
  right: -14%;
  width: 45%
}
.our-story.how-its-made .recipe-card {
  position: relative;
  z-index: 2
}
@media(max-width: 767px) {
  .our-story.how-its-made .recipe-card {
    margin-left: 15px
  }
  .our-story.how-its-made .recipe-card img {
    width: 40%
  }
}
@media(max-width: 767px) {
  .our-story.how-its-made .recipe-card {
    margin: -55px 0 5px 50px
  }
  .our-story.how-its-made .recipe-card img {
    width: 25%
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.how-its-made .made-header svg {
    margin-top: 15px;
    height: 397px;
    width: 1140px
  }
}
@media(-ms-high-contrast: none)and (min-width: 991px)and (max-width: 1200px), (-ms-high-contrast: active)and (min-width: 991px)and (max-width: 1200px) {
  .our-story.how-its-made .made-header svg {
    height: 327px;
    width: 940px
  }
}
.our-story.how-its-made .milk-wrap {
  min-height: 250px
}
.our-story.how-its-made .milk-wrap .milk-text {
  padding-right: 20px;
  margin-bottom: 20px
}
@media(max-width: 767px) {
  .our-story.how-its-made .milk-wrap .milk-text {
    margin-bottom: 20px
  }
}
.our-story.how-its-made .milk-wrap .milk-text .milk-heading {
  display: flex;
  flex-direction: row;
  align-items: center
}
@media(max-width: 767px) {
  .our-story.how-its-made .milk-wrap .milk-text .milk-heading {
    justify-content: center
  }
}
.our-story.how-its-made .milk-wrap .milk-text .milk-heading h5 {
  color: #1d1d1b
}
.our-story.how-its-made .milk-wrap .milk-text .milk-heading h3, .our-story.how-its-made .milk-wrap .milk-text .milk-heading .send-rep h4 span, .send-rep h4 .our-story.how-its-made .milk-wrap .milk-text .milk-heading span {
  padding-left: 30px;
  color: #00a0df
}
.our-story.how-its-made .milk-wrap .milk-text .milk-heading img {
  transform: rotate(20deg);
  margin-left: 20px;
  width: 60px
}
@media(max-width: 767px) {
  .our-story.how-its-made .milk-wrap .milk-text .milk-heading img {
    width: 40px
  }
}
.our-story.how-its-made .milk-wrap .video {
  background-image: url("http://s3.amazonaws.com/noosa2017/cdn_uploads/2017/06/26211559/cowvid.jpg")
}
.our-story.how-its-made .milk-wrap .video .play-icon:hover {
  fill: #00a0df
}
.our-story.how-its-made .milk-wrap .video .iframe-placeholder:hover {
  background-color: rgba(0, 160, 223, .4)
}
.our-story.how-its-made .milk-wrap::after {
  content: " ";
  display: block;
  clear: both
}
.our-story.how-its-made .honey-top .col-xs-12, .our-story.how-its-made .honey-top .col-xs-8 {
  padding-left: 0;
  margin-bottom: 5px
}
.our-story.how-its-made .honey-top h4 {
  line-height: 140%;
  font-size: 1.3em
}
@media(max-width: 767px) {
  .our-story.how-its-made .honey-top h4 {
    font-size: 7vw
  }
}
.our-story.how-its-made .honey-top span {
  font-size: 1.5em
}
.our-story.how-its-made .fruit-wrap {
  position: relative;
  height: 450px
}
@media(max-width: 767px) {
  .our-story.how-its-made .fruit-wrap {
    height: auto;
    padding-top: 15%
  }
}
.our-story.how-its-made .fruit-wrap .nobreak {
  white-space: nowrap;
  overflow: visible;
  z-index: 9
}
@media(max-width: 767px) {
  .our-story.how-its-made .fruit-wrap .nobreak h5 {
    font-size: 5vw
  }
}
@media(max-width: 767px) {
  .our-story.how-its-made .fruit-wrap .col-xs-12 {
    padding: 0
  }
}
.our-story.how-its-made .fruit-wrap.container .col-xs-12 {
  display: block;
  align-items: center
}
@media(max-width: 767px) {
  .our-story.how-its-made .fruit-wrap.container .col-xs-12 {
    flex-direction: column;
    display: flex
  }
}
.our-story.how-its-made .fruit-wrap .fruit-blueberries {
  width: 100%;
  margin: 0 auto;
  text-align: center
}
.our-story.how-its-made .fruit-wrap span {
  color: #00a0df;
  font-size: 1.5em
}
.our-story.how-its-made .fruit-wrap span.spec {
  font-size: 1.75em;
  line-height: 1.2em;
  margin-left: -15%
}
.our-story.how-its-made .fruit-wrap .fruit-text-1 {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px
}
.our-story.how-its-made .fruit-wrap .fruit-text-1 p {
  margin-bottom: 20px
}
.our-story.how-its-made .fruit-wrap .fruit-text-1 h5 {
  width: 100%
}
.our-story.how-its-made .fruit-wrap .fruit-arrow {
  position: absolute;
  left: 10px;
  width: 120px;
  z-index: 1
}
@media(max-width: 767px) {
  .our-story.how-its-made .fruit-wrap .fruit-arrow {
    width: 90px
  }
}
.our-story.how-its-made .fruit-wrap .fruit-text-2 {
  z-index: 2;
  display: inline-block;
  margin-left: 75px;
  margin-top: 50px
}
@media(max-width: 767px) {
  .our-story.how-its-made .fruit-wrap .fruit-text-2 {
    margin-left: 60px;
    margin-top: 10px
  }
}
.our-story.how-its-made .fruit-wrap .fruit-text-2 h5:nth-of-type(2) {
  padding-left: 10px
}
.our-story.how-its-made .fruit-wrap .fruit-text-2 p {
  padding-left: 50px;
  font-weight: bold
}
.our-story.how-its-made .ordinary-wrap .ordinary-tub {
  position: relative;
  margin: 0 auto;
  max-width: 350px
}
@media(max-width: 767px) {
  .our-story.how-its-made .ordinary-wrap .ordinary-tub {
    width: 70%
  }
}
.our-story.how-its-made .ordinary-wrap .container {
  display: flex;
  align-items: center
}
@media(max-width: 767px) {
  .our-story.how-its-made .ordinary-wrap .container {
    flex-direction: column-reverse
  }
}
.our-story.how-its-made .ordinary-wrap .container .center-align {
  padding-left: 0
}
@media(max-width: 767px) {
  .our-story.how-its-made .ordinary-wrap .container p {
    width: 90%
  }
}
.our-story.how-its-made .ordinary-wrap h4 {
  margin-bottom: 15px
}
.our-story.how-its-made .ordinary-wrap span {
  font-size: 1.75em
}
.our-story.how-its-made .cow-bottom {
  position: relative;
  text-align: center
}
.our-story.how-its-made .cow-bottom .cow-wrapper {
  margin: 15px auto;
  width: 300px
}
.our-story.how-its-made .cow-bottom .cow-wrapper .cow {
  width: 100%;
  position: relative
}
.our-story.how-its-made .cow-bottom .cow-wrapper .cow img {
  display: block
}
.our-story.how-its-made .cow-bottom .cow-wrapper .cow h5 {
  position: absolute;
  top: 35px;
  left: 30px;
  font-size: .6em
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.how-its-made .cow-bottom .cow-wrapper .cow h5 {
    top: 30px
  }
}
.our-story.how-its-made .cow-bottom p {
  padding: 10px 0
}
.mobile-berry {
  max-width: 40%;
  margin: auto
}
.our-story.quality .header .copy {
  top: 40%;
  transform: translateY(-50%);
  left: 5%
}
@media(max-width: 767px) {
  .our-story.quality .header .copy {
    top: 50%
  }
}
.our-story.quality .header .copy h4, .our-story.quality .header .copy .orange {
  line-height: 80%
}
.our-story.quality .header .copy h4:nth-child(2) {
  text-indent: 10%;
  margin-top: -6%
}
.our-story.quality .module {
  margin-top: 25px
}
@media(max-width: 767px) {
  .our-story.quality .module {
    margin-top: 75px
  }
}
.our-story.quality .flex {
  display: flex
}
.our-story.quality .bee-container svg {
  position: absolute;
  bottom: 0
}
.our-story.quality .top-module .col-xs-12 {
  padding: 0
}
.our-story.quality .neg-indent {
  text-indent: -20%
}
.our-story.quality .mobile-test {
  margin: 15px 0
}
.our-story.quality .mobile-test h4:nth-child(1) {
  text-indent: -50%
}
.our-story.quality .mobile-test h4:nth-child(2) {
  text-indent: 15%
}
.our-story.quality .mobile-test h4:nth-child(4) {
  text-indent: -5%
}
.our-story.quality .orange {
  font-size: 1.9em;
  line-height: 90%
}
@media(min-width: 991px)and (max-width: 1200px) {
  .our-story.quality .orange {
    font-size: 1.5em
  }
}
.our-story.quality .orange.large {
  font-size: 2.75em
}
.our-story.quality .orange.small {
  font-size: 1.25em
}
.our-story.quality .frame1-copy, .our-story.quality .frame2-copy, .our-story.quality .frame3-copy, .our-story.quality .frame4-copy {
  font-size: 1em
}
@media(max-width: 767px) {
  .our-story.quality .frame1-copy, .our-story.quality .frame2-copy, .our-story.quality .frame3-copy, .our-story.quality .frame4-copy {
    font-size: 3.5vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .frame1-copy, .our-story.quality .frame2-copy, .our-story.quality .frame3-copy, .our-story.quality .frame4-copy {
    font-size: 4vw
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .our-story.quality .frame1-copy, .our-story.quality .frame2-copy, .our-story.quality .frame3-copy, .our-story.quality .frame4-copy {
    font-size: .8em
  }
}
.our-story.quality .frame1-copy {
  top: 41%;
  left: 11%;
  transform: rotate(-10deg)
}
@media(max-width: 767px) {
  .our-story.quality .frame1-copy {
    top: 27%;
    left: 25%;
    transform: rotate(-16deg)
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .frame1-copy {
    top: 27%;
    left: 25%;
    transform: rotate(-16deg)
  }
}
.our-story.quality .frame2-copy {
  top: 61%;
  right: 51%;
  transform: rotate(6deg);
  text-align: right
}
@media(max-width: 767px) {
  .our-story.quality .frame2-copy {
    top: 34%;
    right: 7%;
    transform: rotate(0deg)
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .frame2-copy {
    top: 34%;
    right: 7%;
    transform: rotate(0deg)
  }
}
.our-story.quality .frame3-copy {
  bottom: 15%;
  transform: rotate(-10deg);
  left: -29%;
  text-align: right
}
@media(max-width: 767px) {
  .our-story.quality .frame3-copy {
    bottom: 23%;
    transform: rotate(14deg);
    left: 8%
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .frame3-copy {
    bottom: 23%;
    transform: rotate(14deg);
    left: 8%
  }
}
.our-story.quality .frame4-copy {
  bottom: 48.5%;
  right: 12%;
  text-align: right;
  transform: rotate(12deg)
}
@media(max-width: 767px) {
  .our-story.quality .frame4-copy {
    font-size: 3.25vw;
    bottom: 11.5%;
    right: 5%;
    transform: rotate(-11deg);
    text-align: left
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .frame4-copy {
    font-size: 3.25vw;
    bottom: 11.5%;
    right: 5%;
    transform: rotate(-11deg);
    text-align: left
  }
}
.our-story.quality .container.flex {
  display: flex;
  align-items: center
}
@media(max-width: 767px) {
  .our-story.quality .container.flex {
    flex-direction: column
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .container.flex {
    flex-direction: column
  }
}
@media(max-width: 767px) {
  .our-story.quality .container.flex.reverse-flex {
    flex-direction: column-reverse
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .container.flex.reverse-flex {
    flex-direction: column-reverse
  }
}
@media(max-width: 767px) {
  .our-story.quality .container.flex .left-arrow {
    margin: 25px 0
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .container.flex .left-arrow {
    margin: 25px 0
  }
}
.our-story.quality .container.flex .left-arrow svg {
  width: 15%;
  transform: rotate(64deg);
  position: absolute;
  right: 5%
}
@media(max-width: 767px) {
  .our-story.quality .container.flex .left-arrow svg {
    width: 12%;
    right: 25%
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .container.flex .left-arrow svg {
    width: 12%;
    right: 25%
  }
}
@media(max-width: 767px) {
  .our-story.quality .container.flex .right-arrow {
    margin: 25px 0
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .container.flex .right-arrow {
    margin: 25px 0
  }
}
.our-story.quality .container.flex .right-arrow svg {
  width: 15%;
  transform: rotate(-64deg) scaleX(-1);
  position: absolute;
  left: 5%;
  top: 170%
}
@media(max-width: 767px) {
  .our-story.quality .container.flex .right-arrow svg {
    width: 12%;
    left: 10%;
    top: 115%
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.quality .container.flex .right-arrow svg {
    width: 12%;
    left: 10%;
    top: 115%
  }
}
@media(max-width: 767px) {
  .our-story.quality .mobile-margin {
    margin-top: 8%
  }
}
@media(max-width: 767px) {
  .our-story.quality .tub-spoon {
    width: 60%;
    margin-bottom: 15px
  }
}
.our-story.quality .copy.photograph {
  bottom: 10%;
  transform: rotate(4deg);
  left: 15%
}
.our-story.quality .text-indent {
  text-indent: 5%
}
.our-story.quality .margin-top {
  margin-top: 2.5%
}
@media(max-width: 767px) {
  .our-story.quality .bottom-module {
    margin-bottom: -25px
  }
}
.our-story.quality .video {
  background-image: url("http://s3.amazonaws.com/noosa2017/cdn_uploads/2017/06/27152332/can-it-hang.jpg")
}
.our-story.quality .video.years {
  background-image: url("../images/story/quality/125years.jpg")
}
.our-story.quality .video.morning {
  background-image: url("../images/story/quality/10am.jpg")
}
.our-story.big-video {
  padding: 50px 0
}
@media(max-width: 767px) {
  .our-story.big-video.container {
    margin: 0
  }
}
.our-story.big-video .video {
  background-image: url("http://s3.amazonaws.com/noosa2017/cdn_uploads/2017/06/27153836/quality-testing.jpg")
}
@media(max-width: 767px) {
  .our-story.values .col-xs-12, .our-story.values .col-xs-3, .our-story.values .col-xs-6, .our-story.values .col-xs-9, .our-story.values .col-xs-4, .our-story.values .col-xs-8 {
    padding: 0
  }
}
@media(max-width: 767px) {
  .our-story.values .mobile-indent {
    margin-left: 5%
  }
}
@media(max-width: 767px) {
  .our-story.values .mobile-right {
    text-align: right
  }
}
.our-story.values .values-header .copy {
  top: 40%;
  transform: translateY(-50%);
  left: 7.5%
}
@media(max-width: 767px) {
  .our-story.values .values-header .copy {
    top: 15%;
    left: 0;
    width: 100%;
    text-align: center
  }
}
.our-story.values .values-header .copy h1 {
  font-size: 3em;
  line-height: 90%
}
@media(max-width: 767px) {
  .our-story.values .values-header .copy h1 {
    font-size: 9vw
  }
}
.our-story.values .values-header .copy h2 {
  font-size: 2.25em;
  text-indent: 15%;
  line-height: 90%
}
@media(max-width: 767px) {
  .our-story.values .values-header .copy h2 {
    color: #fd8103
  }
}
@media(max-width: 767px) {
  .our-story.values .values-header .copy .overwrite {
    display: inline-block !important
  }
}
.our-story.values .module {
  display: flex;
  align-items: center
}
@media(max-width: 767px) {
  .our-story.values .module {
    flex-direction: column;
    margin: 20px 0
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.values .module {
    flex-direction: column;
    margin: 20px 0
  }
}
@media(max-width: 767px) {
  .our-story.values .module.reverse-flex {
    flex-direction: column-reverse
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.values .module.reverse-flex {
    flex-direction: column-reverse
  }
}
.our-story.values .module span {
  font-size: 1.75em
}
@media(max-width: 767px) {
  .our-story.values .module span {
    font-size: 9vw
  }
}
.our-story.values .module p {
  padding: 25px
}
@media(max-width: 767px) {
  .our-story.values .module p {
    padding: 25px 0
  }
}
.our-story.values .module p a {
  color: #1fb5e4
}
.our-story.values .module h4 {
  line-height: 140%
}
@media(min-width: 991px)and (max-width: 1200px) {
  .our-story.values .module h4 {
    font-size: 1em
  }
}
@media(max-width: 767px) {
  .our-story.values .module h4 {
    font-size: 5.5vw
  }
}
.our-story.values .module.last-section p {
  padding: 10px
}
.our-story.values .module.last-section .col-xs-3 {
  padding: 0
}
.our-story.values .module .third {
  width: 75%;
  position: relative;
  top: -25px
}
@media(max-width: 767px) {
  .our-story.values .module .third {
    width: 100%;
    top: 0
  }
}
.our-story.values .module .fourth {
  width: 75%;
  position: relative;
  top: -30px
}
@media(max-width: 767px) {
  .our-story.values .module .fourth {
    width: 100%;
    top: 0
  }
}
.our-story.values .module .last-header {
  padding-left: 25px
}
@media(max-width: 767px) {
  .our-story.values .module .last-header {
    padding-left: 5px
  }
}
.our-story.values .module .module-header {
  padding-bottom: 15px;
  display: flex;
  align-items: baseline
}
@media(max-width: 767px) {
  .our-story.values .module .module-header {
    align-items: center
  }
}
.our-story.founders {
  position: relative
}
.our-story.founders .row:nth-of-type(1), .our-story.founders .row:nth-of-type(2) {
  margin-bottom: 80px
}
.our-story.founders .dotted-line {
  position: absolute
}
.our-story.founders .top-copy {
  margin-bottom: 25px
}
@media(max-width: 767px) {
  .our-story.founders .top-copy {
    text-align: left
  }
}
@media(max-width: 767px) {
  .our-story.founders .top-copy .mobile-alignment {
    display: block;
    text-align: right;
    margin-top: 2.5%;
    margin-right: 10%
  }
}
.our-story.founders .margin-top {
  margin-top: 2.5%
}
.our-story.founders .mobile-center {
  text-align: center
}
.our-story.founders .green {
  font-size: 1.75em
}
.our-story.founders .negative-indent {
  text-indent: -10%
}
.our-story.founders .indent-spacing {
  text-indent: 10%;
  margin-top: 2.5%
}
.our-story.founders .indent-spacing-reverse {
  text-indent: 10%;
  margin-bottom: 2.5%
}
.our-story.founders .meet-founders {
  margin-top: 2.5%
}
@media(max-width: 767px) {
  .our-story.founders .meet-founders {
    padding-bottom: 10%
  }
}
.our-story.founders .meet-founders svg {
  width: 30%;
  transform: rotate(-24deg);
  float: right;
  margin-right: 10%
}
@media(max-width: 767px) {
  .our-story.founders .meet-founders svg {
    width: 12%;
    transform: rotate(-51deg) scaleX(-1);
    position: absolute;
    top: 0;
    right: 10%
  }
}
.our-story.founders .timeline-container {
  overflow-x: hidden;
  position: relative;
  padding-top: 15%;
  border-bottom: 5px solid #1d1d1b;
  border-top: 5px solid #1d1d1b
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container {
    padding-top: 150px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .timeline-container {
    padding-top: 20%
  }
}
.our-story.founders .timeline-container #timeline {
  position: relative;
  width: 244%;
  right: 144%
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container #timeline {
    width: 570%;
    right: 470%
  }
}
.our-story.founders .timeline-container .timelineHead {
  position: absolute;
  top: 0;
  left: 10%;
  width: 15%
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .timelineHead {
    width: 30%;
    left: 35%
  }
}
.our-story.founders .timeline-container .control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 5%
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .control {
    width: 10%
  }
}
.our-story.founders .timeline-container .control svg {
  width: 100%
}
.our-story.founders .timeline-container .dates {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end
}
.our-story.founders .timeline-container .dates .date {
  float: right;
  text-align: center;
  width: 11%;
  padding: 0 8px
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .dates .date {
    padding: 0 5px
  }
}
.our-story.founders .timeline-container .dates .date p {
  background-color: rgba(255, 255, 255, .9);
  border-radius: 4px;
  margin-bottom: 10px
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .dates .date p {
    font-size: 3vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .timeline-container .dates .date p {
    font-size: 1.5vw
  }
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .dates .date h2 {
    font-size: 7vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .timeline-container .dates .date h2 {
    font-size: 4vw
  }
}
.our-story.founders .timeline-container .dates .date h2 span {
  background-color: rgba(255, 255, 255, .9);
  line-height: 1;
  border-radius: 4px
}
.our-story.founders .timeline-container .dates .filler {
  min-height: 1px;
  width: 4%
}
.our-story.founders .timeline-container .dates .right-border {
  border-right: 5px solid #1d1d1b;
  height: 190px
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .dates .right-border {
    height: 150px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .timeline-container .dates .right-border {
    height: 175px
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .our-story.founders .timeline-container .dates .right-border {
    height: 200px
  }
}
.our-story.founders .timeline-container .dates .right-border.short {
  height: 100px
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .dates .right-border.short {
    height: 80px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .timeline-container .dates .right-border.short {
    height: 80px
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .our-story.founders .timeline-container .dates .right-border.short {
    height: 75px
  }
}
.our-story.founders .timeline-container .dates .right-border.medium {
  height: 160px
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .dates .right-border.medium {
    height: 120px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .timeline-container .dates .right-border.medium {
    height: 120px
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .our-story.founders .timeline-container .dates .right-border.medium {
    height: 125px
  }
}
.our-story.founders .timeline-container .dates .right-border.long {
  height: 200px
}
@media(max-width: 767px) {
  .our-story.founders .timeline-container .dates .right-border.long {
    height: 155px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .timeline-container .dates .right-border.long {
    height: 155px
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .our-story.founders .timeline-container .dates .right-border.long {
    height: 150px
  }
}
.our-story.founders .timeline-container .left {
  left: 0;
  opacity: 0
}
.our-story.founders .timeline-container .right {
  right: 0
}
.our-story.founders .founders-header .copy {
  top: 25%;
  left: 8.5%
}
@media(max-width: 767px) {
  .our-story.founders .founders-header .copy {
    top: 33%;
    left: 11%
  }
}
.our-story.founders .founders-header .copy h1 {
  font-size: 2em
}
@media(max-width: 767px) {
  .our-story.founders .founders-header .copy h1 {
    font-size: 7vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .founders-header .copy h1 {
    font-size: 3vw
  }
}
.our-story.founders .founders-header .copy h3, .our-story.founders .founders-header .copy .send-rep h4 span, .send-rep h4 .our-story.founders .founders-header .copy span {
  text-indent: 10%
}
@media(max-width: 767px) {
  .our-story.founders .founders-header .copy h3, .our-story.founders .founders-header .copy .send-rep h4 span, .send-rep h4 .our-story.founders .founders-header .copy span {
    font-size: 6vw;
    text-align: right
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .founders-header .copy h3, .our-story.founders .founders-header .copy .send-rep h4 span, .send-rep h4 .our-story.founders .founders-header .copy span {
    font-size: 5vw
  }
}
.our-story.founders .founders-header .copy .black-n-white {
  color: #fff
}
@media(max-width: 767px) {
  .our-story.founders .founders-header .copy .black-n-white {
    color: #1d1d1b
  }
}
@media(min-width: 1200px) {
  .our-story.founders .founders-text.founders-text-1 img {
    margin-left: 10%
  }
}
.our-story.founders .founders-text.founders-text-1 h5 {
  position: absolute;
  font-size: .7em;
  top: 20%;
  left: 70%
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .founders-text.founders-text-1 h5 {
    top: 18%;
    left: 66%
  }
}
@media(max-width: 767px) {
  .our-story.founders .founders-text.founders-text-1 h5 {
    left: 68%
  }
}
.our-story.founders .founders-text.founders-text-1 p {
  margin-top: 20px
}
.our-story.founders .founders-text.founders-text-2 {
  margin-top: -6%
}
.our-story.founders .founders-text.founders-text-2 img {
  max-width: 470px;
  margin-left: 15px
}
@media(max-width: 767px) {
  .our-story.founders .founders-text.founders-text-2 img {
    margin-left: 0;
    margin: 15px 0
  }
}
.our-story.founders .founders-text.founders-text-2 h5 {
  position: absolute;
  font-size: .7em;
  top: 10%;
  left: 325px
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story.founders .founders-text.founders-text-2 h5 {
    top: 2%;
    left: 65%
  }
}
@media(max-width: 767px) {
  .our-story.founders .founders-text.founders-text-2 h5 {
    top: 2%;
    left: 65%
  }
}
.our-story.founders .founders-text.founders-text-2 p {
  margin-top: 20px
}
@media(max-width: 767px) {
  .our-story.founders .founders-text.founders-text-2 p {
    margin-top: 20px
  }
}
.our-story.founders .founders-bottom {
  position: relative;
  text-align: center
}
.our-story.founders .founders-bottom .cheers-cow-wrapper {
  margin: 0 auto;
  width: 200px
}
.our-story.founders .founders-bottom .cheers-cow-wrapper .cheers-cow {
  width: 100%;
  position: relative
}
.our-story.founders .founders-bottom .cheers-cow-wrapper .cheers-cow img {
  display: block
}
.our-story.founders .founders-bottom .cheers-cow-wrapper .cheers-cow h5 {
  position: absolute;
  top: 19px;
  left: 15px;
  font-size: .6em
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .our-story.founders .founders-bottom .cheers-cow-wrapper .cheers-cow h5 {
    top: 30px
  }
}
.our-story.founders .founders-bottom p {
  padding: 10px 0
}
.our-story.founders .video.history {
  background-image: url("../images/story/founders/history.jpg")
}
.honey-story span {
  color: #fec648
}
.honey-story .container {
  padding-bottom: 5%
}
@media(max-width: 767px) {
  .honey-story .col-xs-12 {
    padding-right: 0
  }
}
.honey-story .forced-upper {
  color: #1d1d1b;
  text-transform: uppercase
}
@media(max-width: 767px) {
  .honey-story {
    margin-left: -5%;
    margin-top: 5%;
    background: none
  }
}
.honey-story .frame1, .honey-story .frame2, .honey-story .frame3 {
  width: 27.5%
}
@media(max-width: 767px) {
  .honey-story .frame1, .honey-story .frame2, .honey-story .frame3 {
    width: 65%
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .honey-story .frame1, .honey-story .frame2, .honey-story .frame3 {
    font-size: .85em
  }
}
.honey-story .frame1 {
  top: 8%;
  left: 5%
}
.honey-story .frame1 h6 {
  bottom: 14%;
  transform: rotate(-8deg);
  width: 77%;
  left: 17%;
  font-size: .65em
}
@media(max-width: 767px) {
  .honey-story .frame1 h6 {
    font-size: 3vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .honey-story .frame1 h6 {
    font-size: 1.25vw
  }
}
.honey-story .frame2 {
  bottom: 2.5%;
  left: 30%
}
@media(max-width: 767px) {
  .honey-story .frame2 {
    bottom: 25%;
    left: 50%;
    z-index: 9
  }
}
.honey-story .frame2 h6 {
  bottom: 14%;
  transform: rotate(10deg);
  width: 72%;
  left: 8%;
  font-size: .5em
}
@media(max-width: 767px) {
  .honey-story .frame2 h6 {
    font-size: 3vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .honey-story .frame2 h6 {
    font-size: 1.25vw
  }
}
.honey-story .frame3 {
  bottom: 3%;
  right: 1%
}
.honey-story .frame3 h6 {
  bottom: 13%;
  transform: rotate(-3.5deg);
  width: 82%;
  left: 12%;
  font-size: .6em
}
@media(max-width: 767px) {
  .honey-story .frame3 h6 {
    font-size: 3vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .honey-story .frame3 h6 {
    font-size: 1.25vw
  }
}
.honeycomb {
  width: 40%;
  position: relative;
  left: -25%;
  transform: rotate(11deg)
}
.our-story .honey-top {
  margin-top: 7.5%
}
@media(min-width: 768px)and (max-width: 990px) {
  .our-story .honey-top {
    margin-top: 4%
  }
}
.our-story .honey-top h5 {
  font-size: 1em !important
}
.our-story .honey-top img {
  width: 100%
}
@media(max-width: 767px) {
  .our-story .honey-top {
    margin-top: 2%
  }
  .our-story .honey-top p {
    width: 75%;
    display: block;
    margin-left: 20%
  }
}
@media(max-width: 767px)and (max-width: 767px) {
  .our-story .honey-top p {
    width: 100%;
    margin-left: 2%
  }
}
.milk-wrap {
  position: relative
}
.milk-wrap::after {
  content: " ";
  clear: both;
  display: block
}
.story-holder {
  overflow-x: hidden
}
.our-story {
  color: #1d1d1b;
  padding: 10px 0;
  text-align: left
}
@media(max-width: 767px) {
  .our-story {
    padding: 20px 0
  }
}
@media(max-width: 767px) {
  .our-story h1 {
    font-size: 10vw
  }
}
.our-story h1:nth-child(2) {
  text-indent: 10%
}
.our-story h1.dark-yellow {
  font-size: 2.5em;
  line-height: 110%
}
@media(max-width: 767px) {
  .our-story h1.dark-yellow {
    font-size: 12vw
  }
}
.our-story h5 {
  font-size: 1.9em;
  margin-bottom: 10px
}
@media(max-width: 767px) {
  .our-story h5 {
    font-size: 1.7em
  }
}
.our-story h5 span {
  font-size: 1.75em
}
@media(max-width: 767px) {
  .our-story h5 span {
    font-size: 1.5em
  }
}
.our-story h3, .our-story .send-rep h4 span, .send-rep h4 .our-story span {
  font-size: 1.75em
}
@media(max-width: 767px) {
  .our-story h3, .our-story .send-rep h4 span, .send-rep h4 .our-story span {
    font-size: 1.5em
  }
}
.our-story .copy.absolute {
  top: 16%;
  left: 14.5%
}
@media(max-width: 767px) {
  .our-story .copy.absolute {
    top: 20%;
    left: 10%
  }
}
.our-story .modules {
  margin: 30px auto 0
}
@media(max-width: 767px) {
  .our-story .modules {
    padding: 0;
    margin: 0 auto
  }
}
.our-story .modules .col-xs-12 {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease
}
.our-story .modules .col-xs-12:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}
.our-story .modules .col-xs-12 .spoonModule-7, .our-story .modules .col-xs-12 .heartModule-5, .our-story .modules .col-xs-12 .tractorModule-6, .our-story .modules .col-xs-12 .tubModule-6 {
  transition: all .25s ease-in-out
}
.our-story .modules .col-xs-12:hover .spoonModule-7, .our-story .modules .col-xs-12:hover .heartModule-5, .our-story .modules .col-xs-12:hover .tractorModule-6, .our-story .modules .col-xs-12:hover .tubModule-6 {
  fill: #fff
}
@media(max-width: 767px) {
  .our-story .modules .col-xs-12 {
    padding: 0;
    margin-top: 15px
  }
}
@media(max-width: 767px) {
  .container {
    padding: 0;
    margin: 0 15px
  }
}
.contact-page {
  overflow-x: hidden
}
.contact-wrap {
  color: #1d1d1b
}
.contact-wrap p.why-password {
  color: #1fb5e4
}
.contact-wrap .ie11-only {
  display: none
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact-wrap .ie11-only {
    display: block
  }
}
.contact-wrap input[type=number] {
  text-indent: 0;
  -moz-appearance: textfield
}
.contact-wrap input[type=number]::-webkit-inner-spin-button, .contact-wrap input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.contact-wrap select {
  color: #676767;
  border: 1px solid gray;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 5px 40px;
  position: relative;
  text-align-last: center;
  margin-bottom: 10px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact-wrap select {
    padding: 5px 35px
  }
}
.contact-wrap select#subject-line {
  text-align-last: left;
  padding: 5px 10px;
  font-size: 75%
}
.contact-wrap select::-ms-expand {
  display: none
}
.contact-wrap .contact-header {
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  margin-top: 30px
}
@media(max-width: 767px) {
  .contact-wrap .contact-header {
    margin-top: 60px
  }
}
.contact-wrap .contact-header .contact-mobile {
  width: 90%;
  margin: 0 auto
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact-wrap .contact-header svg {
    margin-top: 15px;
    height: 310px;
    width: 1170px
  }
}
@media(-ms-high-contrast: none)and (min-width: 991px)and (max-width: 1200px), (-ms-high-contrast: active)and (min-width: 991px)and (max-width: 1200px) {
  .contact-wrap .contact-header svg {
    height: 257px;
    width: 970px
  }
}
.contact-wrap .contact-header .copy {
  position: absolute;
  top: 10%;
  left: 5%;
  width: 50%
}
@media(max-width: 767px) {
  .contact-wrap .contact-header .copy {
    left: -4%;
    width: 100%;
    text-align: center
  }
}
.contact-wrap .contact-header .copy h1 {
  font-size: 2.8em
}
@media(max-width: 767px) {
  .contact-wrap .contact-header .copy h1 {
    font-size: 10vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .contact-wrap .contact-header .copy h1 {
    font-size: 7vw
  }
}
.contact-wrap .contact-header .copy h2 {
  font-size: 2.4em;
  text-indent: 7%
}
@media(max-width: 767px) {
  .contact-wrap .contact-header .copy h2 {
    font-size: 9vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .contact-wrap .contact-header .copy h2 {
    font-size: 6vw
  }
}
.contact-wrap .contact-header .cntctHeader-12, .contact-wrap .contact-header .cntctHeaderMobl-13 {
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif
}
.contact-wrap .select-wrapper {
  display: inline-block;
  position: relative;
  width: 80%
}
@media(max-width: 767px) {
  .contact-wrap .select-wrapper {
    width: 100%
  }
}
.contact-wrap .select-wrapper::after {
  content: "▼";
  position: absolute;
  top: 7px;
  right: 10px;
  color: #000;
  font-size: 16px;
  pointer-events: none
}
.contact-wrap .quality-issue {
  overflow: hidden
}
.contact-wrap #contact-form {
  z-index: 2;
  text-transform: lowercase
}
.contact-wrap form .form-field-label {
  position: absolute;
  top: 21px;
  left: 6px;
  z-index: 2;
  color: #9a9a9a;
  font-size: 75%;
  background-color: #fff;
  padding: 0 5px;
  line-height: .7em;
  font-weight: normal
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact-wrap form .form-field-label {
    display: none
  }
}
.contact-wrap form .input-wrapper {
  position: relative
}
.contact-wrap form .input-wrapper .text-field {
  width: 100%;
  margin: 10px 0;
  padding-left: 10px;
  font-size: 75%;
  color: #555;
  border: 1px solid gray;
  border-radius: 5px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact-wrap form .input-wrapper .text-field {
    padding-bottom: 10px
  }
}
@media(min-width: 768px) {
  .contact-wrap form .input-wrapper .text-field {
    width: 80%
  }
}
.contact-wrap form .input-wrapper .text-field:hover, .contact-wrap form .input-wrapper .text-field:focus, .contact-wrap form .input-wrapper .text-field:active {
  border-color: #d50f67
}
.contact-wrap form .input-wrapper #textarea-warning {
  position: absolute;
  z-index: 2;
  right: 5px;
  bottom: -5px;
  font-size: .5em
}
.contact-wrap form .input-wrapper span.wpcf7-not-valid-tip {
  color: #e74c3c;
  font-size: .7em;
  line-height: 1;
  margin-bottom: 10px
}
@media(max-width: 767px) {
  .contact-wrap form .input-wrapper span.wpcf7-not-valid-tip {
    font-size: .65em
  }
}
.contact-wrap form input[aria-invalid=true], .contact-wrap form textarea[aria-invalid=true] {
  border-color: #e74c3c !important
}
.contact-wrap form .checkbox-wrapper {
  position: relative;
  display: flex;
  margin-top: 5px
}
.contact-wrap form .checkbox-wrapper .checkbox-label {
  display: flex;
  align-items: center;
  color: gray;
  font-size: 50%;
  width: 100%;
  line-height: 15px;
  margin: 10px 0;
  vertical-align: middle
}
@media(min-width: 768px) {
  .contact-wrap form .checkbox-wrapper .checkbox-label {
    width: 80%
  }
}
.contact-wrap form .checkbox-wrapper i {
  position: absolute;
  top: -8px;
  left: 0;
  font-size: 2em;
  color: #1d1d1b;
  opacity: 0
}
.contact-wrap form .checkbox-wrapper input[type=checkbox] {
  opacity: 0;
  height: 12px !important;
  width: 6px !important;
  z-index: 2;
  margin: 0 30px 0 0
}
.contact-wrap form .checkbox-wrapper .checkbox-custom {
  position: absolute;
  left: 0;
  border: 1px solid gray;
  border-radius: 5px;
  height: 18px;
  width: 18px;
  z-index: 1
}
.contact-wrap form .checkbox-wrapper .checkbox-custom:hover, .contact-wrap form .checkbox-wrapper .checkbox-custom:focus, .contact-wrap form .checkbox-wrapper .checkbox-custom:active {
  border-color: #d50f67
}
.contact-wrap form .checkbox-wrapper:hover input ~ .checkbox-custom, .contact-wrap form .checkbox-wrapper:focus input ~ .checkbox-custom {
  border-color: #d50f67
}
.contact-wrap form .checkbox-wrapper input:checked ~ .checkbox-custom i {
  opacity: 1
}
.contact-wrap form .checkbox-wrapper:hover input:not([disabled]):checked ~ .checkbox-custom, .contact-wrap form .checkbox-wrapper input:checked:focus ~ .checkbox-custom {
  border-color: #d50f67
}
.contact-wrap form .attachment-wrapper {
  position: relative;
  margin: 10px 0 20px;
  width: 80%
}
@media(max-width: 767px) {
  .contact-wrap form .attachment-wrapper {
    width: 100%
  }
}
.contact-wrap form .attachment-wrapper input[type=file] {
  opacity: 0;
  z-index: -1;
  position: absolute
}
.contact-wrap form .attachment-wrapper .attachment-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer
}
.contact-wrap form .attachment-wrapper .attachment-label:hover {
  border-color: #d50f67
}
.contact-wrap form .attachment-wrapper .attachment-label .wpcf7-form-control-wrap {
  width: 100%
}
.contact-wrap form .attachment-wrapper .attachment-label .wpcf7-not-valid-tip {
  width: 80%;
  color: #e74c3c;
  font-size: .7em;
  line-height: 1.4;
  margin-bottom: 10px
}
@media(max-width: 767px) {
  .contact-wrap form .attachment-wrapper .attachment-label .wpcf7-not-valid-tip {
    width: 100%
  }
}
.contact-wrap form .attachment-wrapper .attachment-label .label-text {
  z-index: 2;
  color: #9a9a9a;
  font-size: 50%;
  background-color: #fff;
  padding: 0 5px;
  line-height: .7em;
  font-weight: normal;
  border: 1px solid gray;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .contact-wrap form .attachment-wrapper .attachment-label .label-text {
    display: none
  }
}
.contact-wrap form .attachment-wrapper .attachment-label .main-label {
  width: 100%;
  font-size: .75em;
  margin-bottom: 10px;
  border: none;
  border-radius: 0
}
@media(max-width: 767px) {
  .contact-wrap form .attachment-wrapper .attachment-label .main-label {
    font-size: .65em
  }
}
.contact-wrap form .attachment-wrapper .attachment-label .input-upload {
  width: 200px
}
.contact-wrap form .attachment-wrapper .attachment-label #attachment-filename {
  flex-grow: 2;
  height: 30px;
  color: gray;
  font-family: "Avenir LT W01_35 Light1475496", Arial, Helvetica, sans-serif;
  font-size: .5em;
  line-height: 80%;
  width: calc(100% - 200px);
  background: #fff !important;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 10px 13px;
  cursor: pointer
}
.contact-wrap form .attachment-wrapper .attachment-label #attachment-filename:hover, .contact-wrap form .attachment-wrapper .attachment-label #attachment-filename:focus, .contact-wrap form .attachment-wrapper .attachment-label #attachment-filename:active {
  border-color: inherit;
  transform: scale(1)
}
.contact-wrap form .attachment-wrapper .attachment-label .attachment-button {
  font-size: .6em;
  line-height: 2em;
  height: 30px;
  width: 200px;
  background: inherit;
  text-align: center;
  border-width: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
  padding: 0 25px;
  cursor: inherit;
  z-index: 2;
  background: #1d1d1b
}
.contact-wrap form .attachment-wrapper .attachment-label .attachment-button:hover, .contact-wrap form .attachment-wrapper .attachment-label .attachment-button:focus, .contact-wrap form .attachment-wrapper .attachment-label .attachment-button:active {
  color: #fff;
  background-color: #1d1d1b;
  transform: scale(1)
}
.contact-wrap form .error {
  background: #fff !important;
  border-color: #d50f67 !important
}
.contact-wrap form #contact-error-msg {
  opacity: 0;
  color: #d50f67;
  font-size: 60%;
  width: 80%;
  line-height: 10px;
  margin: 10px;
  vertical-align: middle
}
.contact-wrap .faq {
  margin: 10px 0;
  padding: 15px
}
.contact-wrap .faq > * {
  text-align: center;
  margin: 0 auto 5px auto
}
.contact-wrap .faq p {
  text-align: left;
  font-size: 50%;
  line-height: 1.5em
}
.contact-wrap .faq button {
  margin: 0 auto
}
.contact-wrap .contact-info {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap
}
@media(max-width: 560px) {
  .contact-wrap .contact-info {
    justify-content: left
  }
}
@media(min-width: 768px) {
  .contact-wrap .contact-info {
    flex-direction: column
  }
}
.contact-wrap .contact-info .contact-info-section {
  display: flex;
  flex-direction: row;
  margin: 10px;
  color: #1d1d1b;
  fill: #1d1d1b;
  stroke: #1d1d1b;
  align-items: center
}
@media(max-width: 560px) {
  .contact-wrap .contact-info .contact-info-section {
    width: 100%
  }
}
.contact-wrap .contact-info .contact-info-section a:hover, .contact-wrap .contact-info .contact-info-section a:focus, .contact-wrap .contact-info .contact-info-section a:active {
  color: #d50f67;
  fill: #d50f67;
  stroke: #d50f67
}
.contact-wrap .contact-info .contact-info-section svg {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 8px
}
.contact-wrap .contact-info .contact-info-section .contact-info-details {
  float: right;
  padding: 5px 0;
  font-size: .65em;
  line-height: 1em
}
.contact-wrap .contact-info .contact-info-section .contact-info-details h5 {
  margin-bottom: 5px
}
.contact-wrap h1, .contact-wrap h2, .contact-wrap h3, .contact-wrap .send-rep h4 span, .send-rep h4 .contact-wrap span, .contact-wrap h4, .contact-wrap h5, .contact-wrap h6, .contact-wrap p {
  color: inherit
}
.contact-wrap h3, .contact-wrap .send-rep h4 span, .send-rep h4 .contact-wrap span {
  text-align: center;
  padding: 40px 0;
  margin: 0;
  z-index: 999
}
@media(min-width: 768px) {
  .contact-wrap h3, .contact-wrap .send-rep h4 span, .send-rep h4 .contact-wrap span {
    margin-right: 100px
  }
}
.contact-wrap textarea {
  resize: none
}
.contact-wrap .btn, .contact-wrap .best-mates-wrap form input[type=submit], .best-mates-wrap form .contact-wrap input[type=submit] {
  display: block;
  height: 30px;
  padding: 0 25px;
  font-size: .8em;
  line-height: 1em
}
.contact-wrap .wpcf7-response-output {
  width: 80%;
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  font-weight: 500;
  border-radius: 5px
}
.contact-wrap .wpcf7-response-output.wpcf7-validation-errors, .contact-wrap .wpcf7-response-output.wpcf7-acceptance-missing {
  border-color: #fec524;
  background-color: #fec524
}
.contact-wrap .wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: #27ae60;
  border-color: #27ae60;
  color: #fff
}
#image-invalid {
  display: none
}
.best-mates-wrap {
  color: #000
}
.best-mates-wrap .row {
  margin: 20px 0
}
.best-mates-wrap .btn, .best-mates-wrap form input[type=submit] {
  font-size: .8em;
  margin: 10px auto;
  display: inline-block
}
@media(max-width: 414px) {
  .best-mates-wrap p {
    font-size: .8em
  }
  .best-mates-wrap h2 {
    font-size: 1.25em
  }
  .best-mates-wrap h3, .best-mates-wrap .send-rep h4 span, .send-rep h4 .best-mates-wrap span {
    font-size: 1em
  }
}
.best-mates-wrap p {
  line-height: 1.4em
}
.best-mates-wrap form .form-field-label {
  position: absolute;
  top: 21px;
  left: 6px;
  color: #9a9a9a;
  font-size: 75%;
  background-color: #fff;
  padding: 0 5px;
  line-height: .7em;
  font-weight: normal
}
.best-mates-wrap form .input-wrapper {
  display: block;
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 275px
}
.best-mates-wrap form .input-wrapper .text-field {
  width: 100%;
  margin: 10px 0;
  font-size: 75%;
  color: #555;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 1px 6px
}
.best-mates-wrap form .input-wrapper .text-field:hover, .best-mates-wrap form .input-wrapper .text-field:focus, .best-mates-wrap form .input-wrapper .text-field:active {
  border-color: #d50f67
}
.best-mates-wrap form input[type=submit] {
  padding: 0 25px !important;
  box-shadow: none
}
.best-mates-wrap #best-mates-banner {
  position: absolute;
  width: 100vw;
  left: 0;
  top: 50px;
  background-image: url("http://s3.amazonaws.com/noosa2017/cdn_uploads/2017/05/24183818/burst2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 200px
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-banner {
    height: 250px
  }
}
.best-mates-wrap #best-mates-header {
  position: relative;
  height: 225px
}
.best-mates-wrap #best-mates-header h1 {
  padding: 20px 0;
  text-align: center;
  display: flex;
  justify-content: center
}
.best-mates-wrap #best-mates-header h1 .fa-heart {
  color: #76246b;
  font-size: .5em;
  align-self: center;
  margin: 0 10px
}
.best-mates-wrap #best-mates-header h1 .fa-heart.left {
  transform: rotate(-20deg)
}
.best-mates-wrap #best-mates-header h1 .fa-heart.right {
  transform: rotate(20deg)
}
.best-mates-wrap #best-mates-header .best-mates-logo {
  width: 150px;
  margin: -1vh auto 0 auto;
  padding-right: 30px;
  display: block
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-header .best-mates-logo {
    width: 200px
  }
}
.best-mates-wrap .container {
  margin: 20px auto
}
.best-mates-wrap #best-mates-explain {
  display: flex;
  flex-direction: column-reverse;
  align-items: center
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-explain {
    flex-direction: row
  }
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-explain #best-mates-text {
    width: 50%;
    margin-left: 5%
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .best-mates-wrap #best-mates-explain #best-mates-text h2 {
    font-size: 1.65em
  }
}
.best-mates-wrap #best-mates-explain #best-mates-tub {
  color: #fff;
  text-align: center;
  padding: 0;
  position: relative;
  flex-grow: 1;
  width: 100%;
  margin: 10px 0;
  min-width: 440px
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub {
    width: 50%
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub {
    min-width: 370px
  }
}
.best-mates-wrap #best-mates-explain #best-mates-tub img {
  position: absolute;
  left: 0;
  top: 0;
  width: 150%;
  margin-left: -25%;
  height: 100%;
  fill: #76246b;
  z-index: 1
}
@media(max-width: 413px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub img {
    width: 70%;
    margin-left: 15%
  }
}
@media(max-width: 767px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub img {
    width: 90%;
    margin-left: 5%
  }
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub img {
    width: 100%;
    margin-left: 0
  }
}
.best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents {
  position: relative;
  z-index: 2;
  padding: 20px
}
@media(min-width: 414px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents {
    padding: 30px;
    min-height: 300px
  }
}
@media(max-width: 413px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents .input-wrapper {
    width: 50%;
    margin-left: 25%
  }
}
.best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents h3, .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents span {
  color: #fff;
  margin: -15px -30px 15px -30px;
  padding-top: 50px;
  padding-bottom: 5%;
  font-size: 1em
}
@media(max-width: 413px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents h3, .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents span {
    padding-top: 9%;
    font-size: .85em
  }
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents h3, .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents span {
    padding-top: 7%;
    padding-bottom: 8%;
    font-size: 1.25em
  }
}
@media(min-width: 1200px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents h3, .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents span {
    padding-top: 10%;
    font-size: 1.25em
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents h3, .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents span {
    padding-top: 18%;
    font-size: 1em
  }
}
.best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents h3 span, .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents .send-rep h4 span span, .send-rep h4 .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents span span {
  display: inline-block
}
.best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents p {
  margin-bottom: 15px
}
@media(min-width: 414px) {
  .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents #best-mates-signup {
    padding-top: 30px
  }
}
.best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents #best-mates-email {
  border: none;
  text-align: center
}
.best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents .btn, .best-mates-wrap #best-mates-explain #best-mates-tub .tub-contents form input[type=submit], .best-mates-wrap form #best-mates-explain #best-mates-tub .tub-contents input[type=submit] {
  padding: 4px 40px
}
.best-mates-wrap #best-mates-send {
  background: #fbe343;
  border: 5px dashed #76246b;
  border-radius: 10px;
  text-align: center;
  padding: 30px 0
}
.best-mates-wrap #best-mates-send .decoration {
  width: 100%;
  height: 150px;
  position: relative
}
.best-mates-wrap #best-mates-send .decoration .cow {
  position: absolute
}
.best-mates-wrap #best-mates-send .decoration .cow.cow-left {
  width: 250px;
  left: -175px;
  bottom: -70%
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-send .decoration .cow.cow-left {
    left: -94px
  }
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-send .decoration .cow.cow-left {
    left: -100px;
    width: 300px;
    bottom: -100%
  }
}
.best-mates-wrap #best-mates-send .decoration .cow.cow-right {
  width: 350px;
  right: -260px;
  bottom: -130%;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-send .decoration .cow.cow-right {
    right: -122px
  }
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-send .decoration .cow.cow-right {
    right: -130px;
    width: 400px
  }
}
.best-mates-wrap #best-mates-send .decoration .yoghurt {
  position: absolute;
  left: 39%;
  width: 60px
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-send .decoration .yoghurt {
    width: 80px
  }
}
.best-mates-wrap #best-mates-send .decoration i {
  position: absolute;
  text-shadow: #1d1d1b 1px 1px, #1d1d1b -1px 1px, #1d1d1b 1px -1px, #1d1d1b -1px -1px, #1d1d1b 0px 2px
}
.best-mates-wrap #best-mates-send .decoration i:nth-of-type(1) {
  left: 25%;
  top: 50%;
  transform: rotate(-20deg);
  font-size: .55em;
  color: #76246b
}
.best-mates-wrap #best-mates-send .decoration i:nth-of-type(2) {
  left: 33%;
  top: 30%;
  transform: rotate(10deg);
  font-size: .7em;
  color: #ac063c
}
.best-mates-wrap #best-mates-send .decoration i:nth-of-type(3) {
  left: 55%;
  top: 30%;
  transform: rotate(-20deg);
  font-size: .85em;
  color: #94d500
}
.best-mates-wrap #best-mates-send .decoration i:nth-of-type(4) {
  left: 62%;
  top: 50%;
  transform: rotate(10deg);
  font-size: 1em;
  color: #d50f67
}
.best-mates-wrap #best-mates-send .text {
  width: 80%;
  margin: auto
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-send .text {
    width: 65%;
    padding-right: 10%
  }
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-send .text {
    width: 50%;
    margin-top: -50px
  }
}
.best-mates-wrap #best-mates-send .text .headers-wrapper h2, .best-mates-wrap #best-mates-send .text .headers-wrapper h3, .best-mates-wrap #best-mates-send .text .headers-wrapper .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-send .text .headers-wrapper span {
  display: inline
}
.best-mates-wrap #best-mates-send .text .headers-wrapper h2 {
  color: #d50f67
}
.best-mates-wrap #best-mates-send .text p {
  margin: auto
}
.best-mates-wrap #best-mates-swag {
  padding: 30px 0
}
.best-mates-wrap #best-mates-swag h3, .best-mates-wrap #best-mates-swag .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-swag span {
  display: inline-block;
  text-align: center
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-swag h3, .best-mates-wrap #best-mates-swag .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-swag span {
    display: block
  }
}
.best-mates-wrap #best-mates-swag .decoration img {
  width: 30%;
  max-width: 150px
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-swag .decoration img {
    width: 100%;
    max-width: none;
    margin-top: -5%
  }
}
.best-mates-wrap #best-mates-swag .text {
  display: block
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-swag .text .btn, .best-mates-wrap #best-mates-swag .text form input[type=submit], .best-mates-wrap form #best-mates-swag .text input[type=submit] {
    margin: 10px 0
  }
}
.best-mates-wrap .decoration.clearfix {
  z-index: 2;
  padding: 10px;
  position: relative
}
.best-mates-wrap .decoration.clearfix img, .best-mates-wrap .decoration.clearfix svg {
  position: absolute
}
.best-mates-wrap .inner {
  z-index: 1;
  padding: 30px;
  border: 5px solid #1d1d1b;
  border-radius: 10px;
  min-height: 0
}
@media(min-width: 768px) {
  .best-mates-wrap .inner {
    min-height: 310px
  }
}
.best-mates-wrap #best-mates-request {
  text-align: center;
  display: none
}
.best-mates-wrap #best-mates-request .decoration img {
  left: -10%;
  bottom: -30px;
  width: 200px
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-request .decoration img {
    left: -25%
  }
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-request .decoration img {
    width: 250px
  }
}
.best-mates-wrap #best-mates-request .decoration h3, .best-mates-wrap #best-mates-request .decoration .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-request .decoration span {
  float: right;
  line-height: 1em
}
.best-mates-wrap #best-mates-request .inner {
  border-color: #97c93c
}
.best-mates-wrap #best-mates-request .inner #best-mates-request-success {
  opacity: 1;
  text-align: center;
  display: none
}
.best-mates-wrap #best-mates-download {
  float: none;
  display: inline-block;
  text-align: left
}
.best-mates-wrap #best-mates-download .decoration svg {
  width: 90px;
  height: 90px;
  left: -7%;
  bottom: -43px
}
.best-mates-wrap #best-mates-download .inner {
  border-color: #d50f67;
  border-style: dashed
}
.best-mates-wrap #best-mates-download .inner h3, .best-mates-wrap #best-mates-download .inner .send-rep h4 span, .send-rep h4 .best-mates-wrap #best-mates-download .inner span {
  line-height: 1em;
  margin-bottom: 10px
}
.best-mates-wrap #best-mates-download .inner h3:hover, .best-mates-wrap #best-mates-download .inner .send-rep h4 span:hover, .send-rep h4 .best-mates-wrap #best-mates-download .inner span:hover {
  color: #d50f67
}
.best-mates-wrap #best-mates-download .inner P {
  width: 80%
}
.best-mates-wrap #best-mates-download .inner img {
  position: absolute;
  width: 150px;
  right: -71px;
  bottom: -15px
}
@media(min-width: 768px) {
  .best-mates-wrap #best-mates-download .inner img {
    right: -64px
  }
}
@media(min-width: 991px) {
  .best-mates-wrap #best-mates-download .inner img {
    right: -59px
  }
}
.inactive {
  display: none
}
.active {
  display: block
}
.nutrition-header h3 span, .nutrition-header .send-rep h4 span span, .send-rep h4 .nutrition-header span span {
  cursor: pointer;
  margin-right: 10px
}
.nutrition-header h3 span.black, .nutrition-header .send-rep h4 span span.black, .send-rep h4 .nutrition-header span span.black {
  color: #1d1d1b
}
.text-right {
  text-align: right
}
.single-product-page {
  overflow-x: hidden;
  margin-top: 50px
}
@media(max-width: 767px) {
  .single-product-page .nutrition-header {
    margin: 10px 0
  }
  .single-product-page .nutrition-header h3, .single-product-page .nutrition-header .send-rep h4 span, .send-rep h4 .single-product-page .nutrition-header span {
    font-size: .8em;
    margin: 10px 0
  }
  .single-product-page .nutrition-header h4 {
    font-size: .95em;
    margin: 10px 0
  }
  .single-product-page .nutrition-header .nutrition-circle h4 {
    margin: 0
  }
}
@media(max-width: 767px) {
  .single-product-page {
    line-height: 110%
  }
  .single-product-page .daily-val {
    float: right
  }
}
.single-product-page img {
  width: 100%
}
.single-product-page .hero-img {
  width: 100%
}
@media(max-width: 767px) {
  .single-product-page .hero-img {
    position: relative;
    width: 150%;
    left: -25%
  }
}
.single-product-page .hero {
  width: 50%;
  margin: 10px auto;
  color: #000
}
@media(max-width: 767px) {
  .single-product-page .hero {
    width: 90%
  }
  .single-product-page .hero h3, .single-product-page .hero .send-rep h4 span, .send-rep h4 .single-product-page .hero span {
    width: 75%;
    margin: 0 auto;
    text-indent: -25px;
    hyphens: none;
    font-size: 1.1em
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .single-product-page .hero {
    width: 90%
  }
  .single-product-page .hero h3, .single-product-page .hero .send-rep h4 span, .send-rep h4 .single-product-page .hero span {
    width: 75%;
    margin: 0 auto;
    text-indent: -25px;
    hyphens: none
  }
}
.single-product-page .hero p {
  padding: 15px 0
}
.single-product-page .blue {
  color: #00a0df;
  padding: 10px 0
}
.single-product-page .col-md-12 {
  padding: 50px 15px 20px
}
.single-product-page .col-md-12 .col-md-6 {
  padding: 0 50px
}
@media(max-width: 767px) {
  .single-product-page .col-md-12 .col-md-6 {
    padding: 0
  }
}
.single-product-page h2 {
  color: #1d1d1b;
  padding: 25px 0
}
.single-product-page .black {
  color: #1d1d1b
}
.single-product-page .small-val {
  font-size: .6em;
  line-height: 130%
}
.single-product-page .nutrition-circle {
  width: 90px;
  height: 90px;
  background-color: #00a0df;
  padding: 15px;
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  margin: 5px
}
@media(max-width: 767px) {
  .single-product-page .nutrition-circle {
    width: 80px;
    height: 80px;
    padding: 17px 12px 0;
    margin: 0
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .single-product-page .nutrition-circle {
    width: 80px;
    height: 80px;
    margin: 1px
  }
}
.single-product-page .ingredients {
  color: #1d1d1b
}
.single-product-page .nutrition-facts {
  color: #000
}
.single-product-page .nutrition-facts .col-md-6, .single-product-page .nutrition-facts .col-md-12 {
  padding: 0
}
.single-product-page .nutrition-facts .col-md-6.left {
  padding-right: 10px;
  border-right: 1px solid #00a0df
}
@media(max-width: 767px) {
  .single-product-page .nutrition-facts .col-md-6.left {
    border-right: none;
    padding-right: 0
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .single-product-page .nutrition-facts .col-md-6.left {
    border-right: none;
    padding-right: 0
  }
}
.single-product-page .nutrition-facts .col-md-6.right {
  padding-left: 10px
}
@media(max-width: 767px) {
  .single-product-page .nutrition-facts .col-md-6.right {
    padding-left: 0
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .single-product-page .nutrition-facts .col-md-6.right {
    padding-left: 0
  }
}
.single-product-page .nutrition-facts .added-sugars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.single-product-page .nutrition-facts .added-sugars .added-sugars-main {
  font-size: 94%;
  line-height: 1;
  padding-left: 12px;
  padding-right: 7px;
  margin-top: 2px;
  margin-bottom: 4px
}
.single-product-page .nutrition-facts .blue-break {
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #00a0df;
  margin: 5px 0
}
.single-product-page .float-right {
  float: right
}
.single-product-page .fact {
  position: relative;
  color: #1d1d1b;
  margin: 20px 0
}
.single-product-page .fact img {
  width: 90%;
  margin: 0 5%;
  filter: drop-shadow(2px 5px 2px #d9d9d9)
}
.single-product-page .fact p {
  width: 100%;
  text-align: left
}
.single-product-page .fact .fact-header {
  font-family: "MrsLollipop-Regular", Arial, Helvetica, sans-serif;
  font-size: 1.95em
}
.single-product-page .fact .fact-copy {
  width: 100%;
  margin: 0 auto;
  display: block
}
.single-product-page .bottom-section {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 25px 0 0;
  float: left
}
@media(max-width: 767px) {
  .single-product-page .bottom-section .btn, .single-product-page .bottom-section .best-mates-wrap form input[type=submit], .best-mates-wrap form .single-product-page .bottom-section input[type=submit] {
    padding: 8px 25px
  }
}
.single-product-page .bottom-section h2 {
  margin-bottom: 0;
  padding-top: 50px
}
.single-product-page .bottom-section p {
  font-size: .75em
}
.single-product-page .bottom-section .btn, .single-product-page .bottom-section .best-mates-wrap form input[type=submit], .best-mates-wrap form .single-product-page .bottom-section input[type=submit] {
  display: inline-block
}
.single-product-page .tub-container {
  width: 30%;
  margin: 1%;
  color: #1d1d1b;
  display: inline-block;
  vertical-align: top
}
@media(max-width: 767px) {
  .single-product-page .tub-container {
    width: 45%
  }
}
.single-product-page .tub-container p {
  margin-top: 10px
}
.single-product-page .find-tub {
  position: relative;
  max-width: 450px;
  margin: 50px auto 0;
  width: 80%
}
@media(max-width: 767px) {
  .single-product-page .find-tub {
    margin: 20px auto 10px
  }
}
@media(min-width: 991px) {
  .single-product-page .find-tub {
    width: 100%
  }
}
@media(min-width: 1200px) {
  .single-product-page .find-tub {
    width: 80%
  }
}
.single-product-page .find-tub img {
  position: absolute;
  right: -50px;
  top: -50px;
  width: 65%;
  z-index: 9;
  max-width: 300px
}
@media(max-width: 767px) {
  .single-product-page .find-tub img {
    right: -25px;
    top: -25px
  }
}
.single-product-page .find-tub .copy {
  position: relative;
  bottom: 0;
  width: 100%;
  border: 1px solid #d50f67;
  border-radius: 15px;
  padding-bottom: 10px;
  margin: 10px 0 20px;
  display: inline-block;
  padding: 25px 25px 45px
}
@media(max-width: 767px) {
  .single-product-page .find-tub .copy {
    padding: 25px 10px 45px
  }
  .postid-4926 .single-product-page .find-tub .copy, .postid-4875 .single-product-page .find-tub .copy, .postid-4928 .single-product-page .find-tub .copy, .postid-4924 .single-product-page .find-tub .copy {
    padding: 80px 10px 45px
  }
}
.single-product-page .find-tub .copy h2 {
  text-align: left;
  margin-left: 45px;
  text-indent: -25px;
  font-size: 29px
}
@media(max-width: 767px) {
  .single-product-page .find-tub .copy h2 {
    font-size: 26px
  }
}
.single-product-page .find-tub .copy input {
  border: 1px solid gray;
  border-radius: 10px;
  padding: 9px 10px;
  width: 45%;
  color: #1d1d1b
}
@media(max-width: 767px) {
  .single-product-page .find-tub .copy input {
    width: 75%;
    max-width: 200px
  }
}
.single-product-page .find-tub .copy input::placeholder {
  text-align: center
}
.single-product-page .find-tub .copy .btn, .single-product-page .find-tub .copy .best-mates-wrap form input[type=submit], .best-mates-wrap form .single-product-page .find-tub .copy input[type=submit] {
  float: none;
  padding: 8px 35px
}
@media(max-width: 767px) {
  .single-product-page .find-tub .copy .btn, .single-product-page .find-tub .copy .best-mates-wrap form input[type=submit], .best-mates-wrap form .single-product-page .find-tub .copy input[type=submit] {
    float: none;
    margin: 10px auto 0;
    width: 75%;
    padding: 8px 50px;
    max-width: 200px;
    display: block
  }
}
.single-product-page .find-tub .copy .col-sm-12 {
  float: none
}
.single-product-page .quote {
  margin: 10px 0 50px;
  position: relative;
  padding: 30px 100px 0
}
@media(max-width: 767px) {
  .single-product-page .quote {
    padding: 30px 50px 0
  }
}
.single-product-page .quote h2 {
  padding: 0
}
.single-product-page .quote #quote-lines {
  position: absolute;
  width: 80px;
  left: 0;
  top: -20px;
  transform: rotate(17deg)
}
@media(max-width: 767px) {
  .single-product-page .quote #quote-lines {
    width: 55px;
    left: -10px
  }
}
.single-product-page .quote.text-right {
  padding: 30px 45px 0
}
.single-product-page .quote.text-right #quote-lines {
  width: 65px;
  left: -10px
}
@media(max-width: 767px) {
  .single-product-page .col-md-6, .single-product-page .col-md-12 {
    padding: 0
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .single-product-page .col-md-6, .single-product-page .col-md-12 {
    padding: 0
  }
}
.blue-line {
  width: 100%;
  display: block;
  padding-bottom: 2px;
  border-bottom: 1px solid #00a0df
}
.col-fact {
  line-height: 1em;
  padding: 0 5px
}
.foodservice .header {
  margin-top: 30px
}
@media(max-width: 767px) {
  .foodservice .header {
    margin-top: 50px
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .foodservice .header svg {
    margin-top: 15px;
    height: 334px;
    width: 1140px
  }
}
@media(-ms-high-contrast: none)and (min-width: 991px)and (max-width: 1200px), (-ms-high-contrast: active)and (min-width: 991px)and (max-width: 1200px) {
  .foodservice .header svg {
    height: 275px;
    width: 940px
  }
}
.foodservice .header .copy {
  top: 7.5%;
  left: 7%;
  width: 55%
}
@media(max-width: 767px) {
  .foodservice .header .copy {
    width: 88%;
    text-align: center;
    top: 6%
  }
}
.foodservice .header .copy h1 {
  font-size: 2.75em;
  line-height: 90%;
  text-indent: 5%;
  margin-bottom: 2%
}
@media(max-width: 767px) {
  .foodservice .header .copy h1 {
    font-size: 8.5vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .foodservice .header .copy h1 {
    font-size: 6.5vw
  }
}
@media(max-width: 767px) {
  .foodservice .header .copy h2 {
    font-size: 9vw;
    margin-left: -3%
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .foodservice .header .copy p {
    font-size: 1.75vw
  }
}
.foodservice .header .mobile-copy {
  bottom: 17%;
  text-align: center;
  width: 85%;
  font-size: 5.5vw;
  left: 6%
}
.foodservice input, .foodservice textarea {
  border-radius: 10px;
  padding: 5px 15px;
  margin: 5px 0;
  width: 100%
}
.foodservice button {
  margin: 10px auto;
  display: block
}
.foodservice .contact-form {
  margin-top: 15px
}
.foodservice .contact-form p {
  margin: 15px auto
}
.foodservice .contact-form input, .foodservice .contact-form textarea {
  border: 2px solid #1fb5e4
}
.foodservice .contact-form button {
  background-color: #1fb5e4
}
.foodservice .right-tubs svg {
  position: relative;
  right: -25%
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .foodservice .right-tubs svg {
    width: 349px;
    height: 439px
  }
}
@media(-ms-high-contrast: none)and (min-width: 991px)and (max-width: 1200px), (-ms-high-contrast: active)and (min-width: 991px)and (max-width: 1200px) {
  .foodservice .right-tubs svg {
    width: 283px;
    height: 356px
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .foodservice .left-tubs svg {
    width: 349px;
    height: 439px
  }
}
@media(-ms-high-contrast: none)and (min-width: 991px)and (max-width: 1200px), (-ms-high-contrast: active)and (min-width: 991px)and (max-width: 1200px) {
  .foodservice .left-tubs svg {
    width: 283px;
    height: 356px
  }
}
.foodservice .best-sellers {
  width: 35%;
  margin: 0 auto
}
@media(max-width: 767px) {
  .foodservice .best-sellers {
    width: 65%
  }
}
.foodservice .stats {
  background-color: #fec524;
  border-radius: 25px;
  padding: 15px 0;
  width: 85%;
  margin-top: 25px
}
@media(max-width: 767px) {
  .foodservice .stats {
    width: 92%
  }
}
@media(max-width: 767px) {
  .foodservice .stats p {
    font-size: 3vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .foodservice .stats p {
    font-size: 1.25vw
  }
}
@media(max-width: 767px) {
  .foodservice .stats h1 {
    font-size: 9.5vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .foodservice .stats h1 {
    font-size: 5vw
  }
}
.foodservice .stats .bottom-align {
  display: flex;
  align-items: baseline
}
@media(max-width: 767px) {
  .foodservice .stats .bottom-align {
    flex-flow: wrap
  }
}
.foodservice .stats .header-copy {
  width: 75%;
  margin: 10px auto 25px
}
@media(max-width: 767px) {
  .foodservice .stats .header-copy {
    width: 90%
  }
}
.foodservice .stats .spacer {
  width: 7%;
  float: left;
  min-height: 1px
}
@media(max-width: 767px) {
  .foodservice .stats .spacer {
    width: 6%
  }
}
.popular {
  text-align: center;
  color: #1d1d1b;
  margin: 50px auto
}
.popular p {
  font-size: 16px !important
}
.popular .bottom-section img {
  width: 100%;
  padding: 0 10%;
  margin-bottom: 10px
}
@media(max-width: 767px) {
  .popular .bottom-section img {
    padding: 0
  }
}
.sel-table-wrap {
  margin: 25px auto;
  color: #1d1d1b
}
.sel-table-wrap a {
  text-decoration: none !important
}
.sel-table-wrap a:hover {
  text-decoration: underline !important
}
.sel-table-wrap p {
  font-size: 16px !important
}
.sel-table-wrap .table-heading {
  text-align: center;
  width: 60%;
  margin: 0 auto
}
.sel-table-wrap .table-heading h3, .sel-table-wrap .table-heading .send-rep h4 span, .send-rep h4 .sel-table-wrap .table-heading span {
  margin-bottom: 15px
}
@media(max-width: 767px) {
  .sel-table-wrap .table-heading {
    width: 100%
  }
  .sel-table-wrap .table-heading p {
    line-height: 1.25em;
    font-size: 100%
  }
  .sel-table-wrap .table-heading h3, .sel-table-wrap .table-heading .send-rep h4 span, .send-rep h4 .sel-table-wrap .table-heading span {
    font-size: 30px
  }
}
.sel-table-wrap table {
  width: 100%;
  text-align: center
}
.sel-table-wrap table h5 {
  font-size: 1.35em;
  margin-bottom: 0
}
@media(max-width: 767px) {
  .sel-table-wrap table h5 {
    font-size: .8em
  }
}
.sel-table-wrap td {
  padding: 15px !important;
  vertical-align: bottom
}
.sel-table-wrap .name {
  vertical-align: bottom;
  width: 30%;
  text-align: left
}
@media(max-width: 767px) {
  .sel-table-wrap .name {
    font-size: .7em
  }
}
@media(max-width: 767px) {
  .sel-table-wrap .mobile-big {
    padding: 5px !important;
    width: 100%;
    font-size: 1.2em
  }
}
.sel-table-wrap .yoghurt-size {
  vertical-align: middle;
  width: 10%
}
.sel-table-wrap .yoghurt-size img {
  width: 50%
}
@media(max-width: 767px) {
  .sel-table-wrap .yoghurt-size img {
    width: 100%
  }
}
.sel-table-wrap .chart-wrap {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 8px solid #d50f67;
  margin-bottom: 25px
}
@media(max-width: 767px) {
  .sel-table-wrap .chart-wrap {
    margin-bottom: 25px
  }
}
.sel-table-wrap table.chart {
  background-color: #d50f67
}
.sel-table-wrap table.chart thead {
  color: #fff
}
@media(max-width: 767px) {
  .sel-table-wrap table.chart thead td {
    padding: 5px 0 !important
  }
  .sel-table-wrap table.chart thead h5 {
    font-size: 1.2em
  }
}
@media(max-width: 767px)and (max-width: 767px) {
  .sel-table-wrap table.chart thead h5 {
    font-size: 2.8vw
  }
}
.sel-table-wrap table.chart tbody tr {
  border-bottom: 2px solid #000;
  background-color: #fff
}
.sel-table-wrap table.chart tbody tr:last-child {
  border-bottom: none
}
.sel-table-wrap table.chart tbody tr td {
  border-right: 1px solid #000;
  padding: 2px 8px 5px !important
}
@media(max-width: 767px) {
  .sel-table-wrap table.chart tbody tr td {
    padding: 2px 4px 5px !important
  }
}
.sel-table-wrap table.chart tbody tr td:last-child {
  border-right: none
}
.latest-scoop-wrap {
  text-align: center;
  color: #1d1d1b;
  width: 60%;
  margin: 0 auto
}
.latest-scoop-wrap p {
  font-size: 16px !important
}
.latest-scoop-wrap h3, .latest-scoop-wrap .send-rep h4 span, .send-rep h4 .latest-scoop-wrap span {
  margin-bottom: 15px
}
@media(max-width: 767px) {
  .latest-scoop-wrap {
    width: 100%
  }
  .latest-scoop-wrap p {
    line-height: 1.25em
  }
  .latest-scoop-wrap h3, .latest-scoop-wrap .send-rep h4 span, .send-rep h4 .latest-scoop-wrap span {
    font-size: 25px
  }
}
.latest-scoop-wrap .email-forms {
  margin: 25px 0 0
}
.latest-scoop-wrap .email-forms input, .latest-scoop-wrap .email-forms textarea {
  border: 2px solid gray
}
.latest-scoop-wrap .email-forms .error {
  border: 2px solid red
}
.latest-scoop-wrap .email-forms button {
  background-color: #d50f67
}
#sticky.chart-wrap {
  margin-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
#sticky.stick {
  position: fixed;
  padding-left: 0;
  padding-right: 0;
  border-left: 8px solid #d50f67;
  border-right: 8px solid #d50f67;
  color: #fff;
  background-color: #d50f67;
  top: 0;
  padding-top: 80px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #sticky.stick {
    padding-top: 65px
  }
}
@media(min-width: 1200px) {
  #sticky.stick {
    width: 1140px
  }
}
@media(min-width: 992px)and (max-width: 1199px) {
  #sticky.stick {
    width: 940px
  }
}
@media(min-width: 768px)and (max-width: 991px) {
  #sticky.stick {
    padding-top: 60px;
    width: 712px
  }
}
@media(max-width: 767px) {
  #sticky.stick {
    padding-top: 60px
  }
  #sticky.stick .yoghurt-size {
    padding-top: 10px !important
  }
}
.confirm-scoop {
  display: none
}
.module .coupon-module {
  padding-bottom: 15%
}
.module .coupon-module .top-copy {
  text-indent: -10%
}
.module .coupon-module .top-copy h2 {
  display: inline-block
}
.module .coupon-module .top-copy img {
  width: 80px;
  height: 85px
}
.module .coupon-module h2:nth-child(2) {
  text-indent: -7.5%
}
.module .coupon-module h2:nth-child(3) {
  text-indent: 5%
}
.module .coupon-module h2:nth-child(4) {
  text-indent: -5%
}
.module .coupon-module h2:nth-child(5) {
  text-indent: 2.5%
}
.module .coupon-module p {
  margin-top: 5%
}
.news-container {
  overflow-x: hidden
}
@media(max-width: 767px) {
  .careers-wrap .header {
    margin-top: 40px
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .careers-wrap .header {
    margin-top: 15px
  }
}
.careers-wrap .header img {
  width: 100%
}
.careers-wrap .header .copy {
  width: 45%;
  top: 12.5%;
  left: 5%
}
@media(max-width: 767px) {
  .careers-wrap .header .copy {
    width: 90%;
    text-align: center
  }
}
.careers-wrap .header .copy h1 {
  font-size: 2.75em;
  margin-bottom: 10px
}
@media(max-width: 767px) {
  .careers-wrap .header .copy h1 {
    font-size: 10vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .careers-wrap .header .copy h1 {
    font-size: 6.5vw
  }
}
.careers-wrap .header .copy p {
  color: #1d1d1b;
  line-height: 140%
}
@media(min-width: 768px)and (max-width: 990px) {
  .careers-wrap .header .copy p {
    font-size: 1.65vw
  }
}
@media(max-width: 767px) {
  .careers-wrap .values-header {
    padding-left: 30px
  }
}
.careers-wrap .linebreak {
  margin: 10px 0;
  width: 100%
}
.careers-wrap .linebreak.mobile-adjust {
  position: relative;
  top: -15px
}
.careers-wrap .fixed-width {
  width: 4.5%;
  float: left;
  min-height: 1px
}
.careers-wrap .linebreak-topdown {
  width: 3px;
  margin: auto
}
@media(min-width: 768px)and (max-width: 990px) {
  .careers-wrap .linebreak-topdown {
    width: 2px
  }
}
.careers-wrap .col-sm-5 .col-xs-12 {
  margin: 10px auto
}
.careers-wrap .col-xs-3 {
  padding: 0
}
.careers-wrap .values {
  margin: 15px auto
}
@media(max-width: 767px) {
  .careers-wrap .values h4 {
    font-size: 5vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .careers-wrap .values h4 {
    font-size: 3vw
  }
}
@media(max-width: 767px) {
  .careers-wrap .values p {
    font-size: 3vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .careers-wrap .values p {
    font-size: 1.75vw
  }
}
.careers-wrap .opportunities h2, .careers-wrap .opportunities p {
  color: #1d1d1b;
  text-align: left;
  margin-bottom: 10px
}
.careers-wrap .opportunities .job-post {
  margin: 30px 0;
  display: block;
  color: #1d1d1b;
  text-align: left
}
.careers-wrap .opportunities .job-post:hover {
  color: #d50f67
}
.careers-wrap .opportunities .job-post .btn, .careers-wrap .opportunities .job-post .best-mates-wrap form input[type=submit], .best-mates-wrap form .careers-wrap .opportunities .job-post input[type=submit] {
  font-size: .8em;
  padding: 2px 30px
}
@media(max-width: 991px) {
  .legal-wrap {
    margin: 40px
  }
}
.legal-wrap h1, .legal-wrap h4, .legal-wrap li, .legal-wrap p {
  color: #1d1d1b
}
.legal-wrap h1, .legal-wrap h4 {
  margin-top: 20px
}
.legal-wrap a {
  color: #d50f67
}
.legal-wrap li {
  font-size: .75em
}
@media(max-width: 767px) {
  .legal-wrap li {
    font-size: .55em;
    line-height: 140%
  }
}
@media(max-width: 767px) {
  .legal-wrap ul {
    padding: 0
  }
}
.legal {
  color: #1d1d1b
}
.legal .top-margin {
  margin-top: 80px
}
@media(max-width: 767px) {
  .legal .top-margin {
    margin-top: 52px
  }
}
.legal p {
  margin-bottom: 25px
}
.legal h3, .legal .send-rep h4 span, .send-rep h4 .legal span {
  margin-bottom: 15px
}
.lead-block {
  background-color: #e41664
}
.send-intro {
  background-color: #fff
}
.best-mates-new {
  background-color: #e41664;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 90px
}
@media screen and (min-width: 1550px) {
  .best-mates-new {
    padding-top: 130px
  }
}
.bm-lead-intro {
  text-align: center;
  padding-top: 100px;
  margin-bottom: -241px
}
@media screen and (min-width: 610px) {
  .bm-lead-intro {
    margin-bottom: -210px
  }
}
@media screen and (min-width: 710px) {
  .bm-lead-intro {
    margin-bottom: -196px
  }
}
@media screen and (min-width: 768px) {
  .bm-lead-intro {
    margin-bottom: -188px
  }
}
@media screen and (min-width: 870px) {
  .bm-lead-intro {
    margin-bottom: -166px
  }
}
@media screen and (min-width: 992px) {
  .bm-lead-intro {
    padding-top: 91px;
    margin-bottom: -200px
  }
}
@media screen and (min-width: 1200px) {
  .bm-lead-intro {
    padding-bottom: 90px;
    margin-bottom: 0
  }
}
.bm-lead p {
  max-width: 475px;
  margin: 0 auto;
  font-size: 16px
}
.bm-lead-img {
  width: 100px;
  position: absolute;
  transform: rotate(-15deg);
  z-index: 2;
  left: 70px
}
@media screen and (min-width: 992px) {
  .bm-lead-img {
    width: 150px;
    left: 176px
  }
}
.white-wave {
  width: 100%;
  position: absolute;
  left: 0
}
@media screen and (min-width: 477px) {
  .bm-bottom-img {
    margin-bottom: 84px
  }
}
@media screen and (min-width: 830px) {
  .bm-bottom-img {
    margin-bottom: 104px
  }
}
.lead-block.send-a-noosa {
  margin-top: 5px
}
.send-mail {
  background-color: #e41664;
  border-radius: 12px;
  border: 3px dashed #fff;
  height: auto;
  text-align: center;
  padding-bottom: 20px;
  margin: 20px;
  color: #fff;
  display: block;
  text-decoration: none
}
.send-mail:hover {
  color: #fff;
  text-decoration: none
}
.send-mail p {
  max-width: 350px;
  line-height: 24px;
  padding: 0 20px
}
@media screen and (min-width: 710px) {
  .send-mail {
    background-image: url(../../assets/images/best-mates/send/send-postcard.png);
    background-repeat: no-repeat;
    background-color: none;
    border: none;
    padding-bottom: 0px;
    background-size: 100%;
    max-width: 693px;
    height: 370px;
    background-position: center;
    margin: 10px auto;
    margin-bottom: 64px;
    text-align: left
  }
  .send-mail p {
    max-width: 350px;
    line-height: 24px;
    padding-left: 45px;
    margin-top: 20px;
    font-size: 14px
  }
}
.send-intro .bm-postcard-wrap {
  color: #fff;
  margin-top: 20px;
  text-align: left
}
@media(min-width: 1075px) {
  .send-intro .bm-postcard-wrap {
    margin-top: 70px
  }
}
.pc-heading {
  margin-left: 0px
}
@media screen and (min-width: 710px) {
  .pc-heading {
    margin-left: 40px
  }
  .pc-heading h2 {
    font-size: 54px
  }
}
.pc-top {
  font-size: 26px;
  padding-left: 0
}
@media screen and (min-width: 710px) {
  .pc-top {
    padding-left: 60px
  }
}
.pc-bm {
  display: block;
  margin-top: -10px;
  margin-bottom: -10px;
  font-size: 60px
}
.pc-free {
  display: inline
}
h4.pc-free {
  padding-left: 0px;
  margin-left: -15px;
  margin-right: 15px;
  font-size: 26px
}
@media screen and (min-width: 710px) {
  h4.pc-free {
    padding-left: 25px
  }
}
.send-btn {
  text-decoration: none;
  line-height: 50px;
  padding: 12px 20px;
  background-image: url(../../assets/images/best-mates/send/send-button.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: 0px;
  color: #000
}
.send-btn:hover, .send-btn:focus, .send-btn:after {
  text-decoration: none;
  color: #000
}
@media screen and (min-width: 710px) {
  .send-btn {
    margin-left: 150px
  }
}
.white-box {
  display: none
}
@media screen and (min-width: 710px) {
  .white-box {
    display: block;
    height: 265px;
    width: 265px;
    background-image: url(../../assets/images/best-mates/cow-handoff.gif);
    background-size: 100%;
    float: right;
    margin-top: -220px;
    margin-right: 26px
  }
}
.send-nav {
  list-style: none
}
.send-nav li {
  display: inline
}
.send-steps {
  background-color: #e41664;
  color: #fff;
  padding: 0 10%
}
@media screen and (min-width: 1200px) {
  .send-steps {
    padding: 0
  }
}
.send-nav a {
  text-decoration: none;
  color: #e41664;
  font-family: "Mrs Lollipop W00 Regular", Arial, Helvetica, sans-serif;
  font-size: 17px;
  padding: 8px;
  cursor: default;
  background-image: url(../../assets/images/send-bub1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  opacity: .5
}
.send-nav a.active {
  display: inline-block;
  opacity: 1
}
.send1 {
  max-width: 500px;
  text-transform: lowercase;
  font-family: "Avenir LT W01_35 Light1475496"
}
.send1 p {
  font-size: 19px
}
.send1 input {
  font-size: 16px
}
.send1 .send1-cow {
  display: none
}
@media screen and (min-width: 768px) {
  .send1 .send1-cow {
    display: block
  }
}
.send1 .cow-wrap {
  display: none
}
@media screen and (min-width: 768px) {
  .send1 .cow-wrap {
    position: absolute;
    z-index: 8000;
    display: block;
    left: 56.5%;
    width: 43.5%;
    top: 0;
    overflow: hidden
  }
}
.bm-heading-wrap {
  text-align: center
}
@media screen and (min-width: 768px) {
  .bm-heading-wrap {
    text-align: left
  }
  .bm-heading-wrap .pc-top {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 6px
  }
  .bm-heading-wrap h4.pc-free {
    margin-left: 15px
  }
}
.voucher-add {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 0px
}
@media screen and (min-width: 768px) {
  .voucher-add {
    font-size: 28px;
    margin-left: 80px;
    margin-top: 5px;
    margin-bottom: -5px
  }
}
.send1, .send2 {
  margin: 0 auto;
  margin-bottom: 75px
}
.send1 p, .send2 p {
  max-width: 375px;
  margin-top: 40px
}
.send1 h3, .send1 .send-rep h4 span, .send-rep h4 .send1 span, .send2 h3, .send2 .send-rep h4 span, .send-rep h4 .send2 span {
  text-align: center
}
@media screen and (min-width: 768px) {
  .send1 h3, .send1 .send-rep h4 span, .send-rep h4 .send1 span, .send2 h3, .send2 .send-rep h4 span, .send-rep h4 .send2 span {
    text-align: left
  }
}
.steps .step-1-input-wrap {
  display: block
}
@media screen and (min-width: 500px) {
  .steps .step-1-input-wrap {
    margin: 23px auto;
    display: inline-block
  }
}
.steps .step-1-input-wrap input {
  font-size: 12px;
  border-radius: 5px;
  border: none;
  width: 100%;
  color: #000;
  padding: 8px
}
@media screen and (min-width: 500px) {
  .steps .step-1-input-wrap input {
    font-size: 16px
  }
}
.steps .step-1-input-wrap::-webkit-input-placeholder {
  color: #999
}
.steps .step-1-input-wrap::-moz-placeholder {
  color: #999
}
.steps .step-1-input-wrap:-ms-input-placeholder {
  color: #999
}
@media screen and (min-width: 500px) {
  .steps .step-1-input-wrap {
    width: 250px
  }
}
.steps .step-1-input-wrap.error {
  font-weight: bold
}
.steps .step-1-input-wrap.error::-webkit-input-placeholder {
  color: red;
  opacity: 1
}
.steps .step-1-input-wrap.error::-moz-placeholder {
  color: red;
  opacity: 1
}
.steps .step-1-input-wrap.error:-ms-input-placeholder {
  color: red;
  opacity: 1
}
.send1 .steps.step1-form-wrap {
  width: 100%
}
@media screen and (min-width: 768px) {
  .send1 .steps.step1-form-wrap {
    width: auto
  }
}
.step1-form-wrap, .btn1-wrap, .btn1-wrap:active {
  display: block
}
@media screen and (min-width: 500px) {
  .step1-form-wrap, .btn1-wrap, .btn1-wrap:active {
    display: inline-block
  }
}
.btn1-wrap {
  padding-top: 15px;
  padding-bottom: 15px
}
@media screen and (min-width: 768px) {
  .btn1-wrap {
    padding-bottom: 0
  }
}
.step1-submit {
  position: relative;
  z-index: 8100
}
@media screen and (min-width: 400px) {
  .step1-submit {
    margin: 0
  }
}
@media screen and (min-width: 500px) {
  .step1-submit {
    margin-left: 0;
    margin-right: 0
  }
}
p.how-it-works {
  max-width: 450px;
  font-size: 13.5px
}
@media screen and (min-width: 500px) {
  p.how-it-works {
    font-size: 15.5px
  }
}
.send2 {
  max-width: 850px
}
.send2 h3, .send2 .send-rep h4 span, .send-rep h4 .send2 span {
  font-size: 1.25em
}
.friend-name {
  font-size: 40px
}
@media screen and (min-width: 500px) {
  .friend-name {
    font-size: 48px
  }
}
@media screen and (min-width: 800px) {
  .friend-name {
    font-size: 56px
  }
}
.trait {
  display: block;
  text-decoration: none;
  float: left;
  width: 25%
}
@media screen and (max-width: 768px) {
  .trait {
    width: 50%;
    height: 190px;
    text-align: center
  }
}
.trait:hover {
  text-decoration: none
}
.trait a {
  display: inline-block;
  text-decoration: none
}
.trait span {
  display: block;
  text-align: center;
  margin: 0 6.5%;
  margin-top: -25px;
  max-width: 82%;
  color: #fff;
  font-size: 15px;
  line-height: 1em;
  padding-top: 5px;
  text-decoration: none
}
@media screen and (min-width: 768px) {
  .trait span {
    font-size: 24px
  }
}
.trait img {
  border-radius: 50%;
  width: 125px;
  margin: 25px 15px;
  border: 4px solid #000
}
@media screen and (min-width: 768px) {
  .trait img {
    margin: 30px 15px
  }
}
@media screen and (min-width: 900px) {
  .trait img {
    width: 150px
  }
}
@media screen and (min-width: 1045px) {
  .trait img {
    margin: 30px
  }
}
.trait-active {
  text-decoration: none
}
.trait-active img {
  border: 10px solid #000
}
.trait-active:hover, .trait-active a, .trait-active:focus {
  text-decoration: none
}
.steps.step-2 {
  text-align: center;
  padding: 80px 0 0 0
}
@media screen and (min-width: 605px) {
  .steps.step-2 {
    padding-right: 150px
  }
}
@media screen and (min-width: 769px) {
  .steps.step-2 {
    margin: 0 auto;
    padding-right: 0;
    padding-top: 35px
  }
}
.step2-submit .btn, .step2-submit .best-mates-wrap form input[type=submit], .best-mates-wrap form .step2-submit input[type=submit] {
  margin-top: 40px
}
@media screen and (min-width: 605px) {
  .step2-submit {
    margin: 20px 0 0 150px
  }
}
@media screen and (min-width: 768px) {
  .step2-submit {
    margin: 20px 38%
  }
}
@media screen and (min-width: 1045px) {
  .step2-submit {
    margin: 40px 0 0 0
  }
}
.send3 {
  max-width: 565px;
  margin: 0 auto
}
.send3 .bm-heading-wrap .pc-top, .send3 .bm-heading-wrap .pc-free {
  margin: 0 auto
}
.send3 .pc-top {
  padding-top: 0
}
@media screen and (max-width: 768px) {
  .send3 .pc-top {
    padding: 0;
    margin-left: -10px;
    text-align: left
  }
  .send3 h4.pc-free {
    margin-left: -25px;
    text-align: left
  }
}
.free-coupon {
  margin: 0 0 0 -10px;
  white-space: nowrap;
  font-size: 38px;
  margin-bottom: 0px
}
@media screen and (min-width: 768px) {
  .free-coupon {
    margin-left: 110px;
    font-size: 40px
  }
}
.friend-name-2 {
  font-size: 34px
}
@media screen and (min-width: 550px) {
  .friend-name-2 {
    margin: 0
  }
}
@media screen and (min-width: 768px) {
  .friend-name-2 {
    font-size: 61px;
    line-height: 1em
  }
}
.gif-preview {
  margin: 40px 5%
}
.gif-preview img {
  width: 100%;
  max-width: 300px;
  display: block;
  margin: auto
}
.right-trait {
  padding-top: 0;
  margin-top: 0;
  margin-left: -15px;
  font-size: 28px;
  text-align: center
}
@media screen and (min-width: 768px) {
  .right-trait {
    margin-left: 80px;
    text-align: left
  }
}
.step3-choice {
  margin-left: 0;
  width: 100%
}
@media screen and (min-width: 768px) {
  .step3-choice {
    margin-left: 18%
  }
}
.send-restart, .step3-submit {
  font-size: 18px;
  background-size: 105px
}
.send4 {
  margin-top: 75px;
  margin-bottom: 25px;
  text-align: center
}
.send4 .steps {
  text-align: center
}
.friend-send-form {
  max-width: 350px;
  text-align: left;
  margin: 0 auto
}
.friend-send-form input[type=text], .friend-send-form textarea {
  display: inline-block;
  border-radius: 5px;
  border: none;
  width: 100%;
  max-width: 350px;
  padding: 10px;
  margin: 15px auto;
  color: #000
}
.friend-send-form input[type=text].error, .friend-send-form textarea.error {
  border: solid 1px red;
  font-weight: bold
}
.friend-send-form input[type=text].error::-webkit-input-placeholder, .friend-send-form textarea.error::-webkit-input-placeholder {
  color: red;
  opacity: 1
}
.friend-send-form input[type=text].error::-moz-placeholder, .friend-send-form textarea.error::-moz-placeholder {
  color: red;
  opacity: 1
}
.friend-send-form input[type=text].error:-ms-input-placeholder, .friend-send-form textarea.error:-ms-input-placeholder {
  color: red;
  opacity: 1
}
.friend-send-form textarea {
  height: 250px
}
.friend-send-form label {
  font-weight: 300;
  text-align: left
}
.friend-send-form label.error {
  font-weight: bold;
  color: #000
}
.friend-send-form label.error a {
  font-weight: bold
}
.send-terms-wrap {
  text-align: center;
  margin: 0 auto
}
.send-terms-wrap input[type=checkbox] {
  color: #fff;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  display: inline-block;
  -webkit-appearance: checkbox
}
.send_terms {
  display: inline
}
.send_terms a.privacy-policy {
  color: #fff;
  text-decoration: underline !important
}
.send_terms label.error {
  font-weight: bold
}
.send_terms label.error a {
  color: red
}
.step1-restart {
  color: #fff;
  text-decoration: none
}
.friend-send-form .send_terms.error, .friend-send-form .send_terms.error a {
  font-weight: 300;
  color: #fff
}
.friend-send-form .error-wrap {
  border: 1px solid #fff
}
.send5 {
  max-width: 810px;
  margin: 15px auto
}
.send5 p {
  width: 100%;
  max-width: 450px;
  font-size: 17.5px
}
@media screen and (min-width: 768px) {
  .send5 {
    margin: 75px auto
  }
  .send5 p {
    font-size: 19px;
    max-width: 600px;
    margin-left: 105px
  }
}
.page5-header {
  text-align: center;
  margin: 0 auto
}
@media screen and (min-width: 768px) {
  .page5-header {
    text-align: left
  }
  .page5-header h3, .page5-header .send-rep h4 span, .send-rep h4 .page5-header span {
    margin-left: 25px
  }
}
@media screen and (min-width: 768px) {
  .gp-2 {
    margin: 0 0 0 195px;
    margin: 3% auto
  }
}
.steps {
  text-align: center
}
.steps .coupon-submit {
  background-size: 130px;
  margin: 0 auto
}
@media screen and (min-width: 768px) {
  .steps {
    text-align: left
  }
  .steps .coupon-submit {
    margin-left: 320px
  }
}
.other-options {
  margin: 0 auto;
  text-align: center;
  padding-top: 5px
}
.other-options a {
  color: #fff;
  font-size: 17.5px;
  margin: 20px auto;
  text-decoration: none;
  display: block
}
.other-options p {
  display: block
}
.other-options .send-share a {
  margin: 0;
  display: inline
}
.other-options .send-share p {
  margin: 0;
  display: inline
}
.other-options .send-share img {
  width: 24px
}
@media screen and (min-width: 768px) {
  .other-options {
    font-size: 19px
  }
  .other-options a {
    display: inline-block;
    margin: 0 50px 0 0
  }
  .other-options .send-share {
    display: inline-block
  }
  .other-options .send-share p {
    display: inline
  }
  .other-options .send-share img {
    width: 28px
  }
}
.send4-btn-wrap {
  margin-left: 23%;
  padding: 10px
}
.standard-btn-custom {
  padding-left: 26px
}
#backToStart {
  padding-left: 0
}
.send2, .send3, .send4, .send5 {
  display: none;
  text-transform: lowercase
}
.page-template-page-send-noosa footer {
  margin-top: 0
}
.clear {
  clear: both;
  margin: 0px;
  padding: 0px
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table
}
.clearfix:after, .cf:after {
  clear: both
}
.clearfix, .cf {
  zoom: 1
}
.send-rep {
  position: relative;
  background-color: #e41664;
  background-image: url("../../assets/images/best-mates/send/send-wave.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
  padding-top: 52px
}
@media screen and (max-width: 768px) {
  .send-rep {
    background-image: none;
    padding-top: 33.8px
  }
}
.send-rep .bm-lead {
  padding-bottom: 0
}
.send-rep .container-fluid {
  max-width: 680px;
  position: relative
}
.send-rep h4 span.h-pull {
  margin-left: -20%
}
@media(max-width: 768px) {
  .send-rep h4 span.h-pull {
    margin-left: 0
  }
}
.send-rep .recipient-img {
  max-width: 300px;
  margin: 5% auto;
  display: block
}
.send-rep .recipient-legal {
  color: #000;
  font-size: 12px;
  line-height: 1.5em;
  padding: 2.5% 0 2.5%
}
@media(min-width: 768px) {
  .send-rep .recipient-legal {
    padding: 10% 0 2.5%
  }
}
@media(max-width: 2000px) {
  .send-rep .lemon-tab {
    margin-bottom: 15%
  }
}
@media(max-width: 1800px) {
  .send-rep .lemon-tab {
    margin-bottom: 12%
  }
}
@media(max-width: 1600px) {
  .send-rep .lemon-tab {
    margin-bottom: 10%
  }
}
@media(max-width: 1400px) {
  .send-rep .lemon-tab {
    margin-bottom: 7%
  }
}
@media(max-width: 1200px) {
  .send-rep .lemon-tab {
    margin-bottom: 5%
  }
}
@media(max-width: 992px) {
  .send-rep .lemon-tab {
    margin-bottom: 0%
  }
}
@media(max-width: 768px) {
  .send-rep .lemon-tab {
    display: none
  }
}
@media(max-width: 2000px) {
  .send-rep .newLemonTab {
    margin-bottom: 30%
  }
}
@media(max-width: 1800px) {
  .send-rep .newLemonTab {
    margin-bottom: 25%
  }
}
@media(max-width: 1600px) {
  .send-rep .newLemonTab {
    margin-bottom: 20%
  }
}
@media(max-width: 1400px) {
  .send-rep .newLemonTab {
    margin-bottom: 17%
  }
}
@media(max-width: 1200px) {
  .send-rep .newLemonTab {
    margin-bottom: 15%
  }
}
@media(max-width: 992px) {
  .send-rep .newLemonTab {
    margin-bottom: 10%
  }
}
@media(max-width: 768px) {
  .send-rep .newLemonTab {
    display: none
  }
}
.send-rep p {
  font-size: 12px
}
.recipient-form {
  margin-bottom: -40%
}
.recipient-form form {
  max-width: 600px
}
.recipient-form p {
  font-size: 15px;
  margin-bottom: 2.5%
}
.recipient-form fieldset input {
  float: left;
  color: #000;
  height: 35px;
  font-size: 15px;
  margin: 0 0 2.5% 0;
  background: #fff;
  border: none;
  border-radius: 2px;
  padding: 0 5px;
  margin-right: 2.5%
}
.recipient-form fieldset input.form-50 {
  width: 48.75%
}
.recipient-form fieldset input.form-70 {
  width: 65%
}
.recipient-form fieldset input.form-30 {
  width: 32.5%
}
.recipient-form fieldset input.form-60 {
  width: 45%
}
.recipient-form fieldset input.form-20 {
  width: 25%
}
.recipient-form fieldset input:last-child {
  margin-right: 0px
}
.recipient-form .standard-btn {
  margin: 5% 0 7.5%
}
.recipient-confirm {
  display: none;
  text-align: center
}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden
}
.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.intrinsic-container-16x9 {
  padding-bottom: 56.25%
}
.intrinsic-container-4x3 {
  padding-bottom: 75%
}
body.page-template-page-send-recipient footer {
  margin-top: 0
}
.slick-next, .slick-prev {
  position: absolute;
  height: 100%;
  width: 10%;
  opacity: 0;
  z-index: 999;
  top: 0
}
.scale-up {
  transform: scale(1.1) !important
}
.scale-norm {
  transition: all .2s ease-in-out !important;
  transform: scale(1) !important
}
.slick-next {
  right: 0
}
.slick-prev {
  left: 0
}
.slick-dots {
  bottom: -25px
}
.module {
  margin: 50px 0
}
.module img {
  width: 100%
}
.module h1 {
  color: #1d1d1b
}
@media(min-width: 768px)and (max-width: 990px) {
  .module h1 {
    font-size: 1.25em
  }
}
@media(max-width: 767px) {
  .module .mobile-margin {
    margin-bottom: 50px
  }
}
.module .right-absolute {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5em
}
.module .left-module img.finder {
  width: 30%;
  margin: 20px 0
}
@media(max-width: 767px) {
  .module .left-module img.finder {
    margin: 3px 0
  }
}
.module .left-module p {
  width: 43%
}
@media(max-width: 767px) {
  .module .left-module p {
    width: 47%;
    font-size: 3.25vw
  }
}
.module .absolute {
  width: 100%;
  color: #1d1d1b
}
.module .absolute.left-copy {
  left: 9%;
  line-height: 110%
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .absolute.left-copy.top {
    top: 0
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .module .absolute.left-copy.top {
    top: 2%;
    left: 7%
  }
}
.module .absolute.left-copy p {
  line-height: 110%
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .absolute.left-copy p {
    font-size: .5em
  }
}
.module .absolute.left-copy h1 {
  line-height: 85%;
  font-size: 1.7em
}
@media(max-width: 767px) {
  .module .absolute.left-copy h1 {
    font-size: 7vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .absolute.left-copy h1 {
    font-size: 3.5vw
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .module .absolute.left-copy h1 {
    font-size: 1.35em
  }
}
.module .absolute.left-copy h3, .module .absolute.left-copy .send-rep h4 span, .send-rep h4 .module .absolute.left-copy span {
  font-size: 1.25em
}
@media(max-width: 767px) {
  .module .absolute.left-copy h3, .module .absolute.left-copy .send-rep h4 span, .send-rep h4 .module .absolute.left-copy span {
    font-size: 6.5vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .absolute.left-copy h3, .module .absolute.left-copy .send-rep h4 span, .send-rep h4 .module .absolute.left-copy span {
    font-size: 3vw
  }
}
@media(min-width: 1200px) {
  .module .absolute.left-copy h3, .module .absolute.left-copy .send-rep h4 span, .send-rep h4 .module .absolute.left-copy span {
    margin-left: 2.5%
  }
}
.module .absolute.left-copy .arrow-location {
  margin-top: 2.5%;
  margin-left: 2.5%;
  width: 50%
}
@media(max-width: 767px) {
  .module .absolute.left-copy .arrow-location {
    margin-left: 0
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .module .absolute.left-copy .arrow-location {
    margin-top: -9.5%;
    margin-left: -2%
  }
}
.module .absolute.left-copy .arrow-location .relative {
  top: -20px;
  margin-left: -20px
}
@media(max-width: 767px) {
  .module .absolute.left-copy .arrow-location .relative {
    top: -7px;
    left: 20px;
    font-size: .6em
  }
}
.module .absolute.left-copy .arrow-location .relative h6:nth-child(1) {
  text-indent: -10%
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .absolute.left-copy .arrow-location .relative h6 {
    font-size: 1.4vw
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .module .absolute.left-copy .arrow-location .relative h6 {
    font-size: .65em
  }
}
.module .absolute.left-copy .arrow-location svg {
  width: 25px;
  transform: rotate(-22deg);
  position: relative;
  top: 30px;
  left: 28px
}
@media(max-width: 767px) {
  .module .absolute.left-copy .arrow-location svg {
    width: 7px;
    top: 13px;
    left: 37px
  }
}
.module .absolute.left-copy h1:nth-child(2) {
  text-indent: 5%
}
.module .absolute.left-copy h1:nth-child(3) {
  margin-bottom: 5%
}
@media(max-width: 767px) {
  .module .absolute.left-copy h1:nth-child(3) {
    margin-bottom: 2.5%
  }
}
.module .absolute.bottom-right {
  bottom: 17%;
  right: 10%;
  text-align: right
}
@media(max-width: 767px) {
  .module .absolute.bottom-right {
    bottom: 10%;
    right: 0;
    text-align: center
  }
}
.module .absolute.bottom-left {
  bottom: 6%;
  left: 0;
  width: 50%
}
@media(max-width: 767px) {
  .module .absolute.bottom-left {
    bottom: 33%;
    left: 1%;
    width: 49%
  }
}
.module .absolute.bottom-left img {
  position: relative
}
.module .absolute.bottom-left img:nth-child(5) {
  position: absolute;
  bottom: 0;
  top: auto;
  left: -36%;
  width: 70%
}
.module .absolute.bottom-left img:nth-child(4) {
  z-index: 9
}
.module .absolute.bottom-left img:nth-child(3) {
  margin-bottom: -18%;
  margin-left: -5%;
  z-index: 10
}
.module .absolute.bottom-left img:nth-child(2) {
  margin-bottom: -20%;
  z-index: 11
}
.module .absolute.top {
  top: 5%
}
@media(max-width: 767px) {
  .module .absolute.top.mobile-adjust {
    width: 93%
  }
}
.module .absolute.mid {
  top: 30%;
  text-align: center;
  left: 0
}
.module .absolute.bottom {
  bottom: 10%;
  text-align: center
}
.module .absolute.bottom.adjust {
  bottom: 4%
}
.module .absolute.bottom p {
  margin-right: 10%
}
@media(max-width: 767px) {
  .module .absolute.bottom {
    left: 0
  }
}
.module .absolute.mobile-btn {
  bottom: 15%;
  text-align: center;
  left: 0
}
.module .newest-noosa {
  margin: 5% auto;
  display: inline-block;
  width: 100%
}
.module .newest-noosa .col-sm-3 {
  padding: 50px 0;
  margin: -35px 0
}
.module .newest-noosa .col-sm-3, .module .newest-noosa .slick-carousel {
  float: none;
  display: inline-block;
  vertical-align: bottom
}
@media(max-width: 767px) {
  .module .newest-noosa .col-sm-3.first img:nth-child(2):hover, .module .newest-noosa .col-sm-3 .first img:nth-child(2):hover, .module .newest-noosa .col-sm-3.third img:nth-child(2):hover, .module .newest-noosa .col-sm-3 .third img:nth-child(2):hover, .module .newest-noosa .slick-carousel.first img:nth-child(2):hover, .module .newest-noosa .slick-carousel .first img:nth-child(2):hover, .module .newest-noosa .slick-carousel.third img:nth-child(2):hover, .module .newest-noosa .slick-carousel .third img:nth-child(2):hover {
    transform: none
  }
}
.module .newest-noosa .col-sm-3.first:hover .lines-right, .module .newest-noosa .col-sm-3 .first:hover .lines-right, .module .newest-noosa .col-sm-3.third:hover .lines-right, .module .newest-noosa .col-sm-3 .third:hover .lines-right, .module .newest-noosa .slick-carousel.first:hover .lines-right, .module .newest-noosa .slick-carousel .first:hover .lines-right, .module .newest-noosa .slick-carousel.third:hover .lines-right, .module .newest-noosa .slick-carousel .third:hover .lines-right {
  opacity: 1
}
@media(max-width: 767px) {
  .module .newest-noosa .col-sm-3.first:hover .lines-right, .module .newest-noosa .col-sm-3 .first:hover .lines-right, .module .newest-noosa .col-sm-3.third:hover .lines-right, .module .newest-noosa .col-sm-3 .third:hover .lines-right, .module .newest-noosa .slick-carousel.first:hover .lines-right, .module .newest-noosa .slick-carousel .first:hover .lines-right, .module .newest-noosa .slick-carousel.third:hover .lines-right, .module .newest-noosa .slick-carousel .third:hover .lines-right {
    opacity: 0
  }
}
.module .newest-noosa .col-sm-3.first img.lines-right, .module .newest-noosa .col-sm-3 .first img.lines-right, .module .newest-noosa .col-sm-3.third img.lines-right, .module .newest-noosa .col-sm-3 .third img.lines-right, .module .newest-noosa .slick-carousel.first img.lines-right, .module .newest-noosa .slick-carousel .first img.lines-right, .module .newest-noosa .slick-carousel.third img.lines-right, .module .newest-noosa .slick-carousel .third img.lines-right {
  position: absolute;
  top: 0px;
  right: 20px;
  width: 80px;
  opacity: 0
}
@media(max-width: 767px) {
  .module .newest-noosa .col-sm-3.first img:nth-child(2), .module .newest-noosa .col-sm-3 .first img:nth-child(2), .module .newest-noosa .col-sm-3.third img:nth-child(2), .module .newest-noosa .col-sm-3 .third img:nth-child(2), .module .newest-noosa .slick-carousel.first img:nth-child(2), .module .newest-noosa .slick-carousel .first img:nth-child(2), .module .newest-noosa .slick-carousel.third img:nth-child(2), .module .newest-noosa .slick-carousel .third img:nth-child(2) {
    width: 72%
  }
}
@media(max-width: 767px) {
  .module .newest-noosa .col-sm-3.second img:nth-child(2):hover, .module .newest-noosa .col-sm-3 .second img:nth-child(2):hover, .module .newest-noosa .slick-carousel.second img:nth-child(2):hover, .module .newest-noosa .slick-carousel .second img:nth-child(2):hover {
    transform: none
  }
}
.module .newest-noosa .col-sm-3.second:hover .lines-left, .module .newest-noosa .col-sm-3 .second:hover .lines-left, .module .newest-noosa .slick-carousel.second:hover .lines-left, .module .newest-noosa .slick-carousel .second:hover .lines-left {
  opacity: 1
}
@media(max-width: 767px) {
  .module .newest-noosa .col-sm-3.second:hover .lines-left, .module .newest-noosa .col-sm-3 .second:hover .lines-left, .module .newest-noosa .slick-carousel.second:hover .lines-left, .module .newest-noosa .slick-carousel .second:hover .lines-left {
    opacity: 0
  }
}
.module .newest-noosa .col-sm-3.second img.lines-left, .module .newest-noosa .col-sm-3 .second img.lines-left, .module .newest-noosa .slick-carousel.second img.lines-left, .module .newest-noosa .slick-carousel .second img.lines-left {
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 2;
  width: 60px;
  opacity: 0
}
.module .newest-noosa .col-sm-3 img, .module .newest-noosa .slick-carousel img {
  cursor: pointer;
  transition: all .25s ease-in-out;
  width: 100%;
  margin-bottom: 10px
}
@media(max-width: 767px) {
  .module .newest-noosa .col-sm-3 img, .module .newest-noosa .slick-carousel img {
    margin: 20px auto;
    width: 60%
  }
}
.module .newest-noosa .col-sm-3 p, .module .newest-noosa .slick-carousel p {
  color: #1d1d1b;
  opacity: 1;
  transition: all .25s ease-in-out
}
@media(max-width: 767px) {
  .module .newest-noosa .col-sm-3 p, .module .newest-noosa .slick-carousel p {
    opacity: 1
  }
}
.module .newest-noosa .col-sm-3.first:hover p, .module .newest-noosa .col-sm-3.second:hover p, .module .newest-noosa .col-sm-3.third:hover p, .module .newest-noosa .slick-carousel.first:hover p, .module .newest-noosa .slick-carousel.second:hover p, .module .newest-noosa .slick-carousel.third:hover p {
  opacity: 1
}
.module .newest-noosa .col-sm-3.first:hover .tub, .module .newest-noosa .col-sm-3.third:hover .tub, .module .newest-noosa .slick-carousel.first:hover .tub, .module .newest-noosa .slick-carousel.third:hover .tub {
  transform: rotate(13deg)
}
.module .newest-noosa .col-sm-3.second:hover .tub, .module .newest-noosa .slick-carousel.second:hover .tub {
  transform: rotate(-5deg)
}
.module .newest-noosa .col-sm-3.first:hover ~ .left-ingredients.first, .module .newest-noosa .col-sm-3.second:hover ~ .left-ingredients.second, .module .newest-noosa .col-sm-3.third:hover ~ .left-ingredients.third, .module .newest-noosa .col-sm-3.first.mobile ~ .left-ingredients.first, .module .newest-noosa .col-sm-3.second.mobile ~ .left-ingredients.second, .module .newest-noosa .col-sm-3.third.mobile ~ .left-ingredients.third, .module .newest-noosa .slick-carousel.first:hover ~ .left-ingredients.first, .module .newest-noosa .slick-carousel.second:hover ~ .left-ingredients.second, .module .newest-noosa .slick-carousel.third:hover ~ .left-ingredients.third, .module .newest-noosa .slick-carousel.first.mobile ~ .left-ingredients.first, .module .newest-noosa .slick-carousel.second.mobile ~ .left-ingredients.second, .module .newest-noosa .slick-carousel.third.mobile ~ .left-ingredients.third {
  left: 0
}
.module .newest-noosa .col-sm-3.first:hover ~ .left-ingredients.first .fruit.one, .module .newest-noosa .col-sm-3.second:hover ~ .left-ingredients.second .fruit.one, .module .newest-noosa .col-sm-3.third:hover ~ .left-ingredients.third .fruit.one, .module .newest-noosa .col-sm-3.first.mobile ~ .left-ingredients.first .fruit.one, .module .newest-noosa .col-sm-3.second.mobile ~ .left-ingredients.second .fruit.one, .module .newest-noosa .col-sm-3.third.mobile ~ .left-ingredients.third .fruit.one, .module .newest-noosa .slick-carousel.first:hover ~ .left-ingredients.first .fruit.one, .module .newest-noosa .slick-carousel.second:hover ~ .left-ingredients.second .fruit.one, .module .newest-noosa .slick-carousel.third:hover ~ .left-ingredients.third .fruit.one, .module .newest-noosa .slick-carousel.first.mobile ~ .left-ingredients.first .fruit.one, .module .newest-noosa .slick-carousel.second.mobile ~ .left-ingredients.second .fruit.one, .module .newest-noosa .slick-carousel.third.mobile ~ .left-ingredients.third .fruit.one {
  transform: rotate(460deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .left-ingredients.first .fruit.two, .module .newest-noosa .col-sm-3.second:hover ~ .left-ingredients.second .fruit.two, .module .newest-noosa .col-sm-3.third:hover ~ .left-ingredients.third .fruit.two, .module .newest-noosa .col-sm-3.first.mobile ~ .left-ingredients.first .fruit.two, .module .newest-noosa .col-sm-3.second.mobile ~ .left-ingredients.second .fruit.two, .module .newest-noosa .col-sm-3.third.mobile ~ .left-ingredients.third .fruit.two, .module .newest-noosa .slick-carousel.first:hover ~ .left-ingredients.first .fruit.two, .module .newest-noosa .slick-carousel.second:hover ~ .left-ingredients.second .fruit.two, .module .newest-noosa .slick-carousel.third:hover ~ .left-ingredients.third .fruit.two, .module .newest-noosa .slick-carousel.first.mobile ~ .left-ingredients.first .fruit.two, .module .newest-noosa .slick-carousel.second.mobile ~ .left-ingredients.second .fruit.two, .module .newest-noosa .slick-carousel.third.mobile ~ .left-ingredients.third .fruit.two {
  transform: rotate(430deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .left-ingredients.first .fruit.three, .module .newest-noosa .col-sm-3.second:hover ~ .left-ingredients.second .fruit.three, .module .newest-noosa .col-sm-3.third:hover ~ .left-ingredients.third .fruit.three, .module .newest-noosa .col-sm-3.first.mobile ~ .left-ingredients.first .fruit.three, .module .newest-noosa .col-sm-3.second.mobile ~ .left-ingredients.second .fruit.three, .module .newest-noosa .col-sm-3.third.mobile ~ .left-ingredients.third .fruit.three, .module .newest-noosa .slick-carousel.first:hover ~ .left-ingredients.first .fruit.three, .module .newest-noosa .slick-carousel.second:hover ~ .left-ingredients.second .fruit.three, .module .newest-noosa .slick-carousel.third:hover ~ .left-ingredients.third .fruit.three, .module .newest-noosa .slick-carousel.first.mobile ~ .left-ingredients.first .fruit.three, .module .newest-noosa .slick-carousel.second.mobile ~ .left-ingredients.second .fruit.three, .module .newest-noosa .slick-carousel.third.mobile ~ .left-ingredients.third .fruit.three {
  transform: rotate(400deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .left-ingredients.first .fruit.four, .module .newest-noosa .col-sm-3.second:hover ~ .left-ingredients.second .fruit.four, .module .newest-noosa .col-sm-3.third:hover ~ .left-ingredients.third .fruit.four, .module .newest-noosa .col-sm-3.first.mobile ~ .left-ingredients.first .fruit.four, .module .newest-noosa .col-sm-3.second.mobile ~ .left-ingredients.second .fruit.four, .module .newest-noosa .col-sm-3.third.mobile ~ .left-ingredients.third .fruit.four, .module .newest-noosa .slick-carousel.first:hover ~ .left-ingredients.first .fruit.four, .module .newest-noosa .slick-carousel.second:hover ~ .left-ingredients.second .fruit.four, .module .newest-noosa .slick-carousel.third:hover ~ .left-ingredients.third .fruit.four, .module .newest-noosa .slick-carousel.first.mobile ~ .left-ingredients.first .fruit.four, .module .newest-noosa .slick-carousel.second.mobile ~ .left-ingredients.second .fruit.four, .module .newest-noosa .slick-carousel.third.mobile ~ .left-ingredients.third .fruit.four {
  transform: rotate(510deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .left-ingredients.first .fruit.five, .module .newest-noosa .col-sm-3.second:hover ~ .left-ingredients.second .fruit.five, .module .newest-noosa .col-sm-3.third:hover ~ .left-ingredients.third .fruit.five, .module .newest-noosa .col-sm-3.first.mobile ~ .left-ingredients.first .fruit.five, .module .newest-noosa .col-sm-3.second.mobile ~ .left-ingredients.second .fruit.five, .module .newest-noosa .col-sm-3.third.mobile ~ .left-ingredients.third .fruit.five, .module .newest-noosa .slick-carousel.first:hover ~ .left-ingredients.first .fruit.five, .module .newest-noosa .slick-carousel.second:hover ~ .left-ingredients.second .fruit.five, .module .newest-noosa .slick-carousel.third:hover ~ .left-ingredients.third .fruit.five, .module .newest-noosa .slick-carousel.first.mobile ~ .left-ingredients.first .fruit.five, .module .newest-noosa .slick-carousel.second.mobile ~ .left-ingredients.second .fruit.five, .module .newest-noosa .slick-carousel.third.mobile ~ .left-ingredients.third .fruit.five {
  transform: rotate(375deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .right-ingredients.first, .module .newest-noosa .col-sm-3.second:hover ~ .right-ingredients.second, .module .newest-noosa .col-sm-3.third:hover ~ .right-ingredients.third, .module .newest-noosa .col-sm-3.first.mobile ~ .right-ingredients.first, .module .newest-noosa .col-sm-3.second.mobile ~ .right-ingredients.second, .module .newest-noosa .col-sm-3.third.mobile ~ .right-ingredients.third, .module .newest-noosa .slick-carousel.first:hover ~ .right-ingredients.first, .module .newest-noosa .slick-carousel.second:hover ~ .right-ingredients.second, .module .newest-noosa .slick-carousel.third:hover ~ .right-ingredients.third, .module .newest-noosa .slick-carousel.first.mobile ~ .right-ingredients.first, .module .newest-noosa .slick-carousel.second.mobile ~ .right-ingredients.second, .module .newest-noosa .slick-carousel.third.mobile ~ .right-ingredients.third {
  right: 0
}
.module .newest-noosa .col-sm-3.first:hover ~ .right-ingredients.first .fruit.one, .module .newest-noosa .col-sm-3.second:hover ~ .right-ingredients.second .fruit.one, .module .newest-noosa .col-sm-3.third:hover ~ .right-ingredients.third .fruit.one, .module .newest-noosa .col-sm-3.first.mobile ~ .right-ingredients.first .fruit.one, .module .newest-noosa .col-sm-3.second.mobile ~ .right-ingredients.second .fruit.one, .module .newest-noosa .col-sm-3.third.mobile ~ .right-ingredients.third .fruit.one, .module .newest-noosa .slick-carousel.first:hover ~ .right-ingredients.first .fruit.one, .module .newest-noosa .slick-carousel.second:hover ~ .right-ingredients.second .fruit.one, .module .newest-noosa .slick-carousel.third:hover ~ .right-ingredients.third .fruit.one, .module .newest-noosa .slick-carousel.first.mobile ~ .right-ingredients.first .fruit.one, .module .newest-noosa .slick-carousel.second.mobile ~ .right-ingredients.second .fruit.one, .module .newest-noosa .slick-carousel.third.mobile ~ .right-ingredients.third .fruit.one {
  transform: rotate(-460deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .right-ingredients.first .fruit.two, .module .newest-noosa .col-sm-3.second:hover ~ .right-ingredients.second .fruit.two, .module .newest-noosa .col-sm-3.third:hover ~ .right-ingredients.third .fruit.two, .module .newest-noosa .col-sm-3.first.mobile ~ .right-ingredients.first .fruit.two, .module .newest-noosa .col-sm-3.second.mobile ~ .right-ingredients.second .fruit.two, .module .newest-noosa .col-sm-3.third.mobile ~ .right-ingredients.third .fruit.two, .module .newest-noosa .slick-carousel.first:hover ~ .right-ingredients.first .fruit.two, .module .newest-noosa .slick-carousel.second:hover ~ .right-ingredients.second .fruit.two, .module .newest-noosa .slick-carousel.third:hover ~ .right-ingredients.third .fruit.two, .module .newest-noosa .slick-carousel.first.mobile ~ .right-ingredients.first .fruit.two, .module .newest-noosa .slick-carousel.second.mobile ~ .right-ingredients.second .fruit.two, .module .newest-noosa .slick-carousel.third.mobile ~ .right-ingredients.third .fruit.two {
  transform: rotate(-430deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .right-ingredients.first .fruit.three, .module .newest-noosa .col-sm-3.second:hover ~ .right-ingredients.second .fruit.three, .module .newest-noosa .col-sm-3.third:hover ~ .right-ingredients.third .fruit.three, .module .newest-noosa .col-sm-3.first.mobile ~ .right-ingredients.first .fruit.three, .module .newest-noosa .col-sm-3.second.mobile ~ .right-ingredients.second .fruit.three, .module .newest-noosa .col-sm-3.third.mobile ~ .right-ingredients.third .fruit.three, .module .newest-noosa .slick-carousel.first:hover ~ .right-ingredients.first .fruit.three, .module .newest-noosa .slick-carousel.second:hover ~ .right-ingredients.second .fruit.three, .module .newest-noosa .slick-carousel.third:hover ~ .right-ingredients.third .fruit.three, .module .newest-noosa .slick-carousel.first.mobile ~ .right-ingredients.first .fruit.three, .module .newest-noosa .slick-carousel.second.mobile ~ .right-ingredients.second .fruit.three, .module .newest-noosa .slick-carousel.third.mobile ~ .right-ingredients.third .fruit.three {
  transform: rotate(-400deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .right-ingredients.first .fruit.four, .module .newest-noosa .col-sm-3.second:hover ~ .right-ingredients.second .fruit.four, .module .newest-noosa .col-sm-3.third:hover ~ .right-ingredients.third .fruit.four, .module .newest-noosa .col-sm-3.first.mobile ~ .right-ingredients.first .fruit.four, .module .newest-noosa .col-sm-3.second.mobile ~ .right-ingredients.second .fruit.four, .module .newest-noosa .col-sm-3.third.mobile ~ .right-ingredients.third .fruit.four, .module .newest-noosa .slick-carousel.first:hover ~ .right-ingredients.first .fruit.four, .module .newest-noosa .slick-carousel.second:hover ~ .right-ingredients.second .fruit.four, .module .newest-noosa .slick-carousel.third:hover ~ .right-ingredients.third .fruit.four, .module .newest-noosa .slick-carousel.first.mobile ~ .right-ingredients.first .fruit.four, .module .newest-noosa .slick-carousel.second.mobile ~ .right-ingredients.second .fruit.four, .module .newest-noosa .slick-carousel.third.mobile ~ .right-ingredients.third .fruit.four {
  transform: rotate(-510deg) !important
}
.module .newest-noosa .col-sm-3.first:hover ~ .right-ingredients.first .fruit.five, .module .newest-noosa .col-sm-3.second:hover ~ .right-ingredients.second .fruit.five, .module .newest-noosa .col-sm-3.third:hover ~ .right-ingredients.third .fruit.five, .module .newest-noosa .col-sm-3.first.mobile ~ .right-ingredients.first .fruit.five, .module .newest-noosa .col-sm-3.second.mobile ~ .right-ingredients.second .fruit.five, .module .newest-noosa .col-sm-3.third.mobile ~ .right-ingredients.third .fruit.five, .module .newest-noosa .slick-carousel.first:hover ~ .right-ingredients.first .fruit.five, .module .newest-noosa .slick-carousel.second:hover ~ .right-ingredients.second .fruit.five, .module .newest-noosa .slick-carousel.third:hover ~ .right-ingredients.third .fruit.five, .module .newest-noosa .slick-carousel.first.mobile ~ .right-ingredients.first .fruit.five, .module .newest-noosa .slick-carousel.second.mobile ~ .right-ingredients.second .fruit.five, .module .newest-noosa .slick-carousel.third.mobile ~ .right-ingredients.third .fruit.five {
  transform: rotate(-375deg) !important
}
.module .absolute.top.welcome-home {
  top: 7.5%;
  text-align: left;
  width: 50%;
  right: 0
}
@media(max-width: 767px) {
  .module .absolute.top.welcome-home {
    width: 100%;
    padding: 0 6% 0 20%
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .absolute.top.welcome-home h1 {
    font-size: 3.5vw;
    line-height: 1.2em
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .module .absolute.top.welcome-home {
    width: 52.5%
  }
}
@media(max-width: 767px) {
  .module .absolute.top.welcome-home h1 {
    font-size: 7vw
  }
}
.module .absolute.top.welcome-home h1:nth-child(1) {
  font-size: 2.75em;
  transition: all .35s ease-in-out;
  transform: scale(1)
}
@media(max-width: 767px) {
  .module .absolute.top.welcome-home h1:nth-child(1) {
    font-size: 10vw
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .absolute.top.welcome-home h1:nth-child(1) {
    font-size: 2em
  }
}
.module .absolute.top.welcome-home h1:nth-child(2) {
  text-indent: -7.5%
}
.module .absolute.top.welcome-home h1:nth-child(3) {
  text-indent: 0
}
.module .absolute.top.welcome-home p {
  width: 90%;
  line-height: 140%;
  margin-top: 0
}
@media(max-width: 767px) {
  .module .absolute.top.welcome-home p {
    margin-left: 40.5%;
    width: 50%;
    font-size: 3vw;
    line-height: 130%
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .absolute.top.welcome-home p {
    font-size: 1.5vw;
    margin-left: 0
  }
}
@media(min-width: 991px)and (max-width: 1200px) {
  .module .absolute.top.welcome-home p {
    width: 80%;
    margin-left: 7.5%
  }
}
.module .absolute.top.story-home {
  top: 20%;
  left: 5%
}
@media(max-width: 767px) {
  .module .absolute.top.story-home {
    top: 27%;
    left: 10%;
    text-align: left;
    width: 75%
  }
  .module .absolute.top.story-home h1:nth-child(2) {
    text-indent: 10%
  }
}
.module .absolute.top.story-home .dark-yellow {
  font-size: 1.4em
}
@media(max-width: 767px) {
  .module .absolute.top.story-home .dark-yellow {
    font-size: 11vw
  }
}
.module .absolute.top.story-home h1:nth-child(2) {
  text-indent: 10%
}
.module .absolute.top.story-home h1:nth-child(3) {
  text-indent: 5%
}
@media(max-width: 767px) {
  .module .absolute.top.story-home h1 {
    text-indent: 0
  }
}
.module .find-noosa {
  display: inline;
  border: 4px solid #1d1d1b;
  border-radius: 12px;
  margin-left: -5%
}
.module .find-noosa .check-zip {
  width: 20%;
  margin-right: -12px;
  text-align: center;
  border-radius: 8px 0 0 8px;
  border: 0;
  padding: 0;
  font-size: 14pt;
  top: -2px;
  position: relative
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .module .find-noosa .check-zip {
    padding-bottom: 7px
  }
}
@media(min-width: 768px)and (max-width: 990px) {
  .module .find-noosa .check-zip {
    width: 25%
  }
}
@media(max-width: 767px) {
  .module .find-noosa .check-zip {
    width: 30%;
    margin-left: 0
  }
}
.module .find-noosa .submit-zip {
  border: 0;
  border-left: none;
  vertical-align: top;
  padding: 0 15px;
  position: relative
}
.module .find-noosa .submit-zip:hover {
  transform: scale(1)
}
.module.newest-animation {
  position: relative;
  overflow: hidden;
  padding-bottom: 10px
}
@media(max-width: 767px) {
  .module.newest-animation .container {
    margin: 0
  }
}
.module.newest-animation .pink {
  font-size: 1.4em
}
.module.newest-animation .left-ingredients {
  position: absolute;
  top: 0;
  height: 100%;
  left: -20%;
  width: 20%;
  transition: all 1s ease-in-out;
  pointer-events: none
}
@media(max-width: 767px) {
  .module.newest-animation .left-ingredients {
    left: -40%
  }
}
.module.newest-animation .left-ingredients .fruit {
  position: absolute;
  width: 30%;
  transition: all 1s ease-in-out;
  pointer-events: none
}
@media(max-width: 767px) {
  .module.newest-animation .left-ingredients .fruit {
    width: 40%
  }
}
.module.newest-animation .left-ingredients .fruit.one {
  left: 15%;
  top: 20%;
  width: 22.5%;
  transform: rotate(100deg)
}
@media(max-width: 767px) {
  .module.newest-animation .left-ingredients .fruit.one {
    width: 25%
  }
}
.module.newest-animation .left-ingredients .fruit.two {
  top: 20%;
  left: 50%;
  width: 35%;
  transform: rotate(70deg)
}
@media(max-width: 767px) {
  .module.newest-animation .left-ingredients .fruit.two {
    width: 45%
  }
}
.module.newest-animation .left-ingredients .fruit.three {
  bottom: 15%;
  right: 5%;
  transform: rotate(40deg)
}
.module.newest-animation .left-ingredients .fruit.four {
  bottom: 15%;
  left: 20%;
  transform: rotate(150deg)
}
.module.newest-animation .left-ingredients .fruit.five {
  top: 45%;
  right: 20%;
  width: 22.5%;
  transform: rotate(15deg)
}
@media(max-width: 767px) {
  .module.newest-animation .left-ingredients .fruit.five {
    width: 30%
  }
}
.module.newest-animation .right-ingredients {
  position: absolute;
  top: 0;
  height: 100%;
  right: -20%;
  width: 20%;
  transition: all 1s ease-in-out;
  pointer-events: none
}
@media(max-width: 767px) {
  .module.newest-animation .right-ingredients {
    right: -40%
  }
}
.module.newest-animation .right-ingredients .fruit {
  position: absolute;
  width: 30%;
  transition: all 1s ease-in-out;
  pointer-events: none
}
@media(max-width: 767px) {
  .module.newest-animation .right-ingredients .fruit {
    width: 40%
  }
}
.module.newest-animation .right-ingredients .fruit.one {
  left: 15%;
  top: 16%;
  width: 25%;
  transform: rotate(-100deg)
}
@media(max-width: 767px) {
  .module.newest-animation .right-ingredients .fruit.one {
    width: 30%
  }
}
.module.newest-animation .right-ingredients .fruit.two {
  bottom: 15%;
  left: 20%;
  transform: rotate(-70deg)
}
.module.newest-animation .right-ingredients .fruit.three {
  bottom: 20%;
  right: 5%;
  transform: rotate(-40deg)
}
.module.newest-animation .right-ingredients .fruit.four {
  top: 20%;
  left: 50%;
  width: 32.5%;
  transform: rotate(-150deg)
}
@media(max-width: 767px) {
  .module.newest-animation .right-ingredients .fruit.four {
    width: 45%
  }
}
.module.newest-animation .right-ingredients .fruit.five {
  top: 45%;
  right: 20%;
  width: 20%;
  transform: rotate(-15deg)
}
@media(max-width: 767px) {
  .module.newest-animation .right-ingredients .fruit.five {
    width: 30%
  }
}
.module .banner-content {
  position: absolute;
  top: 0px;
  left: 15%;
  width: 70%
}
@media(min-width: 991px) {
  .module .banner-content {
    width: 80%;
    left: 10%
  }
}
.module .banner-content .rama-gothic-title {
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2rem
}
@media(min-width: 321px) {
  .module .banner-content .rama-gothic-title {
    font-size: 3rem;
    line-height: 2.5rem
  }
}
@media(min-width: 520px) {
  .module .banner-content .rama-gothic-title {
    font-size: 4rem;
    line-height: 3.5rem
  }
}
@media(min-width: 480px)and (max-width: 768px) {
  .module .banner-content .rama-gothic-title {
    font-size: 5rem;
    line-height: 4.5rem
  }
}
@media(min-width: 768px) {
  .module .banner-content .rama-gothic-title {
    font-size: 5rem;
    line-height: 4.5rem
  }
}
.module .banner-content.full-on-you {
  width: calc(100% - 60px);
  left: 30px;
  top: 54%
}
@media(min-width: 520px) {
  .module .banner-content.full-on-you {
    width: calc(100% - 100px);
    left: 50px;
    top: 54%
  }
}
@media(min-width: 768px) {
  .module .banner-content.full-on-you {
    width: 42%;
    left: 58%;
    top: 25px
  }
}
@media(min-width: 991px) {
  .module .banner-content.full-on-you {
    top: 40px
  }
}
.module .banner-content.full-on-you h1.banner-title {
  color: #fff;
  font-size: 2.5rem;
  line-height: 2.5rem
}
@media(min-width: 321px) {
  .module .banner-content.full-on-you h1.banner-title {
    font-size: 3rem;
    line-height: 2.5rem
  }
}
@media(min-width: 520px) {
  .module .banner-content.full-on-you h1.banner-title {
    font-size: 4.5rem;
    line-height: 4rem
  }
}
@media(min-width: 768px) {
  .module .banner-content.full-on-you h1.banner-title {
    font-size: 3rem;
    line-height: 2.5rem
  }
}
@media(min-width: 991px) {
  .module .banner-content.full-on-you h1.banner-title {
    font-size: 3.5rem;
    line-height: 3rem
  }
}
@media(min-width: 1200px) {
  .module .banner-content.full-on-you h1.banner-title {
    font-size: 4.5rem;
    line-height: 4rem
  }
}
.module .banner-content.full-on-you ul {
  padding-left: 0px;
  margin: 10px 0 10px 26px
}
@media(min-width: 321px) {
  .module .banner-content.full-on-you ul {
    margin: 20px 0 20px 26px
  }
}
.module .banner-content.full-on-you ul li {
  color: #e55e5e;
  padding: 2px 0;
  font-size: 2rem;
  line-height: 1.5rem
}
@media(min-width: 321px) {
  .module .banner-content.full-on-you ul li {
    font-size: 2.5rem;
    line-height: 2rem
  }
}
@media(min-width: 520px) {
  .module .banner-content.full-on-you ul li {
    font-size: 3.5rem;
    line-height: 3rem
  }
}
@media(min-width: 768px) {
  .module .banner-content.full-on-you ul li {
    font-size: 2rem;
    line-height: 1.5rem
  }
}
@media(min-width: 991px) {
  .module .banner-content.full-on-you ul li {
    font-size: 2.5rem;
    line-height: 2rem
  }
}
@media(min-width: 1200px) {
  .module .banner-content.full-on-you ul li {
    font-size: 3.5rem;
    line-height: 3rem
  }
}
.module .banner-content.full-on-you ul li span {
  color: #ffd774;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 700
}
.module .banner-content.full-on-you .banner-cta-wrapper .btn, .module .banner-content.full-on-you .banner-cta-wrapper .best-mates-wrap form input[type=submit], .best-mates-wrap form .module .banner-content.full-on-you .banner-cta-wrapper input[type=submit] {
  background-color: #fff;
  font-size: .7em;
  color: #e55e5e
}
@media(min-width: 520px) {
  .module .banner-content.full-on-you .banner-cta-wrapper .btn, .module .banner-content.full-on-you .banner-cta-wrapper .best-mates-wrap form input[type=submit], .best-mates-wrap form .module .banner-content.full-on-you .banner-cta-wrapper input[type=submit] {
    font-size: .8em
  }
}
.module .banner-content.full-on-you .banner-cta-wrapper .btn a, .module .banner-content.full-on-you .banner-cta-wrapper .best-mates-wrap form input[type=submit] a, .best-mates-wrap form .module .banner-content.full-on-you .banner-cta-wrapper input[type=submit] a {
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 700
}
.module .banner-content.full-on-grants {
  top: auto;
  bottom: 12%;
  text-align: center
}
@media(min-width: 321px) {
  .module .banner-content.full-on-grants {
    bottom: 15%
  }
}
@media(min-width: 768px) {
  .module .banner-content.full-on-grants {
    bottom: 10%
  }
}
.module .banner-content.full-on-grants h1.banner-title {
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  color: #ffe28a;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 2rem;
  margin: 0 0 10px
}
@media(min-width: 321px) {
  .module .banner-content.full-on-grants h1.banner-title {
    font-size: 3rem;
    line-height: 2.5rem;
    margin: 0 0 20px
  }
}
@media(min-width: 520px) {
  .module .banner-content.full-on-grants h1.banner-title {
    font-size: 4rem;
    line-height: 3.5rem;
    margin: 0 0 20px
  }
}
@media(min-width: 480px)and (max-width: 768px) {
  .module .banner-content.full-on-grants h1.banner-title {
    font-size: 5rem;
    line-height: 4.5rem;
    margin: 0 0 20px
  }
}
@media(min-width: 768px) {
  .module .banner-content.full-on-grants h1.banner-title {
    font-size: 5rem;
    line-height: 4.5rem;
    margin: 0 0 20px
  }
}
@media(min-width: 1024px) {
  .module .banner-content.full-on-grants h1.banner-title {
    font-size: 6rem;
    line-height: 5.5rem;
    margin: 0 0 30px
  }
}
@media(min-width: 1200px) {
  .module .banner-content.full-on-grants h1.banner-title {
    font-size: 7rem;
    line-height: 6rem;
    margin: 0 0 44px
  }
}
.module .banner-content.full-on-grants .banner-cta-wrapper .btn, .module .banner-content.full-on-grants .banner-cta-wrapper .best-mates-wrap form input[type=submit], .best-mates-wrap form .module .banner-content.full-on-grants .banner-cta-wrapper input[type=submit] {
  background-color: #e12726;
  font-size: .7em
}
@media(min-width: 991px) {
  .module .banner-content.full-on-grants .banner-cta-wrapper .btn, .module .banner-content.full-on-grants .banner-cta-wrapper .best-mates-wrap form input[type=submit], .best-mates-wrap form .module .banner-content.full-on-grants .banner-cta-wrapper input[type=submit] {
    font-size: .8em
  }
}
.module .banner-content.full-on-grants .banner-cta-wrapper .btn a, .module .banner-content.full-on-grants .banner-cta-wrapper .best-mates-wrap form input[type=submit] a, .best-mates-wrap form .module .banner-content.full-on-grants .banner-cta-wrapper input[type=submit] a {
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 700
}
.module .absolute.top.welcome-home-fa {
  top: 11.5%;
  text-align: right;
  width: 57%;
  right: 6%
}
.module .absolute.bottom-left-fa {
  bottom: 9%;
  left: -2px;
  width: 45%
}
.fa-white {
  color: #fff !important;
  line-height: 1;
  font-size: 3em
}
.module .absolute.bottom-right-fa {
  bottom: 40%;
  right: 25%;
  text-align: right
}
h2.small-fa-1 {
  position: absolute;
  width: 33%;
  left: -16%;
  text-align: left;
  top: 16%;
  font-size: 1.5em
}
h2.small-fa-2 {
  font-size: 1em;
  padding: 5px 30px
}
.fa-disc {
  font-size: 13px;
  padding-right: 50%;
  padding-top: 10px
}
@media(max-width: 990px) {
  .module h1 {
    font-size: 1.5em
  }
  h1.fa-white {
    font-size: 2em
  }
  h2.small-fa-1 {
    position: absolute;
    width: 33%;
    left: -1%;
    text-align: left;
    top: 32%;
    font-size: 1em
  }
  .module .absolute.top.welcome-home-fa {
    right: 12%
  }
}
@media(max-width: 1200px)and (min-width: 991px) {
  .module h1 {
    font-size: 1.5em
  }
  h1.fa-white {
    font-size: 2em
  }
  h2.small-fa-1 {
    position: absolute;
    width: 33%;
    left: 9%;
    text-align: left;
    top: 32%;
    font-size: 1em
  }
  .module .absolute.top.welcome-home-fa {
    right: 12%
  }
}
@media(max-width: 767px) {
  .module h1 {
    font-size: 1em
  }
  .module .absolute.bottom-left-fa {
    bottom: -7%;
    left: -7%;
    width: 67%
  }
  .fa-white {
    line-height: .7;
    font-size: 2.5em !important;
    padding-top: 10px
  }
  h2.small-fa-2 {
    font-size: 0
  }
  h2.small-fa-1 {
    width: 39%;
    left: 41%;
    text-align: left;
    top: 18%;
    font-size: 1em !important
  }
  .module .absolute.top.welcome-home-fa {
    display: none;
    width: 100%;
    padding: 0 6% 0 16%
  }
  .module .absolute.bottom-right-fa {
    bottom: 20%;
    right: 14%;
    text-align: right
  }
  .module .absolute.top.welcome-home-fa {
    right: 6%
  }
  .module .absolute.top.welcome-home-fa h2 {
    font-size: .8em
  }
}
.page-template-page-lp-grants {
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 700
}
.page-template-page-lp-grants h1, .page-template-page-lp-grants h2, .page-template-page-lp-grants h3, .page-template-page-lp-grants .send-rep h4 span, .send-rep h4 .page-template-page-lp-grants span {
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700
}
.page-template-page-lp-grants img {
  width: inherit
}
.page-template-page-lp-grants .top-content {
  text-align: center;
  padding: 60px 0
}
.page-template-page-lp-grants .top-content img {
  max-width: 100%;
  width: initial;
  height: auto
}
.page-template-page-lp-grants .top-content.bckg-color-blue {
  background-color: #237ed5
}
.page-template-page-lp-grants .top-content .top-content-inner {
  text-align: center;
  color: #fff
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .top-content .top-content-inner {
    width: 80%;
    margin: 0 auto
  }
}
.page-template-page-lp-grants .top-content .top-content-inner .top-image {
  margin: 20px auto 40px
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .top-content .top-content-inner .top-image {
    width: 60%
  }
}
.page-template-page-lp-grants .top-content .top-content-inner h1 {
  color: #ffe28a;
  margin-bottom: 10px;
  font-size: 4.5rem;
  line-height: 4rem
}
@media(min-width: 1200px) {
  .page-template-page-lp-grants .top-content .top-content-inner h1 {
    font-size: 5.5rem;
    line-height: 5rem
  }
}
.page-template-page-lp-grants .top-content .top-content-inner .description img {
  margin: 20px 0;
  max-width: 40%;
  height: auto
}
.page-template-page-lp-grants .top-content .top-content-inner .description p {
  font-size: 1.8rem
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .top-content .top-content-inner .description p {
    font-size: 2.1rem
  }
}
.page-template-page-lp-grants .main-content {
  background-color: #ffe28a;
  padding: 40px 0;
  color: #727272;
  position: relative;
  overflow: hidden
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content {
    padding: 80px 0 40px
  }
  .page-template-page-lp-grants .main-content .backg-object {
    position: absolute;
    background-repeat: none;
    background-position: top left;
    background-size: 100%;
    z-index: 0
  }
  .page-template-page-lp-grants .main-content .backg-object.raspberry-1 {
    width: 134px;
    height: 117px;
    display: block;
    background-image: url(../images/grants-landing-page/raspberry-1.jpg);
    right: 3%;
    top: 45px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.raspberry-1 {
    right: 10%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.raspberry-1 {
    right: 18%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.blackberry-1 {
    width: 107px;
    height: 124px;
    display: block;
    background-image: url(../images/grants-landing-page/blackberry-1.jpg);
    right: 1%;
    top: 220px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.blackberry-1 {
    right: 8%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.blackberry-1 {
    right: 16%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.paperclip-blue {
    width: 65px;
    height: 127px;
    display: block;
    background-image: url(../images/grants-landing-page/paperclip-blue.jpg);
    left: 6%;
    top: 474px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.paperclip-blue {
    left: 12%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.paperclip-blue {
    left: 20%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.strawberry-1 {
    width: 212px;
    height: 272px;
    display: block;
    background-image: url(../images/grants-landing-page/strawberry-1.jpg);
    left: -10%;
    top: 627px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.strawberry-1 {
    left: 0%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.strawberry-1 {
    left: 10%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.paperclip-orange {
    width: 65px;
    height: 126px;
    display: block;
    background-image: url(../images/grants-landing-page/paperclip-orange.jpg);
    right: 10%;
    top: 1080px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.paperclip-orange {
    right: 15%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.paperclip-orange {
    right: 20%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-1 {
    width: 121px;
    height: 115px;
    display: block;
    background-image: url(../images/grants-landing-page/blueberry-1.jpg);
    right: 1%;
    top: 1279px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-1 {
    right: 8%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-1 {
    right: 16%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-blurry-1 {
    width: 92px;
    height: 90px;
    display: block;
    background-image: url(../images/grants-landing-page/blueberry-blurry-1.jpg);
    right: 8%;
    top: 1407px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-blurry-1 {
    right: 14%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-blurry-1 {
    right: 21%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.raspberry-2 {
    width: 121px;
    height: 131px;
    display: block;
    background-image: url(../images/grants-landing-page/raspberry-2.jpg);
    left: 2%;
    bottom: 555px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.raspberry-2 {
    left: 9%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.raspberry-2 {
    left: 16%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-2 {
    width: 120px;
    height: 115px;
    display: block;
    background-image: url(../images/grants-landing-page/blueberry-2.jpg);
    left: -7%;
    bottom: 419px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-2 {
    left: 2%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-2 {
    left: 10%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-blurry-2 {
    width: 94px;
    height: 90px;
    display: block;
    background-image: url(../images/grants-landing-page/blueberry-blurry-2.jpg);
    left: 2%;
    bottom: 321px
  }
}
@media(min-width: 991px)and (min-width: 1400px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-blurry-2 {
    left: 8%
  }
}
@media(min-width: 991px)and (min-width: 1650px) {
  .page-template-page-lp-grants .main-content .backg-object.blueberry-blurry-2 {
    left: 15%
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .container {
    position: relative;
    z-index: 2
  }
}
.page-template-page-lp-grants .main-content a, .page-template-page-lp-grants .main-content a:visited {
  color: #be3246;
  transition: all .2s
}
.page-template-page-lp-grants .main-content a:hover, .page-template-page-lp-grants .main-content a:focus, .page-template-page-lp-grants .main-content a:visited:hover, .page-template-page-lp-grants .main-content a:visited:focus {
  color: #962737
}
.page-template-page-lp-grants .main-content .form-wrapper {
  width: 90%;
  margin: 0 auto
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .form-wrapper {
    width: 70%
  }
}
.page-template-page-lp-grants .main-content .form-wrapper .form-footer {
  font-size: 1.25rem
}
.page-template-page-lp-grants .main-content .gform_wrapper {
  width: 100%;
  margin-bottom: 0px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield {
  margin-top: 5px;
  margin-bottom: 8px
}
@media(min-width: 642px) {
  .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield {
    margin-bottom: 18px
  }
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield.gsection {
  border: 0px;
  margin-bottom: 10px;
  padding-bottom: 0px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield.field_description_below + li.gsection {
  margin-top: 50px !important
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield label.gfield_label {
  font-size: 1.8rem;
  margin-bottom: 10px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield h2.gsection_title {
  color: #be3246;
  text-transform: uppercase;
  line-height: 1em
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield select {
  padding: 0 15px;
  transition: all .2s ease-in-out;
  border: 2px solid #ccc;
  border-radius: 10px;
  margin: 0px;
  height: 58px;
  color: #727272;
  font-size: 1.8rem
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield select:focus {
  outline: none;
  border-color: #be3246
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield textarea {
  padding: 1em 15px;
  transition: all .2s ease-in-out;
  border: 2px solid #ccc;
  border-radius: 10px;
  margin: 0px;
  color: #727272;
  font-size: 1.8rem
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield textarea:focus {
  outline: none;
  border-color: #be3246
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_complex {
  margin-top: 0px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container {
  margin-top: 0px !important
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container .gfield_required {
  display: inline-block !important
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload input[type=file] {
  width: 100%;
  font-size: 1.4rem;
  outline: none;
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #ccc;
  padding: 4px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
  width: 0px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload input[type=file]::before {
  content: "Upload Photo or Video";
  display: inline-block;
  background: #fff;
  border: 2px solid #be3246;
  color: #be3246;
  border-radius: 5px;
  padding: 5px 10px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  transition: all .2s;
  font-size: 1.5rem
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload input[type=file]:hover::before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload input[type=file]:focus::before {
  background-color: #be3246;
  color: #fff
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload input[type=file]:hover {
  cursor: pointer
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload input[type=file]:active::before {
  background-color: #be3246;
  color: #fff
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload .gform_fileupload_multifile {
  background-color: #fff
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload .gform_fileupload_multifile input[type=button] {
  background-color: #ccc;
  color: #fff;
  border: 0px;
  border-radius: 5px;
  border: 0px;
  margin: 0px;
  font-size: 2.5rem;
  line-height: 1em;
  font-weight: 700;
  transition: all .2s;
  display: inline-block
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload .gform_fileupload_multifile input[type=button]:hover, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container.ginput_container_fileupload .gform_fileupload_multifile input[type=button]:focus {
  background-color: #962737
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container .gfield_radio {
  width: 100%
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container .gfield_radio {
    display: flex
  }
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container .gfield_radio li {
    margin-right: 60px
  }
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .gsection_description {
  margin: 15px 0 30px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .gsection_description p {
  margin: 0 0 1em;
  font-size: 1.8rem
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .gfield_consent_description {
  background-color: #fff;
  border-radius: 10px;
  border: 2px solid #ccc;
  padding: 15px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield.gfield_html {
  font-size: 1.8rem
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield.gfield_html.small-text {
  font-size: 1.25rem;
  line-height: 1.8rem
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio], .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] {
  margin: 0px;
  position: absolute;
  left: -9999px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio] + span, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio] + label, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + span, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + label {
  display: inline-block;
  margin-left: 32px;
  position: relative;
  padding-top: 5px;
  padding-left: 15px;
  line-height: 1.2em;
  min-height: 34px;
  cursor: pointer;
  text-transform: inherit;
  color: #727272;
  font-size: 1.6rem;
  max-width: 100%
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio] + span, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio] + label, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + span, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + label {
    font-size: 1.8rem
  }
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio] + span:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio] + label:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + span:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  left: -32px;
  top: 0px;
  width: 32px;
  height: 32px;
  border: 2px solid #ccc;
  background-color: #fff;
  padding: 2px;
  border-radius: 200%;
  transition: all .2s
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio] + span:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio] + label:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + span:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  left: -26px;
  top: 6px;
  width: 20px;
  height: 20px;
  padding: 2px;
  border-radius: 200%;
  transition: all .2s;
  background-color: #237ed5
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:checked + span:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:checked + label:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:checked + span:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:checked + label:after {
  transform: scale(1)
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:checked + label, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:checked + label {
  color: #237ed5
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:not(:checked) + span:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:not(:checked) + label:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:not(:checked) + span:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:not(:checked) + label:after {
  transform: scale(0)
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:hover + span:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:hover + label:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:focus + span:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:focus + label:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:hover + span:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:hover + label:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:focus + span:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:focus + label:before {
  border-color: #237ed5
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:hover + label, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=radio]:focus + label, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:hover + label, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox]:focus + label {
  color: #237ed5
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + span:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + label:before {
  border-radius: 5px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + span:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + label:after {
  border-radius: 5px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + span:before, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + label:before {
  border-radius: 10px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + span:after, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  top: 0px;
  left: -25px;
  height: 30px;
  width: 30px;
  font-size: 3rem;
  transition: none;
  background-color: transparent;
  background-image: url(../images/grants-landing-page/icons/blue/check-regular.svg);
  background-size: 100%
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container_select {
  position: relative
}
@media(min-width: 642px) {
  .page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container_select {
    display: inline-block;
    margin-left: 20px
  }
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container_select:after {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 9.5px 0 9.5px;
  transition: all .2s;
  border-color: #ccc transparent transparent transparent
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container_select:focus:after {
  border-color: #be3246 transparent transparent transparent
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container_select select {
  padding: 10px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 10px;
  border: 2px solid #ccc;
  height: 58px;
  background-color: #fff
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container_select select.medium {
  width: 100%
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_body ul.gform_fields li.gfield .ginput_container_select select:focus {
  border-color: #be3246
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_footer {
  transition: all .4s ease-in-out;
  text-align: left;
  padding: 1em 0px
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_footer input[type=submit] {
  background-color: #be3246;
  color: #fff;
  border: 0px;
  border-radius: 10px;
  border: 0px;
  padding: 15px 30px;
  margin: 0px;
  font-size: 2.5rem;
  line-height: 1em;
  font-weight: 700;
  transition: all .2s
}
@media(min-width: 991px) {
  .page-template-page-lp-grants .main-content .gform_wrapper form .gform_footer input[type=submit] {
    padding: 15px 35px
  }
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_footer input[type=submit]:hover, .page-template-page-lp-grants .main-content .gform_wrapper form .gform_footer input[type=submit]:focus {
  background-color: #962737
}
.page-template-page-lp-grants .main-content .gform_wrapper form .gform_footer .gform_ajax_spinner {
  width: initial
}
.page-template-page-lp-grants footer {
  margin-top: 0px
}
.page-template-page-lp-grants footer .footer-top {
  border: 0px
}
.desktop-break {
  display: none
}
@media(min-width: 768px) {
  .desktop-break {
    display: block
  }
}
.banner-section {
  background-color: #80b35f;
  margin-top: 43px;
  position: relative;
  z-index: 1
}
@media(min-width: 768px) {
  .banner-section {
    background-color: transparent;
    background-image: url(../images/full-on-you/banner.jpg);
    height: 500px;
    background-size: cover;
    background-position: right center
  }
  .banner-section.v2 {
    background-image: url(../images/full-on-you/banner-v2.jpg)
  }
}
@media(min-width: 768px) {
  .banner-section {
    background-position: right top
  }
}
@media(min-width: 1024px) {
  .banner-section {
    height: 500px
  }
}
@media(min-width: 1200px) {
  .banner-section {
    height: 600px;
    background-attachment: fixed;
    background-position: right top
  }
}
@media(min-width: 1400px) {
  .banner-section {
    min-height: 600px;
    height: calc(100vh - 250px)
  }
}
.banner-section.unnecessary-inventions {
  height: auto;
  min-height: 0;
  background: #3db3e5;
  padding: 30px 0;
  z-index: 3
}
@media(min-width: 768px) {
  .banner-section.unnecessary-inventions {
    padding: 81px 0
  }
}
.banner-section.unnecessary-inventions .content-row {
  display: block;
  align-items: center;
  text-align: center
}
@media(min-width: 768px) {
  .banner-section.unnecessary-inventions .content-row {
    display: flex
  }
}
.banner-section.unnecessary-inventions .content-row .lookupimage {
  max-width: 300px;
  margin-bottom: 15px
}
@media(min-width: 1024px) {
  .banner-section.unnecessary-inventions .content-row .lookupimage {
    margin-bottom: 0;
    max-width: 340px
  }
}
.banner-section.unnecessary-inventions .video-popup-container {
  border: 5px solid #fff;
  border-radius: 3px;
  position: relative;
  display: block;
  cursor: pointer
}
.banner-section.unnecessary-inventions .video-popup-container:hover .playicon {
  opacity: 1
}
.banner-section.unnecessary-inventions .video-popup-container .playicon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  opacity: .8;
  transition: all .3s;
  width: 100px
}
@media(min-width: 768px) {
  .banner-section.unnecessary-inventions .video-popup-container .playicon {
    width: auto
  }
}
.banner-section.unnecessary-inventions .bottom-waves {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  height: 40px;
  background-size: auto 40px;
  background-image: url(../images/full-on-you/light-blue-waves.png);
  background-position: bottom left;
  background-repeat-y: no-repeat
}
@media(min-width: 1024px) {
  .banner-section.unnecessary-inventions .bottom-waves {
    height: 90px;
    background-size: auto
  }
}
.banner-section.unnecessary-inventions .curved-mobile-bottom {
  display: none !important
}
.banner-section h1 {
  text-align: center;
  font-size: 3rem;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  line-height: 1em;
  color: #fff;
  padding: 30px 0 20px;
  text-transform: uppercase;
  font-weight: 700
}
@media(min-width: 768px) {
  .banner-section h1 {
    text-align: left;
    line-height: .9em;
    padding: 55px 0 50px;
    font-size: 5rem
  }
}
@media(min-width: 1024px) {
  .banner-section h1 {
    font-size: 6rem
  }
}
@media(min-width: 1200px) {
  .banner-section h1 {
    font-size: 7rem
  }
}
@media(min-width: 1400px) {
  .banner-section h1 {
    font-size: 8.3rem
  }
}
.banner-section > .banner-content {
  position: relative
}
.banner-section > .banner-content .curved-mobile-bottom {
  position: absolute;
  bottom: -99px;
  left: 0px;
  width: 100%;
  height: 100px;
  background-image: url(../images/full-on-you/curves-bottom-mobile-green.png);
  background-repeat: no-repeat;
  background-size: 100%
}
.line-separator {
  width: 100%;
  height: 2px;
  margin: 0 0 40px 0;
  background-color: rgba(255, 255, 255, .5)
}
.form-section {
  background-color: #6277bf;
  padding: 20px 0;
  position: relative;
  z-index: 2
}
@media(min-width: 768px) {
  .form-section {
    padding: 50px 0 25px
  }
}
.form-section.email-program .form-top {
  padding-bottom: 15px
}
.form-section.email-program .text {
  padding-bottom: 40px
}
.form-section.unnecessary-inventions {
  background-color: #9167a7;
  padding: 70px 0 0
}
@media(min-width: 642px) {
  .form-section.unnecessary-inventions {
    padding: 110px 0 0px
  }
}
@media(min-width: 1024px) {
  .form-section.unnecessary-inventions {
    padding: 110px 0
  }
}
@media(min-width: 1200px) {
  .form-section.unnecessary-inventions {
    background-image: url(../images/full-on-you/man-image.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 100%
  }
}
.form-section.unnecessary-inventions .man-image {
  margin-bottom: 15px
}
@media(min-width: 1024px) {
  .form-section.unnecessary-inventions .man-image {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    margin-bottom: 0
  }
}
.form-section.unnecessary-inventions .landingpage-form .gform_wrapper .gform_footer input {
  background: #be3246;
  color: #ffe28a
}
.form-section .bottom-waves {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%
}
.form-section .bottom-waves img {
  float: left
}
.form-section .form-top {
  padding-bottom: 30px
}
@media(min-width: 768px) {
  .form-section .form-top {
    padding-bottom: 50px
  }
}
.form-section .landingpage-form h3, .form-section .landingpage-form .send-rep h4 span, .send-rep h4 .form-section .landingpage-form span {
  font-size: 3rem;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  line-height: 1;
  color: #ffd774;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 20px;
  text-align: center
}
@media(min-width: 768px) {
  .form-section .landingpage-form h3, .form-section .landingpage-form .send-rep h4 span, .send-rep h4 .form-section .landingpage-form span {
    font-size: 5.8rem
  }
}
@media(min-width: 1024px) {
  .form-section .landingpage-form h3, .form-section .landingpage-form .send-rep h4 span, .send-rep h4 .form-section .landingpage-form span {
    text-align: left
  }
}
.form-section .landingpage-form .gform_confirmation_message {
  color: #fff
}
.form-section .landingpage-form .gform_wrapper {
  padding: 0;
  margin: 0
}
.form-section .landingpage-form .gform_wrapper .validation_error {
  border: 0;
  padding: 0;
  text-align: left;
  font-size: 20px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  line-height: 1;
  color: #ffe28a
}
.form-section .landingpage-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield {
  margin: 0 !important;
  padding-right: 0px !important
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
  color: #fff
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
  color: #ffe28a
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error {
  max-width: 100% !important
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error .validation_message {
  color: #ffe28a;
  position: relative;
  top: -20px
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error {
  background: transparent;
  border: 0
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error select {
  border: 2px solid #ac063c !important
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
  margin: 0;
  padding: 0 0 20px
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input) {
  height: 50px;
  border: 2px solid #d3d3d3;
  border-radius: 8px;
  margin: 0;
  padding: 0 25px !important;
  font-size: 22px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  color: #1d1d1b;
  transition: all .3s
}
@media(min-width: 642px) {
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input) {
    margin: 0 24px 0 0;
    height: 60px
  }
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input):focus {
  border-color: #653262
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input)::placeholder {
  color: #727272;
  opacity: 1
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input):-ms-input-placeholder {
  color: #727272
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input)::-ms-input-placeholder {
  color: #727272
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select {
  width: 100%;
  height: 50px;
  border: 2px solid #d3d3d3;
  border-radius: 8px;
  margin: 0;
  padding: 0 65px 0 25px !important;
  font-size: 22px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  color: #727272;
  background-image: url(../images/full-on-you/drop-arrow.png);
  background-color: #fff;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  appearance: none
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select:focus {
  border-color: #653262
}
@media(min-width: 642px) {
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select {
    height: 60px
  }
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex {
  width: 100%;
  padding: 0px !important
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex span {
  margin: 0 0 20px
}
@media(min-width: 642px) {
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex span {
    width: 50%;
    padding-right: 20px !important;
    display: block
  }
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex span:nth-child(2n) {
    padding-right: 0px !important
  }
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox], .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] {
  margin: 0px;
  position: absolute;
  left: -9999px
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + span, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + label, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label {
  display: inline-block;
  margin-left: 19px;
  font-weight: 400;
  position: relative;
  padding-left: 20px;
  line-height: 1.2em;
  min-height: 30px;
  cursor: pointer;
  text-transform: inherit;
  color: #fff
}
@media(min-width: 768px) {
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + span, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + label, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label {
    padding-top: 3px
  }
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + label:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: -17px;
  top: 2px;
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
  padding: 2px;
  border-radius: 5px;
  transition: all .2s
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + label:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 7px;
  left: -12px;
  font-size: 1em;
  font-weight: 400;
  line-height: .8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s;
  border-radius: 4px;
  background-color: #ffe28a
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:checked + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:checked + label:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:checked + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:checked + label:after {
  transform: scale(1);
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:checked + label, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:checked + label {
  color: #fff
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:not(:checked) + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:not(:checked) + label:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:not(:checked) + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:not(:checked) + label:after {
  transform: scale(0);
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:focus + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:focus + label:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:focus + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:focus + label:after {
  transform: scale(1);
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:focus + label, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:focus + label {
  color: #fff
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label:after {
  border-radius: 200%
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container ul.gfield_radio li input[type=text]:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input) {
  background-color: transparent;
  color: rgba(255, 255, 255, .5);
  font-size: .9em !important;
  border-color: rgba(255, 255, 255, .5);
  padding: 4px 10px !important;
  height: auto;
  margin: 10px 0 0;
  transition: all .2s
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container ul.gfield_radio li input[type=text]:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input):focus {
  border-color: #ffe28a;
  color: #fff
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .validation_message {
  padding: 5px 0 0;
  font-size: 20px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  line-height: 1;
  color: #ac063c
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin-top: 20px
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li {
  width: 50%;
  text-align: center
}
@media(min-width: 642px) {
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li {
    width: 33.3%
  }
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + span, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + label {
  display: block;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 110px
}
@media(min-width: 768px) {
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + span, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + label {
    margin-top: 210px;
    padding-top: 3px
  }
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -110px;
  transform: translateX(-50%);
  width: 100px;
  height: 100px;
  border: 4px solid rgba(255, 255, 255, .6);
  padding: 0px;
  border-radius: 5px;
  transition: all .2s;
  background-size: cover;
  background-repeat: no-repeat
}
@media(min-width: 768px) {
  .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + label:before {
    border-width: 8px;
    top: -210px;
    width: 200px;
    height: 200px
  }
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + span:after, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio] + label:after {
  content: "";
  display: none
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio]:checked + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio]:checked + label:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio]:focus + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio]:focus + label:before {
  border-color: #ffe28a
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio]:checked + label, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio]:focus + label {
  color: #ffe28a
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio]:hover + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio]:hover + label:before {
  border-color: #fff
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio][value="Protein Blueberry Muffins"] + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio][value="Protein Blueberry Muffins"] + label:before {
  background-image: url(../images/full-on-you/recipe-blueberry-muffins.jpg)
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio][value="Yoghurt Banana Bread"] + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio][value="Yoghurt Banana Bread"] + label:before {
  background-image: url(../images/full-on-you/recipe-banana-bread.jpg)
}
.form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio][value="Waffles & Yoghurt Topping"] + span:before, .form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.survey-recipes-set1 .ginput_container ul li input[type=radio][value="Waffles & Yoghurt Topping"] + label:before {
  background-image: url(../images/full-on-you/recipe-waffles-yogurt.jpg)
}
.form-section .landingpage-form .gform_wrapper .gform_footer {
  margin: 5px 0 0 !important;
  padding: 0 !important
}
.form-section .landingpage-form .gform_wrapper .gform_footer img {
  width: auto
}
.form-section .landingpage-form .gform_wrapper .gform_footer input {
  background-color: #ffd774;
  text-transform: uppercase;
  color: #be3246;
  border: 0;
  border-radius: 8px;
  font-size: 22px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  line-height: 1 !important;
  padding: 14px 45px;
  transition: all .5s ease;
  min-height: 0 !important
}
@media(min-width: 642px) {
  .form-section .landingpage-form .gform_wrapper .gform_footer input {
    padding: 20px 45px
  }
}
.form-section .landingpage-form .gform_wrapper .gform_footer input:hover, .form-section .landingpage-form .gform_wrapper .gform_footer input:focus {
  color: #ffd774;
  background-color: #653262
}
.form-section .landingpage-form .form-footer {
  font-size: 1.25rem;
  color: #fff
}
@media(min-width: 768px) {
  .form-section .landingpage-form .form-footer {
    margin: 10px 0 0
  }
}
.form-section .landingpage-form .social-links {
  width: 100%;
  text-align: center
}
@media(min-width: 991px) {
  .form-section .landingpage-form .social-links {
    text-align: left
  }
}
.form-section .products-image {
  text-align: center;
  padding-bottom: 15px
}
@media(min-width: 768px) {
  .form-section .products-image {
    padding-top: 0
  }
}
.form-section .products-image img {
  width: auto;
  max-width: 100%;
  height: auto
}
.dark-purple-section {
  position: relative;
  padding: 0 0 50px;
  background: #653262
}
@media(min-width: 991px) {
  .dark-purple-section {
    padding: 70px 0
  }
}
@media(min-width: 1024px) {
  .dark-purple-section {
    padding: 200px 0
  }
}
.dark-purple-section.email-program {
  z-index: 2
}
@media(min-width: 991px) {
  .dark-purple-section.email-program {
    padding: 70px 0
  }
}
@media(min-width: 1200px) {
  .dark-purple-section.email-program {
    padding: 200px 0
  }
}
.dark-purple-section.unnecessary-inventions {
  overflow: visible;
  position: relative;
  z-index: 100
}
@media(min-width: 991px) {
  .dark-purple-section.unnecessary-inventions {
    padding: 70px 0
  }
}
@media(min-width: 1024px) {
  .dark-purple-section.unnecessary-inventions {
    padding: 100px 0 170px
  }
}
.dark-purple-section.unnecessary-inventions .left-part:after {
  top: -33px;
  height: 100%
}
.dark-purple-section.unnecessary-inventions .left-part .top-dark-purple-wave-overlay {
  position: absolute;
  z-index: 100;
  left: 0px;
  top: -94px;
  width: 100%;
  height: 94px;
  background-image: url(../images/full-on-you/wave-purple-half-bottom-to-top-v2.png);
  background-repeat: no-repeat;
  background-size: 100% 94px;
  background-position: left bottom
}
@media(min-width: 991px) {
  .dark-purple-section.unnecessary-inventions .right-part {
    top: -94px;
    height: calc(100% + 94px)
  }
}
.dark-purple-section.unnecessary-inventions .right-part .top-light-purple-wave-overlay {
  position: absolute;
  z-index: 100;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 94px;
  background-image: url(../images/full-on-you/wave-light-purple-half-top-to-bottom.png);
  background-repeat: no-repeat;
  background-size: 100% 94px;
  background-position: left bottom
}
.dark-purple-section .left-part {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #653262;
  display: none
}
@media(min-width: 991px) {
  .dark-purple-section .left-part {
    display: block
  }
}
.dark-purple-section .left-part .has-top-wave {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 100%;
  width: 100%
}
.dark-purple-section .left-part .has-top-wave img {
  height: 50px
}
.dark-purple-section .left-part:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 99%;
  top: 0;
  width: 50px;
  height: 100%;
  background-color: transparent;
  background-image: url(../images/full-on-you/purple-right-wave.png);
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat
}
.dark-purple-section .right-part {
  position: relative;
  right: 0;
  top: 0px;
  width: 100%;
  height: 388px;
  background-color: transparent;
  background-image: url(../images/full-on-you/image.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 50px
}
.dark-purple-section .right-part.passion-fruit {
  background-image: url(../images/full-on-you/passion-fruits.jpg);
  background-position: center center;
  background-size: cover
}
.dark-purple-section .right-part .curved-mobile-top-purple {
  position: absolute;
  bottom: -2px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-image: url(../images/full-on-you/curves-top-mobile-purple.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%
}
.dark-purple-section .right-part .top-light-purple-wave-overlay {
  position: absolute;
  z-index: 100;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 94px;
  background-image: url(../images/full-on-you/wave-light-purple-half-top-to-bottom.png);
  background-repeat: no-repeat;
  background-size: 100% 94px;
  background-position: left bottom
}
@media(min-width: 768px) {
  .dark-purple-section .right-part {
    height: 300px
  }
}
@media(min-width: 991px) {
  .dark-purple-section .right-part {
    height: 100%;
    width: 50%;
    margin-bottom: 0;
    position: absolute
  }
}
.dark-purple-section .right-part.has-curved-image {
  background-image: url(../images/full-on-you/mountain-yoghurt-photo-curved-top.png);
  background-position: right top;
  height: 400px;
  top: -50px;
  margin-bottom: 0
}
@media(min-width: 768px) {
  .dark-purple-section .right-part.has-curved-image {
    height: 500px
  }
}
@media(min-width: 991px) {
  .dark-purple-section .right-part.has-curved-image {
    height: calc(100% + 50px);
    width: 50%;
    margin-bottom: 0;
    position: absolute
  }
}
.green-section {
  background: #80b35f;
  padding: 15px 0 0;
  position: relative;
  z-index: 3
}
.green-section .green-waves {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%
}
.green-section .green-waves img {
  float: left
}
.green-section .instagram-feeds {
  padding-top: 15px;
  margin-left: -20px
}
.green-section .spotify-player {
  padding-top: 15px
}
.green-section .spotify-player iframe {
  width: 100%
}
.green-section .section-title {
  display: flex;
  align-items: center;
  justify-content: center
}
@media(min-width: 991px) {
  .green-section .section-title {
    justify-content: flex-start
  }
}
.green-section .section-title .instagram-icon {
  width: 30px;
  margin: 0 0 0 10px
}
@media(min-width: 768px) {
  .green-section .section-title .instagram-icon {
    width: 58px;
    margin: 0 0 0 20px
  }
}
.green-waves-bottom {
  width: 100%;
  overflow: hidden
}
.green-waves-bottom.email-program {
  background-color: #6277bf
}
.green-waves-bottom img {
  float: left
}
.section-title {
  color: #ffd774;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  padding-bottom: 10px;
  line-height: 1em;
  text-align: center
}
@media(min-width: 768px) {
  .section-title {
    font-size: 5.8rem
  }
}
@media(min-width: 991px) {
  .section-title {
    text-align: left
  }
}
.text.padding-bottom {
  padding-bottom: 20px
}
@media(min-width: 768px) {
  .text.padding-bottom {
    padding-bottom: 40px
  }
}
.text p {
  font-size: 1.8rem;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  line-height: 1.4em;
  color: #fff;
  letter-spacing: 0;
  font-weight: 700
}
@media(min-width: 768px) {
  .text p {
    font-size: 25px
  }
}
.text p.yellow-copy {
  color: #ffd774
}
.text p.hashtag {
  color: #653262;
  font-size: 2rem
}
@media(min-width: 768px) {
  .text p.hashtag {
    font-size: 3rem
  }
}
.text p.small {
  font-size: 1.5rem
}
.text p.pt-large {
  padding-top: 20px
}
.text p a.yellow-copy {
  color: #ffd774;
  transition: all .5s ease
}
.text p a.yellow-copy:hover {
  color: #3db3e5
}
.button-link {
  background-color: #ffd774;
  padding: 10px 15px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 1.6em;
  color: #be3246;
  border-radius: 8px;
  margin-bottom: 30px;
  transition: all .5s ease
}
@media(min-width: 768px) {
  .button-link {
    font-size: 2.2rem;
    padding: 10px 17px
  }
}
.button-link:hover, .button-link:focus {
  color: #be3246;
  opacity: .8
}
.button-link img {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px
}
@media(min-width: 768px) {
  .button-link img {
    margin-right: 20px
  }
}
.newyear-logo {
  width: 100%;
  text-align: center;
  background-image: url(../images/full-on-you/light-purple-wave.png);
  background-position: center top;
  background-size: 150% 100%;
  background-repeat: no-repeat;
  padding: 20px 0 15px;
  position: absolute;
  left: 0;
  bottom: -2px
}
@media(min-width: 768px) {
  .newyear-logo {
    width: 100%;
    padding: 25px 0
  }
}
@media(min-width: 1200px) {
  .newyear-logo {
    padding: 60px 0 0px
  }
}
.newyear-logo img {
  width: auto;
  max-width: 150px
}
@media(min-width: 768px) {
  .newyear-logo img {
    max-width: 185px
  }
}
@media(min-width: 1200px) {
  .newyear-logo img {
    max-width: 300px
  }
}
@media(min-width: 1400px) {
  .newyear-logo img {
    max-width: none
  }
}
.newyear-logo.email-program {
  background: transparent;
  padding: 0px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-size: cover;
  z-index: 2;
  max-width: 200px
}
@media(min-width: 321px) {
  .newyear-logo.email-program {
    transform: translate(-50%, 50px);
    max-width: 300px
  }
}
@media(min-width: 768px) {
  .newyear-logo.email-program {
    max-width: 500px
  }
}
@media(min-width: 1400px) {
  .newyear-logo.email-program {
    transform: translate(-50%, 30%)
  }
}
@media(min-width: 1400px) {
  .newyear-logo.email-program {
    max-width: 100%;
    padding: 0px
  }
}
.newyear-logo.email-program img {
  max-width: 100%;
  height: auto
}
.page-template-page-lp-fullonyou footer, .page-template-page-lp-fullonyou-email-program footer, .page-template-page-lp-fullonyou-survey footer, .page-template-page-lp-unnecessary-inventions footer {
  margin-top: 20px
}
.page-template-page-lp-fullonyou footer .footer-top, .page-template-page-lp-fullonyou-email-program footer .footer-top, .page-template-page-lp-fullonyou-survey footer .footer-top, .page-template-page-lp-unnecessary-inventions footer .footer-top {
  border: 0
}
.full-on-tasty-tips {
  background: #49aec3;
  background: -moz-linear-gradient(top, #49aec3 0%, #11788b 80%);
  background: -webkit-linear-gradient(top, #49aec3 0%, #11788b 80%);
  background: linear-gradient(to bottom, #49aec3 0%, #11788b 80%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr="#49aec3", endColorstr="#11788b");
  position: relative;
  z-index: 3;
  padding: 35px 0 90px;
  overflow: hidden
}
@media(min-width: 768px) {
  .full-on-tasty-tips {
    padding: 35px 0 220px
  }
}
.full-on-tasty-tips.unnecessary-inventions {
  padding: 35px 0 120px
}
@media(min-width: 1024px) {
  .full-on-tasty-tips.unnecessary-inventions {
    padding: 35px 0 220px
  }
}
.full-on-tasty-tips .backg-object {
  position: absolute;
  background-repeat: none;
  background-position: top left;
  background-size: 100%;
  z-index: 0;
  display: none
}
@media(min-width: 1200px) {
  .full-on-tasty-tips .backg-object {
    display: block
  }
}
.full-on-tasty-tips .backg-object.raspberry-1 {
  width: 134px;
  height: 117px;
  background-image: url(../images/full-on-you/raspberry-1.png);
  right: -2%;
  top: 290px
}
@media(min-width: 1500px) {
  .full-on-tasty-tips .backg-object.raspberry-1 {
    right: 2%
  }
}
.full-on-tasty-tips .backg-object.raspberry-1.unnecessary {
  right: 16%;
  transform: rotate(90deg);
  top: 0;
  width: 93px;
  height: 81px
}
.full-on-tasty-tips .backg-object.raspberry-2 {
  width: 134px;
  height: 117px;
  background-image: url(../images/full-on-you/raspberry-1.png);
  left: -5.5%;
  top: 290px;
  transform: rotate(-105deg)
}
.full-on-tasty-tips .backg-object.raspberry-3 {
  width: 134px;
  height: 117px;
  background-image: url(../images/full-on-you/raspberry-1.png);
  left: 5.5%;
  bottom: -100px;
  transform: rotate(-105deg)
}
.full-on-tasty-tips .backg-object.blackberry-1 {
  width: 107px;
  height: 124px;
  background-image: url(../images/full-on-you/blackberry-1.png);
  right: 0%;
  top: 0
}
@media(min-width: 1500px) {
  .full-on-tasty-tips .backg-object.blackberry-1 {
    right: 8%
  }
}
.full-on-tasty-tips .backg-object.blackberry-1.unnecessary {
  left: 13%;
  right: auto;
  transform: rotate(186deg);
  top: 132px
}
.full-on-tasty-tips .backg-object.strawberry-1 {
  width: 212px;
  height: 272px;
  background-image: url(../images/full-on-you/strawberry-1.png);
  left: -2%;
  bottom: 125px
}
@media(min-width: 1500px) {
  .full-on-tasty-tips .backg-object.strawberry-1 {
    left: 4%
  }
}
.full-on-tasty-tips .backg-object.strawberry-1.unnecessary {
  transform: rotate(-150deg);
  top: 26px;
  left: 20%
}
.full-on-tasty-tips .backg-object.strawberry-2 {
  width: 212px;
  height: 272px;
  background-image: url(../images/full-on-you/strawberry-1.png);
  right: 15%;
  bottom: 0;
  transform: rotate(60deg)
}
.full-on-tasty-tips .backg-object.blueberry-1 {
  width: 121px;
  height: 115px;
  background-image: url(../images/full-on-you/blueberry-2.png);
  left: 0;
  top: 20px
}
@media(min-width: 1500px) {
  .full-on-tasty-tips .backg-object.blueberry-1 {
    left: 3%
  }
}
.full-on-tasty-tips .backg-object.blueberry-1.unnecessary {
  left: 16%;
  transform: scale(0.8);
  top: 175px
}
.full-on-tasty-tips .backg-object.blueberry-blurry-1 {
  width: 92px;
  height: 90px;
  background-image: url(../images/full-on-you/blueberry-blurry-1.png);
  right: 2%;
  top: 500px
}
@media(min-width: 1500px) {
  .full-on-tasty-tips .backg-object.blueberry-blurry-1 {
    right: 9%
  }
}
.full-on-tasty-tips .backg-object.blueberry-blurry-2 {
  width: 92px;
  height: 90px;
  background-image: url(../images/full-on-you/blueberry-blurry-2.png);
  left: 0;
  top: 204px
}
@media(min-width: 1500px) {
  .full-on-tasty-tips .backg-object.blueberry-blurry-2 {
    left: 4%
  }
}
.full-on-tasty-tips .backg-object.blueberry-blurry-2.unnecessary {
  left: 15%;
  top: 272px
}
.full-on-tasty-tips .backg-object.blueberry-blurry-3 {
  width: 92px;
  height: 90px;
  background-image: url(../images/full-on-you/blueberry-blurry-2.png);
  left: 60%;
  top: 230px
}
.full-on-tasty-tips .full-on-slider {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  display: none
}
.full-on-tasty-tips .full-on-slider.slick-initialized {
  display: block
}
.full-on-tasty-tips .full-on-slider .slick-arrow {
  width: 41px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 41px;
  opacity: 1;
  font-size: 0;
  border: 0;
  transition: all .3s ease;
  display: none !important;
  background-color: #fff;
  border-radius: 200px
}
@media(min-width: 768px) {
  .full-on-tasty-tips .full-on-slider .slick-arrow {
    display: block !important
  }
}
.full-on-tasty-tips .full-on-slider .slick-arrow:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s
}
.full-on-tasty-tips .full-on-slider .slick-arrow:hover, .full-on-tasty-tips .full-on-slider .slick-arrow:focus {
  background-color: #ffe28a
}
.full-on-tasty-tips .full-on-slider .slick-arrow.slick-prev {
  left: 0
}
.full-on-tasty-tips .full-on-slider .slick-arrow.slick-prev:after {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 15px solid #653262;
  transform: translate(-60%, -50%)
}
.full-on-tasty-tips .full-on-slider .slick-arrow.slick-prev:hover:after, .full-on-tasty-tips .full-on-slider .slick-arrow.slick-prev:focus:after {
  border-right: 15px solid #42a7bc
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .full-on-slider .slick-arrow.slick-prev {
    left: -35px
  }
}
@media(min-width: 1200px) {
  .full-on-tasty-tips .full-on-slider .slick-arrow.slick-prev {
    left: -25px
  }
}
@media(min-width: 1400px) {
  .full-on-tasty-tips .full-on-slider .slick-arrow.slick-prev {
    left: -75px
  }
}
.full-on-tasty-tips .full-on-slider .slick-arrow.slick-next {
  right: 0
}
.full-on-tasty-tips .full-on-slider .slick-arrow.slick-next:after {
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 15px solid #653262;
  transform: translate(-40%, -50%)
}
.full-on-tasty-tips .full-on-slider .slick-arrow.slick-next:hover:after, .full-on-tasty-tips .full-on-slider .slick-arrow.slick-next:focus:after {
  border-left: 15px solid #42a7bc
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .full-on-slider .slick-arrow.slick-next {
    right: -35px
  }
}
@media(min-width: 1200px) {
  .full-on-tasty-tips .full-on-slider .slick-arrow.slick-next {
    right: -25px
  }
}
@media(min-width: 1400px) {
  .full-on-tasty-tips .full-on-slider .slick-arrow.slick-next {
    right: -75px
  }
}
.full-on-tasty-tips .full-on-slider .slick-dots {
  padding: 20px 0;
  top: 100%;
  bottom: auto
}
.full-on-tasty-tips .full-on-slider .slick-dots li {
  width: auto;
  height: auto
}
.full-on-tasty-tips .full-on-slider .slick-dots li button {
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 0;
  width: 26px;
  height: 26px;
  transition: all .3s ease
}
.full-on-tasty-tips .full-on-slider .slick-dots li button:before {
  display: none
}
.full-on-tasty-tips .full-on-slider .slick-dots li button:hover {
  background-color: #80b35f
}
.full-on-tasty-tips .full-on-slider .slick-dots li.slick-active button {
  background-color: #ffe28a
}
.full-on-tasty-tips .full-on-slider .slide {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
  text-align: center;
  align-items: center
}
.full-on-tasty-tips .full-on-slider .slide.verticle-center {
  align-items: center
}
@media(min-width: 768px) {
  .full-on-tasty-tips .full-on-slider .slide {
    padding: 0 75px;
    align-items: center
  }
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .full-on-slider .slide {
    flex-direction: row;
    text-align: left;
    padding: 0 50px;
    align-items: flex-start
  }
}
@media(min-width: 1400px) {
  .full-on-tasty-tips .full-on-slider .slide {
    padding: 0
  }
}
.full-on-tasty-tips .full-on-slider .slide .slide-image {
  width: 70%;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 15px;
  border: 4px solid #fff
}
@media(min-width: 768px) {
  .full-on-tasty-tips .full-on-slider .slide .slide-image {
    width: 50%
  }
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .full-on-slider .slide .slide-image {
    width: 38%
  }
}
.full-on-tasty-tips .full-on-slider .slide .slide-text {
  width: 100%
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .full-on-slider .slide .slide-text {
    width: 58%
  }
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .section-title {
  text-align: center
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .full-on-slider .slide .slide-text .section-title {
    text-align: left
  }
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .sub-title {
  color: #fff;
  font-weight: 700;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-size: 3rem;
  line-height: 1em
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .time p, .full-on-tasty-tips .full-on-slider .slide .slide-text .small p {
  font-size: 1.7rem
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .name {
  padding-top: 30px
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left
}
@media(min-width: 768px) {
  .full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps {
    flex-direction: row
  }
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps h5 {
  color: #ffe28a;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  line-height: 1em
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps p {
  font-size: 1.7rem;
  line-height: 1.5em
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps ul, .full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps ol {
  margin: 0;
  padding: 10px 0 0px 20px
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps ul li, .full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps ol li {
  color: #fff;
  font-weight: 700;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  line-height: 1.5em
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps .ingredients {
  width: 100%;
  margin-bottom: 15px
}
@media(min-width: 768px) {
  .full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps .ingredients {
    width: 40%
  }
}
.full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps .recipe-steps {
  width: 100%
}
@media(min-width: 768px) {
  .full-on-tasty-tips .full-on-slider .slide .slide-text .ingredients-steps .recipe-steps {
    width: 58%
  }
}
.full-on-tasty-tips .inner-content .instagram-icon {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: top;
  text-align: center
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .inner-content .instagram-icon {
    width: 310px
  }
}
.full-on-tasty-tips .inner-content .instagram-icon img {
  width: 200px
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .inner-content .instagram-icon img {
    width: auto
  }
}
.full-on-tasty-tips .inner-content .text {
  padding-top: 15px;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  text-align: center
}
@media(min-width: 1024px) {
  .full-on-tasty-tips .inner-content .text {
    width: calc(100% - 317px);
    padding-left: 35px;
    padding-top: 0;
    text-align: left
  }
}
.full-on-tasty-tips .inner-content .text a {
  background-color: #fff;
  padding: 15px 25px;
  display: inline-block;
  border-radius: 25px;
  font-size: 2rem;
  transition: all .3s;
  color: #5d55c8;
  border: 2px solid transparent
}
@media(min-width: 768px) {
  .full-on-tasty-tips .inner-content .text a {
    padding: 15px 40px;
    font-size: 2.5rem
  }
}
.full-on-tasty-tips .inner-content .text a img {
  width: 28px;
  vertical-align: top;
  margin-left: 15px
}
.full-on-tasty-tips .inner-content .text a:hover {
  border: 2px solid #be3246;
  transform: scale(1.1)
}
.full-on-tasty-tips .white-waves-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  max-height: 100px
}
.full-on-tasty-tips .white-waves-bottom img {
  float: left
}
.top-waves {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  z-index: 1
}
.top-waves img {
  float: left
}
.video-outer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9002;
  padding: 50px 0;
  background: rgba(0, 0, 0, .9);
  display: none;
  text-align: center
}
.video-enabled .video-outer {
  display: block
}
.video-outer iframe {
  position: absolute;
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%
}
.video-outer .video-close {
  position: absolute;
  z-index: 100;
  right: 10px;
  top: 10px;
  font-size: 4rem;
  color: #fff;
  cursor: pointer
}
body.video-enabled {
  position: fixed
}
.page-template-page-lp-coast-to-coast img {
  max-width: 100%;
  height: auto
}
.page-template-page-lp-coast-to-coast .header-spacer {
  height: 68px
}
@media(min-width: 768px) {
  .page-template-page-lp-coast-to-coast .header-spacer {
    height: 115px
  }
}
.top-section {
  background: #0c6bed;
  text-align: center;
  padding-top: 15px
}
@media(min-width: 768px) {
  .top-section {
    padding-top: 25px
  }
}
.top-section img {
  width: auto
}
.take-back-form-section {
  text-align: center;
  padding: 25px 0 0;
  position: relative
}
.take-back-form-section img {
  width: auto;
  margin-bottom: 20px;
  max-width: 250px
}
@media(min-width: 768px) {
  .take-back-form-section img {
    max-width: none
  }
}
.take-back-form-section p {
  font-size: 2rem;
  line-height: 1.2;
  color: #25c995;
  padding-bottom: 15px
}
@media(min-width: 768px) {
  .take-back-form-section p {
    font-size: 2.25rem
  }
}
.take-back-form-section p.rule-link {
  font-size: 1.5rem
}
.take-back-form-section p a {
  text-decoration: underline;
  transition: all .3s
}
.take-back-form-section p a:hover {
  color: #0c6bed
}
.take-back-form-section .form-row .form-inner {
  position: relative;
  margin: 0 auto;
  display: inline-block
}
.take-back-form-section .form-row .form-inner .backg-object {
  position: absolute;
  display: none
}
@media(min-width: 1024px) {
  .take-back-form-section .form-row .form-inner .backg-object {
    display: block
  }
}
@media(min-width: 1400px) {
  .take-back-form-section .form-row .form-inner .backg-object {
    width: auto !important
  }
}
@media(min-width: 1024px) {
  .take-back-form-section .form-row .form-inner .backg-object.form-arrow {
    top: -4%;
    left: 110%
  }
}
@media(min-width: 1024px) {
  .take-back-form-section .form-row .form-inner .backg-object.noosa-coconut {
    top: 68%;
    width: 150px;
    right: 103%
  }
}
@media(min-width: 1200px) {
  .take-back-form-section .form-row .form-inner .backg-object.noosa-coconut {
    width: 200px
  }
}
@media(min-width: 1024px) {
  .take-back-form-section .form-row .form-inner .backg-object.noosa-blueberry {
    top: 18%;
    width: 150px;
    right: 103%
  }
}
@media(min-width: 1200px) {
  .take-back-form-section .form-row .form-inner .backg-object.noosa-blueberry {
    width: 200px
  }
}
@media(min-width: 1400px) {
  .take-back-form-section .form-row .form-inner .backg-object.noosa-blueberry {
    right: 110%
  }
}
@media(min-width: 1024px) {
  .take-back-form-section .form-row .form-inner .backg-object.noosa-lemon {
    top: 34%;
    width: 160px;
    left: 102%
  }
}
@media(min-width: 1200px) {
  .take-back-form-section .form-row .form-inner .backg-object.noosa-lemon {
    width: 200px
  }
}
@media(min-width: 1400px) {
  .take-back-form-section .form-row .form-inner .backg-object.noosa-lemon {
    left: 105%
  }
}
.take-back-form-section .form-row iframe {
  max-width: 100%;
  margin-top: 30px
}
.map-section {
  background: #25c995;
  padding: 35px 0
}
@media(min-width: 768px) {
  .map-section {
    padding: 70px 0
  }
}
.map-section .map-inner {
  position: relative;
  margin-top: 45px
}
.map-section .map-inner .locations-images {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.map-section .map-inner .locations-images .location-image {
  width: 100px;
  position: absolute;
  cursor: pointer;
  transition: all .3s;
  background: transparent;
  border: 0
}
@media(min-width: 768px) {
  .map-section .map-inner .locations-images .location-image {
    width: 185px
  }
}
@media(min-width: 1024px) {
  .map-section .map-inner .locations-images .location-image {
    width: 215px
  }
}
@media(min-width: 1200px) {
  .map-section .map-inner .locations-images .location-image {
    width: auto;
    transform: scale(0.9)
  }
}
@media(min-width: 1400px) {
  .map-section .map-inner .locations-images .location-image {
    transform: scale(1)
  }
}
.map-section .map-inner .locations-images .location-image:hover, .map-section .map-inner .locations-images .location-image:focus {
  transform: scale(1.1)
}
.map-section .map-inner .locations-images .location-image.san-francisco {
  left: -17px;
  top: 26%
}
@media(min-width: 1024px) {
  .map-section .map-inner .locations-images .location-image.san-francisco {
    left: -40px;
    top: 117px
  }
}
@media(min-width: 1200px) {
  .map-section .map-inner .locations-images .location-image.san-francisco {
    left: -76px;
    top: 148px
  }
}
.map-section .map-inner .locations-images .location-image.los-angeles {
  left: -15px;
  bottom: 14%
}
@media(min-width: 1024px) {
  .map-section .map-inner .locations-images .location-image.los-angeles {
    left: -18px;
    bottom: 93px
  }
}
@media(min-width: 1200px) {
  .map-section .map-inner .locations-images .location-image.los-angeles {
    left: -45px;
    bottom: 112
  }
}
.map-section .map-inner .locations-images .location-image.denver {
  left: 21%;
  top: 43%
}
@media(min-width: 1024px) {
  .map-section .map-inner .locations-images .location-image.denver {
    left: 205px;
    top: 210px
  }
}
@media(min-width: 1200px) {
  .map-section .map-inner .locations-images .location-image.denver {
    left: 245px;
    top: 255px
  }
}
.map-section .map-inner .locations-images .location-image.chicago {
  right: 24%;
  top: 25%
}
@media(min-width: 1024px) {
  .map-section .map-inner .locations-images .location-image.chicago {
    right: 235px;
    top: 128px
  }
}
@media(min-width: 1200px) {
  .map-section .map-inner .locations-images .location-image.chicago {
    right: 290px;
    top: 151px
  }
}
.map-section .map-inner .locations-images .location-image.nashville {
  right: 25%;
  top: 53%
}
@media(min-width: 1024px) {
  .map-section .map-inner .locations-images .location-image.nashville {
    right: 250px;
    top: 261px
  }
}
@media(min-width: 1200px) {
  .map-section .map-inner .locations-images .location-image.nashville {
    right: 330px;
    top: 297px
  }
}
.map-section .map-inner .locations-images .location-image.new-york {
  right: -10px;
  top: 33%
}
@media(min-width: 1024px) {
  .map-section .map-inner .locations-images .location-image.new-york {
    right: 27px;
    top: 181px
  }
}
@media(min-width: 1200px) {
  .map-section .map-inner .locations-images .location-image.new-york {
    right: -15px;
    top: 206px
  }
}
.map-section .map-inner .locations-images .location-image.miami {
  right: 13%;
  bottom: -1%
}
@media(min-width: 1024px) {
  .map-section .map-inner .locations-images .location-image.miami {
    right: 150px;
    bottom: 5px
  }
}
@media(min-width: 1200px) {
  .map-section .map-inner .locations-images .location-image.miami {
    right: 165px;
    bottom: -24
  }
}
.location-data {
  padding-top: 35px
}
@media(min-width: 768px) {
  .location-data {
    padding-top: 70px
  }
}
.location-data .location .heading {
  display: none
}
.location-data .location .bottom-content {
  padding-top: 25px
}
@media(min-width: 768px) {
  .location-data .location .bottom-content {
    padding-top: 50px
  }
}
.location-data .location .bottom-content .guide-box {
  display: none;
  margin-bottom: 30px
}
.location-data .location .bottom-content .guide-box a {
  border: 3px solid transparent;
  transition: all .3s;
  display: block;
  overflow: hidden
}
.location-data .location .bottom-content .guide-box a:focus, .location-data .location .bottom-content .guide-box a:hover {
  border: 3px solid #0c6bed;
  outline: none
}
.location-data .location .bottom-content .guide-box .image {
  position: relative;
  overflow: hidden
}
.location-data .location .bottom-content .guide-box .image img {
  width: 100%;
  transition: all .3s
}
.location-data .location .bottom-content .guide-box .image .text {
  padding: 15px 20px;
  position: absolute;
  left: 3px;
  top: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: transparent;
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 80%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr="transparent", endColorstr="rgba(0, 0, 0, 0.5)");
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}
@media(min-width: 768px) {
  .location-data .location .bottom-content .guide-box .image .text {
    padding: 20px 30px
  }
}
.location-data .location .bottom-content .guide-box .image .text .text-inner .tag {
  padding: 5px 15px;
  background: #0c6bed;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #fff;
  text-transform: uppercase
}
.location-data .location .bottom-content .guide-box .image .text .text-inner .guide {
  display: block;
  font-size: 1.6rem;
  color: #fff;
  text-transform: uppercase
}
.location-data .location .bottom-content .guide-box .image .text .text-inner p {
  line-height: 1.2
}
.location-data .location .bottom-content .guide-box .image .text .text-inner .credit {
  display: block;
  font-size: 1.6rem;
  color: #fff
}
.location-data .location .bottom-content .guide-box .image:hover img {
  transform: scale(1.1)
}
.location-data .location .bottom-content #spotify-player {
  text-align: center;
  margin: 0 auto;
  display: inherit
}
@media(min-width: 768px) {
  .location-data .location .bottom-content #spotify-player {
    width: 100%
  }
}
.location-data .building-image {
  margin-top: -100px
}
.location-data .building-image img {
  display: none
}
.location-data .building-image img.display-image {
  display: block
}
.display {
  display: block !important
}
.instagram-feed-section {
  background: #25c995;
  padding-bottom: 30px;
  padding-top: 30px
}
@media(min-width: 768px) {
  .instagram-feed-section {
    padding-bottom: 50px
  }
}
.instagram-feed-section .heading {
  margin-bottom: 30px
}
.instagram-feed-section .left img, .instagram-feed-section .center img {
  width: auto;
  margin: 0 auto;
  display: inherit
}
.instagram-feed-section .left p, .instagram-feed-section .center p {
  padding: 10px 0;
  font-size: 2rem;
  line-height: 1.2;
  color: #fff
}
@media(min-width: 1200px) {
  .instagram-feed-section .left p, .instagram-feed-section .center p {
    font-size: 3rem;
    padding: 15px 0
  }
}
.instagram-feed-section .center {
  text-align: center
}
.instagram-feed-section .bottom-cta-button-wrapper {
  margin: 20px 0
}
.instagram-feed-section .bottom-cta-button-wrapper a.bottom-cta-button {
  display: inline-block;
  background-color: #fff;
  text-transform: uppercase;
  color: #0c6bed;
  border: 0;
  border-radius: 8px;
  font-size: 22px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  line-height: 1 !important;
  padding: 14px 45px;
  transition: all .5s ease;
  min-height: 0 !important
}
@media(min-width: 642px) {
  .instagram-feed-section .bottom-cta-button-wrapper a.bottom-cta-button {
    padding: 20px 45px
  }
}
.instagram-feed-section .bottom-cta-button-wrapper a.bottom-cta-button:hover, .instagram-feed-section .bottom-cta-button-wrapper a.bottom-cta-button:focus {
  background-color: #0c6bed;
  color: #fff
}
.recipes-section {
  padding-top: 35px;
  background: #0c6bed
}
.recipes-section .heading {
  margin-bottom: 25px
}
@media(min-width: 768px) {
  .recipes-section .heading {
    margin-bottom: 50px
  }
}
.recipes-section .top .recipe h3, .recipes-section .top .recipe .send-rep h4 span, .send-rep h4 .recipes-section .top .recipe span {
  font-size: 2rem
}
@media(min-width: 768px) {
  .recipes-section .top .recipe h3, .recipes-section .top .recipe .send-rep h4 span, .send-rep h4 .recipes-section .top .recipe span {
    font-size: 2.5rem
  }
}
.recipes-section .recipe {
  padding-bottom: 30px;
  text-align: center
}
.recipes-section .recipe .recipe-image {
  width: 100%;
  margin-bottom: 20px
}
.recipes-section .recipe .recipe-image a {
  overflow: hidden;
  border-radius: 25px;
  display: block;
  border: 3px solid transparent;
  transition: all .2s
}
@media(min-width: 768px) {
  .recipes-section .recipe .recipe-image a {
    border-radius: 30px
  }
}
@media(min-width: 1024px) {
  .recipes-section .recipe .recipe-image a {
    border-radius: 50px
  }
}
.recipes-section .recipe .recipe-image a:focus, .recipes-section .recipe .recipe-image a:hover {
  border: 3px solid #fff;
  outline: none
}
.recipes-section .recipe .recipe-image a img {
  width: 100%;
  transition: all .2s
}
.recipes-section .recipe .recipe-image a img:hover {
  transform: scale(1.1)
}
.recipes-section .recipe h3, .recipes-section .recipe .send-rep h4 span, .send-rep h4 .recipes-section .recipe span {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase
}
.recipes-section .recipe h3 a, .recipes-section .recipe .send-rep h4 span a, .send-rep h4 .recipes-section .recipe span a {
  transition: all .2s
}
.recipes-section .recipe h3 a:hover, .recipes-section .recipe .send-rep h4 span a:hover, .send-rep h4 .recipes-section .recipe span a:hover, .recipes-section .recipe h3 a:focus, .recipes-section .recipe .send-rep h4 span a:focus, .send-rep h4 .recipes-section .recipe span a:focus {
  text-decoration: underline;
  color: #000;
  outline: none
}
.recipes-section .recipe p {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  margin-top: 15px
}
.heading {
  text-transform: uppercase;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 3.5rem;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}
@media(min-width: 768px) {
  .heading {
    font-size: 4rem
  }
}
@media(min-width: 1024px) {
  .heading {
    font-size: 5rem
  }
}
@media(min-width: 1200px) {
  .heading {
    font-size: 7rem
  }
}
@media(min-width: 1400px) {
  .heading {
    font-size: 9rem
  }
}
.heading.blue {
  color: #226aee !important
}
.heading img {
  width: auto;
  display: none;
  margin-right: 10px
}
@media(min-width: 768px) {
  .heading img {
    display: inline-block;
    width: 80px
  }
}
@media(min-width: 1024px) {
  .heading img {
    width: 100px
  }
}
.sub-heading {
  font-size: 2rem;
  color: #fff;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif
}
@media(min-width: 768px) {
  .sub-heading {
    font-size: 3rem
  }
}
.green-waves-bottom {
  width: 100%;
  overflow: hidden
}
.green-waves-bottom img {
  float: left
}
.d-flex {
  display: flex !important
}
.justify-content-center {
  justify-content: center;
  flex-direction: column
}
@media(min-width: 768px) {
  .justify-content-center {
    flex-direction: initial
  }
}
.section-wave img {
  display: block
}
#nynu-lp-wrapper {
  overflow: hidden
}
#nynu-lp-wrapper p {
  font-weight: 600
}
#nynu-lp-wrapper p a, #nynu-lp-wrapper p .emphasize {
  font-weight: 800
}
@media(min-width: 991px) {
  #nynu-lp-wrapper .desktop-break {
    display: block
  }
}
#nynu-lp-wrapper .mb-0 {
  margin-bottom: 0px
}
#nynu-lp-wrapper .mb-10 {
  margin-bottom: 10px
}
#nynu-lp-wrapper .mb-20 {
  margin-bottom: 20px
}
#nynu-lp-wrapper .mb-30 {
  margin-bottom: 30px
}
#nynu-lp-wrapper .pb-0 {
  padding-bottom: 0px
}
#nynu-lp-wrapper h1 sup {
  top: -10px;
  right: -3px;
  font-size: 2rem
}
@media(min-width: 768px) {
  #nynu-lp-wrapper h1 sup {
    top: -14px;
    right: -2px;
    font-size: 2.5rem
  }
}
@media(min-width: 1200px) {
  #nynu-lp-wrapper h1 sup {
    top: -12px;
    right: -3px;
    font-size: 3rem
  }
}
#nynu-lp-wrapper figure {
  margin: 0 0 30px
}
#nynu-lp-wrapper figure blockquote {
  margin: 0 0 10px;
  font-size: 2.2rem;
  line-height: 1.5em;
  font-weight: 600;
  font-family: "Campora", Arial, Helvetica, sans-serif
}
#nynu-lp-wrapper figure blockquote .quote {
  color: #be3246;
  font-weight: 700;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-size: 1.5em
}
#nynu-lp-wrapper figure blockquote .quote.start {
  margin: 0 4px 0 0
}
#nynu-lp-wrapper figure blockquote .quote.end {
  margin: 0 0 0 4px
}
#nynu-lp-wrapper figure figcaption {
  color: #be3246;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700
}
@media(min-width: 991px) {
  #nynu-lp-wrapper .row.justify-content-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
  }
}
#nynu-lp-wrapper .photo-title-row {
  margin-bottom: 30px
}
@media(min-width: 768px) {
  #nynu-lp-wrapper .photo-title-row {
    margin-bottom: 30px
  }
}
@media(min-width: 768px) {
  #nynu-lp-wrapper .photo-title-row > .row {
    display: flex
  }
}
#nynu-lp-wrapper .photo-title-row .creator .creator-image {
  margin-bottom: 10px
}
@media(min-width: 768px) {
  #nynu-lp-wrapper .photo-title-row .creator .creator-image {
    margin-bottom: 0px
  }
}
#nynu-lp-wrapper .d-font {
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif !important
}
.section-space {
  height: 60px
}
@media(min-width: 768px) {
  .section-space {
    height: 40px
  }
}
.banner-section-nynu {
  text-align: center;
  background: #9168a7;
  padding: 35px 0;
  position: relative
}
@media(min-width: 768px) {
  .banner-section-nynu {
    padding: 80px 0
  }
}
.banner-section-nynu .banner-image {
  height: auto;
  width: 300px
}
@media(min-width: 768px) {
  .banner-section-nynu .banner-image {
    width: 437px
  }
}
@media(min-width: 1200px) {
  .banner-section-nynu .banner-image {
    width: 556px
  }
}
.banner-section-nynu .lid-cluster-blueberry {
  position: absolute;
  left: 0;
  top: 0;
  width: 110px;
  transform: translate(-20%, -40%)
}
@media(min-width: 768px) {
  .banner-section-nynu .lid-cluster-blueberry {
    width: 200px;
    transform: translate(-20%, -25%)
  }
}
@media(min-width: 1400px) {
  .banner-section-nynu .lid-cluster-blueberry {
    width: 345px;
    transform: translate(-20%, -20%)
  }
}
.banner-section-nynu .lid-cluster-lemon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 110px;
  transform: translate(20%, 50%)
}
@media(min-width: 768px) {
  .banner-section-nynu .lid-cluster-lemon {
    width: 200px;
    transform: translate(20%, 45%)
  }
}
@media(min-width: 1400px) {
  .banner-section-nynu .lid-cluster-lemon {
    width: 350px
  }
}
.givaway-section {
  background: #be3246;
  padding: 35px 0
}
@media(min-width: 768px) {
  .givaway-section {
    padding: 80px 0
  }
}
.givaway-section img {
  max-width: 300px;
  margin-bottom: 30px
}
@media(min-width: 768px) {
  .givaway-section img {
    max-width: 274px;
    margin-bottom: 0
  }
}
.givaway-section h1 {
  text-transform: uppercase;
  color: #fff;
  font-size: 3rem;
  line-height: 26px;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin: 0
}
@media(min-width: 768px) {
  .givaway-section h1 {
    font-size: 4rem;
    line-height: 36px
  }
}
@media(min-width: 991px) {
  .givaway-section h1 {
    font-size: 4.5rem;
    line-height: 41px
  }
}
.givaway-section .section-display-flex {
  text-align: center
}
@media(min-width: 768px) {
  .givaway-section .section-display-flex {
    text-align: left
  }
}
.givaway-section .giveaway-text {
  padding-top: 30px
}
@media(min-width: 768px) {
  .givaway-section .giveaway-text {
    padding-top: 35px
  }
}
.givaway-section .giveaway-text a {
  color: #ffe28a
}
.givaway-section .giveaway-text a:hover, .givaway-section .giveaway-text a:focus {
  color: #6175c0
}
.givaway-section .giveaway-text .emphasize {
  color: #ffe28a
}
.givaway-section .giveaway-text p {
  font-size: 2rem;
  line-height: 25px;
  color: #fff;
  padding-bottom: 25px;
  font-family: "Campora", Arial, Helvetica, sans-serif
}
@media(min-width: 768px) {
  .givaway-section .giveaway-text p {
    font-size: 2.5rem;
    line-height: 30px
  }
}
.givaway-section .giveaway-text h2 {
  text-transform: uppercase;
  color: #ffd774;
  font-size: 3rem;
  line-height: 28px;
  padding-bottom: 45px;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700
}
@media(min-width: 768px) {
  .givaway-section .giveaway-text h2 {
    font-size: 3.7rem;
    line-height: 35px
  }
}
.givaway-form-section {
  background: #7fc9d5;
  padding: 60px 0;
  position: relative
}
@media(min-width: 768px) {
  .givaway-form-section {
    padding: 80px 0
  }
}
.givaway-form-section .products-image {
  max-width: 300px;
  margin: 0 auto;
  display: inherit
}
@media(min-width: 768px) {
  .givaway-form-section .products-image {
    max-width: none
  }
}
.givaway-form-section .lid-cluster-raspberry {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100px;
  transform: translate(-35%, 55%)
}
@media(min-width: 768px) {
  .givaway-form-section .lid-cluster-raspberry {
    width: 100px;
    top: -50px;
    transform: translate(-35%, 40%)
  }
}
@media(min-width: 1200px) {
  .givaway-form-section .lid-cluster-raspberry {
    width: 140px;
    transform: translate(-35%, 40%)
  }
}
@media(min-width: 1400px) {
  .givaway-form-section .lid-cluster-raspberry {
    width: 180px;
    top: 300px;
    transform: translate(-35%, 30%)
  }
}
@media(min-width: 1500px) {
  .givaway-form-section .lid-cluster-raspberry {
    width: 255px
  }
}
.givaway-form-section .lid-cluster-blackberry {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0px;
  width: 100px;
  transform: translate(7%, 60%)
}
@media(min-width: 768px) {
  .givaway-form-section .lid-cluster-blackberry {
    width: 200px;
    transform: translate(7%, 50%)
  }
}
@media(min-width: 1400px) {
  .givaway-form-section .lid-cluster-blackberry {
    width: 363px;
    transform: translate(7%, 68%)
  }
}
.givaway-form-section h3, .givaway-form-section .send-rep h4 span, .send-rep h4 .givaway-form-section span {
  text-transform: uppercase;
  color: #be3246;
  font-size: 3rem;
  line-height: 25px;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding-bottom: 20px;
  text-align: center
}
@media(min-width: 768px) {
  .givaway-form-section h3, .givaway-form-section .send-rep h4 span, .send-rep h4 .givaway-form-section span {
    font-size: 4rem;
    line-height: 35px;
    text-align: left
  }
}
@media(min-width: 991px) {
  .givaway-form-section h3, .givaway-form-section .send-rep h4 span, .send-rep h4 .givaway-form-section span {
    font-size: 4.5rem;
    line-height: 40px
  }
}
.givaway-form-section .form-text {
  padding-top: 20px
}
.givaway-form-section .form-text p {
  font-size: 2rem;
  color: #414042;
  line-height: 27px;
  font-family: "Campora", Arial, Helvetica, sans-serif
}
@media(min-width: 768px) {
  .givaway-form-section .form-text p {
    font-size: 2.1rem;
    line-height: 28px
  }
}
.givaway-form-section .form-text p span {
  color: #be3246
}
.givaway-form-section .winner-notice {
  margin: 5px 0 0
}
.givaway-form-section .winner-notice p {
  font-size: 1.6rem;
  line-height: 15px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  color: #414042
}
.givaway-form-section .social-share {
  padding-top: 20px
}
.givaway-form-section .social-share h3, .givaway-form-section .social-share .send-rep h4 span, .send-rep h4 .givaway-form-section .social-share span {
  font-size: 2rem;
  line-height: 15px;
  text-transform: initial;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  color: #be3246;
  text-align: left
}
@media(min-width: 768px) {
  .givaway-form-section .social-share h3, .givaway-form-section .social-share .send-rep h4 span, .send-rep h4 .givaway-form-section .social-share span {
    font-size: 2.9rem
  }
}
.givaway-form-section .social-share h3 a, .givaway-form-section .social-share .send-rep h4 span a, .send-rep h4 .givaway-form-section .social-share span a {
  margin-left: 10px;
  display: inline-block;
  vertical-align: text-top;
  transition: all .2s
}
@media(min-width: 768px) {
  .givaway-form-section .social-share h3 a, .givaway-form-section .social-share .send-rep h4 span a, .send-rep h4 .givaway-form-section .social-share span a {
    margin-left: 20px
  }
}
.givaway-form-section .social-share h3 a img, .givaway-form-section .social-share .send-rep h4 span a img, .send-rep h4 .givaway-form-section .social-share span a img {
  width: 30px
}
@media(min-width: 768px) {
  .givaway-form-section .social-share h3 a img, .givaway-form-section .social-share .send-rep h4 span a img, .send-rep h4 .givaway-form-section .social-share span a img {
    width: 43px
  }
}
.givaway-form-section .social-share h3 a:hover, .givaway-form-section .social-share .send-rep h4 span a:hover, .send-rep h4 .givaway-form-section .social-share span a:hover, .givaway-form-section .social-share h3 a:focus, .givaway-form-section .social-share .send-rep h4 span a:focus, .send-rep h4 .givaway-form-section .social-share span a:focus {
  transform: scale(1.1)
}
.givaway-form-section .landingpage-form {
  padding-top: 30px
}
.givaway-form-section .landingpage-form .gform_confirmation_message {
  color: #fff;
  background-color: #be3246;
  padding: 20px;
  border-radius: 10px;
  text-align: center
}
.givaway-form-section .landingpage-form .gform_wrapper {
  padding: 0;
  margin: 0
}
.givaway-form-section .landingpage-form .gform_wrapper .validation_error {
  border: 0;
  padding: 0;
  text-align: left;
  font-size: 20px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 700;
  line-height: 1;
  color: #e04a4a
}
.givaway-form-section .landingpage-form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield {
  margin: 0 !important;
  padding-right: 0px !important
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield a {
  text-decoration: underline;
  transition: all .2s
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield a:hover, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield a:focus {
  color: #be3246
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
  color: #fff
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
  color: #fb9b4c
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error {
  max-width: 100% !important
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error .validation_message {
  color: #e04a4a;
  position: relative;
  top: -20px
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error {
  background: transparent;
  border: 0
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error input, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield.gfield_error select {
  border: 2px solid #d3d3d3 !important
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
  margin: 0;
  padding: 0 0 20px
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input) {
  height: 50px;
  border: 2px solid #d3d3d3;
  border-radius: 8px;
  margin: 0;
  padding: 0 25px !important;
  font-size: 22px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  color: #414042;
  transition: all .3s
}
@media(min-width: 642px) {
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input) {
    margin: 0 24px 0 0;
    height: 60px
  }
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input):focus {
  border-color: #6175c0
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input)::placeholder {
  color: #727272;
  opacity: 1
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input):-ms-input-placeholder {
  color: #727272
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input)::-ms-input-placeholder {
  color: #727272
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea {
  border: 2px solid #d3d3d3;
  border-radius: 8px;
  margin: 0;
  padding: 20px 25px !important;
  font-size: 22px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  color: #414042;
  transition: all .3s
}
@media(min-width: 642px) {
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea {
    margin: 0 24px 0 0
  }
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea:focus {
  border-color: #6175c0
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea::placeholder {
  color: #727272;
  opacity: 1
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea:-ms-input-placeholder {
  color: #727272
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea::-ms-input-placeholder {
  color: #727272
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select {
  width: 100%;
  height: 50px;
  border: 2px solid #d3d3d3;
  border-radius: 8px;
  margin: 0;
  padding: 0 65px 0 25px !important;
  font-size: 22px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  color: #727272;
  background-image: url(../images/full-on-you/drop-arrow.png);
  background-color: #fff;
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  appearance: none
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select:focus {
  border-color: #6175c0
}
@media(min-width: 642px) {
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select {
    height: 60px
  }
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex {
  width: 100%;
  padding: 0px !important
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex span {
  margin: 0 0 20px
}
@media(min-width: 642px) {
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex span {
    width: 50%;
    padding-right: 20px !important;
    display: block;
    flex: 0 0 50%;
    padding-left: 0
  }
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container.ginput_complex span:nth-child(2n) {
    padding-right: 0px !important
  }
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox], .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] {
  margin: 0px;
  position: absolute;
  left: -9999px
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + span, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + label, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label {
  display: inline-block;
  margin-left: 19px;
  font-weight: 400;
  position: relative;
  padding-left: 20px;
  min-height: 30px;
  cursor: pointer;
  text-transform: inherit;
  font-size: 2rem;
  color: #414042;
  line-height: 27px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 600
}
@media(min-width: 768px) {
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + span, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + label, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label {
    font-size: 2.1rem;
    line-height: 28px
  }
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + span:before, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + label:before, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span:before, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: -17px;
  top: 2px;
  width: 25px;
  height: 25px;
  padding: 2px;
  border-radius: 8px;
  transition: all .2s;
  background: #fff;
  border: 2px solid #d3d3d3
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + span:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox] + label:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  top: 7px;
  left: -12px;
  font-size: 1em;
  font-weight: 400;
  line-height: .8;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s;
  border-radius: 4px;
  background-color: #fb9b4c
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:checked + span:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:checked + label:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:checked + span:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:checked + label:after {
  transform: scale(1);
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:not(:checked) + span:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=checkbox]:not(:checked) + label:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:not(:checked) + span:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio]:not(:checked) + label:after {
  transform: scale(0);
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span:before, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + span:after, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label:before, .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input[type=radio] + label:after {
  border-radius: 200%
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container ul.gfield_radio li input[type=text]:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input) {
  background-color: transparent;
  color: rgba(255, 255, 255, .5);
  font-size: .9em !important;
  border-color: rgba(255, 255, 255, .5);
  padding: 4px 10px !important;
  height: auto;
  margin: 10px 0 0;
  transition: all .2s
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container ul.gfield_radio li input[type=text]:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.chosen-search-input):focus {
  border-color: #6175c0;
  color: #fff
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields .gfield .validation_message {
  padding: 5px 10px;
  font-size: 20px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 600;
  line-height: 1;
  color: #e04a4a;
  border: 2px solid #e04a4a;
  border-radius: 5px
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gfield_html_formatted {
  font-size: 2rem;
  line-height: 28px;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  color: #414042;
  font-weight: 600;
  padding-bottom: 15px
}
@media(min-width: 768px) {
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gfield_html_formatted {
    font-size: 2.1rem
  }
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gform_fields {
  grid-row-gap: 0
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gsection {
  border: 0;
  padding-bottom: 0
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_body .gsection .gsection_title {
  font-size: 2rem;
  color: #be3246;
  line-height: 27px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  text-align: left;
  text-transform: initial
}
@media(min-width: 768px) {
  .givaway-form-section .landingpage-form .gform_wrapper .gform_body .gsection .gsection_title {
    font-size: 2.1rem;
    line-height: 28px
  }
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_footer {
  margin: 5px 0 0 !important;
  padding: 0 !important
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_footer img {
  width: auto
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_footer input {
  background-color: #be3246;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-size: 22px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  line-height: 1 !important;
  padding: 14px 45px;
  transition: all .5s ease;
  min-height: 0 !important
}
@media(min-width: 642px) {
  .givaway-form-section .landingpage-form .gform_wrapper .gform_footer input {
    padding: 20px 45px
  }
}
.givaway-form-section .landingpage-form .gform_wrapper .gform_footer input:hover, .givaway-form-section .landingpage-form .gform_wrapper .gform_footer input:focus {
  color: #be3246;
  background-color: #ffd774
}
.givaway-form-section .landingpage-form .form-footer {
  font-size: 1.25rem;
  color: #fff
}
@media(min-width: 768px) {
  .givaway-form-section .landingpage-form .form-footer {
    margin: 10px 0 0
  }
}
.givaway-form-section .gform_wrapper .gform_validation_errors {
  border: 2px solid #e04a4a
}
.givaway-form-section .gform_wrapper .gform_validation_errors .gform_submission_error {
  font-size: 20px !important;
  font-family: "Campora", Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #e04a4a !important
}
.video-creator {
  background: #ffd774;
  padding: 35px 0px;
  position: relative
}
@media(min-width: 768px) {
  .video-creator {
    padding: 80px 0
  }
}
.video-creator.coming-soon-to {
  background: #be3246
}
@media(min-width: 768px) {
  .video-creator.coming-soon-to .section-arrow {
    top: -140px
  }
}
.video-creator.coming-soon-to h3, .video-creator.coming-soon-to .send-rep h4 span, .send-rep h4 .video-creator.coming-soon-to span {
  font-size: 3rem;
  line-height: 26px;
  color: #fff;
  text-align: center
}
@media(min-width: 768px) {
  .video-creator.coming-soon-to h3, .video-creator.coming-soon-to .send-rep h4 span, .send-rep h4 .video-creator.coming-soon-to span {
    font-size: 4rem;
    line-height: 36px
  }
}
@media(min-width: 991px) {
  .video-creator.coming-soon-to h3, .video-creator.coming-soon-to .send-rep h4 span, .send-rep h4 .video-creator.coming-soon-to span {
    font-size: 7rem;
    line-height: 41px
  }
}
.video-creator.coming-soon-to .left-part {
  padding-bottom: 20px;
  text-align: center
}
@media(min-width: 768px) {
  .video-creator.coming-soon-to .left-part {
    text-align: left
  }
}
.video-creator.coming-soon-to .left-part img {
  max-width: 380px;
  margin-bottom: 30px
}
.video-creator.coming-soon-to .left-part p {
  color: #fff;
  font-size: 2.1rem;
  line-height: 28px;
  font-family: "Campora", Arial, Helvetica, sans-serif
}
.video-creator.coming-soon-to .video-created {
  margin: 0 auto
}
@media(min-width: 768px) {
  .video-creator.coming-soon-to .video-created {
    float: right
  }
}
.video-creator.coming-soon-to .lid-cluster-peach {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0px;
  width: 100px;
  transform: translate(-20%, -65%)
}
@media(min-width: 768px) {
  .video-creator.coming-soon-to .lid-cluster-peach {
    width: 180px;
    transform: translate(-16%, -55%)
  }
}
@media(min-width: 1400px) {
  .video-creator.coming-soon-to .lid-cluster-peach {
    width: 293px;
    transform: translate(-16%, -38%)
  }
}
.video-creator h3, .video-creator .send-rep h4 span, .send-rep h4 .video-creator span {
  text-transform: uppercase;
  color: #be3246;
  font-size: 3rem;
  line-height: 26px;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700;
  margin: 0;
  padding-bottom: 40px
}
@media(min-width: 768px) {
  .video-creator h3, .video-creator .send-rep h4 span, .send-rep h4 .video-creator span {
    font-size: 4rem;
    line-height: 36px
  }
}
@media(min-width: 991px) {
  .video-creator h3, .video-creator .send-rep h4 span, .send-rep h4 .video-creator span {
    font-size: 4.5rem;
    line-height: 41px
  }
}
.video-creator .video-created {
  max-width: 367px;
  border: 7px solid #fb9b4c;
  background: #dd6540;
  padding: 7px;
  position: relative;
  margin-bottom: 20px;
  margin: 0 auto 20px;
  display: block
}
@media(min-width: 768px) {
  .video-creator .video-created {
    margin: 0 auto 20px
  }
}
.video-creator .video-created img.video_snapshot {
  border: 7px solid #e04a4a
}
.video-creator .video-created .tiktok-embed {
  border: 7px solid #e04a4a;
  margin: 0px
}
.video-creator .video-created .play_icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
.video-creator .video-created .play_icon img {
  cursor: pointer;
  transition: all .3s ease-in-out;
  width: 90px
}
@media(min-width: 991px) {
  .video-creator .video-created .play_icon img {
    width: 135px
  }
}
.video-creator .video-created:hover .play_icon img, .video-creator .video-created:focus .play_icon img {
  transform: scale(1.1)
}
.video-creator .creator {
  width: 100%;
  margin-bottom: 20px;
  text-align: center
}
@media(min-width: 768px) {
  .video-creator .creator {
    text-align: left
  }
}
.video-creator .creator .creator-image {
  border: 7px solid #fb9b4c;
  border-radius: 50%;
  overflow: hidden;
  padding: 7px;
  background: #dd6540;
  width: 285px;
  height: 285px;
  display: inline-block;
  margin-bottom: 20px
}
.video-creator .creator .creator-image img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 7px solid #e04a4a
}
.video-creator .creator .creator-name h3, .video-creator .creator .creator-name .send-rep h4 span, .send-rep h4 .video-creator .creator .creator-name span {
  font-size: 3.2rem;
  line-height: 38px;
  font-weight: 700;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #be3246;
  padding: 0
}
.video-creator .creator .creator-text {
  padding-bottom: 15px
}
.video-creator .creator .creator-text p {
  font-size: 2.1rem;
  line-height: 28px;
  font-family: "Campora", Arial, Helvetica, sans-serif
}
.video-creator .creator .creator-count {
  font-size: 2.1rem;
  line-height: 18px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #be3246
}
.video-creator .creator .creator-username {
  line-height: 20px
}
.video-creator .creator .creator-username a {
  font-size: 2.1rem;
  line-height: 25px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 700;
  display: inline-block;
  color: #be3246;
  transition: all .3s ease-in-out
}
.video-creator .creator .creator-username a:hover, .video-creator .creator .creator-username a:focus {
  color: #e04a4a
}
.video-creator .bottom-content {
  margin: 20px 0
}
.followers {
  padding: 35px 0px;
  background: #f8e5c1
}
@media(min-width: 768px) {
  .followers {
    padding: 80px 0
  }
}
.followers .followers-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
.followers .followers-container .follower {
  text-align: center;
  width: 100%;
  padding: 0 5px;
  margin-bottom: 15px
}
@media(min-width: 481px) {
  .followers .followers-container .follower {
    width: 50%
  }
}
@media(min-width: 768px) {
  .followers .followers-container .follower {
    width: 50%
  }
}
@media(min-width: 991px) {
  .followers .followers-container .follower {
    width: 25%
  }
}
@media(min-width: 1200px) {
  .followers .followers-container .follower {
    width: 25%
  }
}
.followers .followers-container .follower .follower-image {
  border: 7px solid #fb9b4c;
  border-radius: 50%;
  overflow: hidden;
  padding: 7px;
  background: #dd6540;
  width: 230px;
  height: 230px;
  display: inline-block
}
.followers .followers-container .follower .follower-image:hover, .followers .followers-container .follower .follower-image:focus {
  border-color: #dd6540;
  background: #e04a4a
}
.followers .followers-container .follower .follower-image:hover img, .followers .followers-container .follower .follower-image:focus img {
  border-color: #7fc9d5
}
@media(min-width: 768px) {
  .followers .followers-container .follower .follower-image {
    width: 350px;
    height: 350px
  }
}
@media(min-width: 991px) {
  .followers .followers-container .follower .follower-image {
    width: 200px;
    height: 200px
  }
}
@media(min-width: 1200px) {
  .followers .followers-container .follower .follower-image {
    width: 250px;
    height: 250px
  }
}
.followers .followers-container .follower .follower-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 7px solid #e04a4a
}
.followers .followers-container .follower .follower-name h3, .followers .followers-container .follower .follower-name .send-rep h4 span, .send-rep h4 .followers .followers-container .follower .follower-name span {
  font-size: 2.5rem;
  line-height: 38px;
  font-weight: 700;
  font-family: "Rama Gothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #be3246
}
.followers .followers-container .follower .follower-text {
  padding-bottom: 15px
}
.followers .followers-container .follower .follower-text p {
  font-size: 1.6rem;
  line-height: 21px;
  font-family: "Campora", Arial, Helvetica, sans-serif
}
.followers .followers-container .follower .follower-count {
  font-size: 1.6rem;
  line-height: 18px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #be3246
}
.followers .followers-container .follower .follower-username {
  line-height: 18px
}
.followers .followers-container .follower .follower-username a {
  font-size: 1.6rem;
  line-height: 18px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 700;
  display: inline-block;
  color: #be3246;
  transition: all .3s ease-in-out
}
.followers .followers-container .follower .follower-username a:hover, .followers .followers-container .follower .follower-username a:focus {
  color: #e04a4a
}
.contest-links {
  background: #ffd774;
  padding: 15px 0;
  text-align: center
}
.contest-links p {
  font-size: 1.2rem;
  line-height: 16px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 7px 0 0
}
.contest-links p a {
  font-weight: 600 !important;
  text-decoration: underline
}
.contest-links ul {
  margin: 0;
  padding: 0;
  list-style: none
}
.contest-links ul li {
  display: inline-block;
  border-right: 1px solid #414042;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.2rem;
  line-height: 20px;
  font-family: "Campora", Arial, Helvetica, sans-serif;
  font-weight: 600
}
.contest-links ul li:first-child {
  padding-left: 0
}
.contest-links ul li:last-child {
  padding-right: 0;
  border-right: 0
}
.contest-links ul li a {
  font-size: 1.2rem;
  transition: all .3s ease-in-out;
  line-height: 20px;
  font-family: "Campora", Arial, Helvetica, sans-serif
}
.contest-links ul li a:hover {
  color: #be3246
}
.divider {
  width: 100%;
  height: 15px
}
.divider.blue {
  background: #6175c0
}
.divider.light-purple {
  background: #a887b3
}
.divider.yellow {
  background: #ffe28a
}
.divider.dark-yellow {
  background: #fb9b4c
}
.divider.light-yellow {
  background: #ffd774
}
.divider.light-red {
  background: #e04a4a
}
.divider.red {
  background: #be3246
}
.divider.peach {
  background: #f8e5c1
}
.section-display-flex {
  display: flex;
  flex-wrap: wrap
}
@media(min-width: 768px) {
  .section-display-flex {
    flex-wrap: nowrap
  }
}
.align-items-center {
  align-items: center
}
.align-items-end {
  align-items: flex-end
}
.page-template-page-lp-nynu footer {
  margin-top: 0
}
.page-template-page-lp-nynu footer .footer-top {
  border-top: 0
}
#mti_wfs_colophon {
  display: none !important
}
.section-arrow {
  width: 60px;
  position: absolute;
  left: 50%;
  top: -80px;
  z-index: 2;
  transform: translateX(-50%)
}
@media(min-width: 768px) {
  .section-arrow {
    width: 80px
  }
}
@media(min-width: 991px) {
  .section-arrow {
    width: 95px
  }
}