@import url(//fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,800italic,300italic,300);
@import url(//fonts.googleapis.com/css?family=Candal);

@font-face {
  font-family: 'museo_sans_300regular';
  src: url('../fonts/museosans-300-webfont.eot');
  src: url('../fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/museosans-300-webfont.woff') format('woff'),
       url('../fonts/museosans-300-webfont.ttf') format('truetype'),
       url('../fonts/museosans-300-webfont.svg#museo_sans_300regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'museo_sans_500regular';
  src: url('../fonts/museosans-500-webfont.eot');
  src: url('../fonts/museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/museosans-500-webfont.woff') format('woff'),
	   url('../fonts/museosans-500-webfont.ttf') format('truetype'),
	   url('../fonts/museosans-500-webfont.svg#museo_sans_500regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'gelato_scriptregular';
  src: url('../fonts/gelato_script-webfont.eot');
  src: url('../fonts/gelato_script-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/gelato_script-webfont.woff') format('woff'),
	   url('../fonts/gelato_script-webfont.ttf') format('truetype'),
	   url('../fonts/gelato_script-webfont.svg#gelato_scriptregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.u-short {
  width: 48px;
}
.x-short {
  width: 72px;
}
.short {
  width: 96px;
}
.medium {
  width: 144px;
}
.x-medium {
  width: 144px;
}
.long {
  width: 192px;
}
.x-long {
  width: 288px;
}
fieldset ol,
fieldset ul,
fieldset li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
fieldset li,
fieldset .form-row {
  *zoom: 1;
  margin-bottom: 17px;
}
fieldset input {
  padding: 2px;
}
fieldset label {
  float: left;
  width: 288px;
}
fieldset ul label {
  float: none;
}
fieldset ul.inline label {
  float: left;
}
fieldset .field {
  float: left;
}
fieldset .field ul.inline label {
  float: none;
}
fieldset li {
  clear: left;
}
fieldset .inline label {
  width: auto;
}
fieldset .inline input {
  float: left;
}
fieldset ul.inline li {
  float: left;
  clear: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}
a {
  color: #5a468b;
}
a:visited {
  color: #5a468b;
}
a:hover {
  color: #5a468b;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
@media only screen and (min-width: 35em) {

}
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after,
.section-container:before,
.section-container:after {
  content: "";
  display: table;
}
.clearfix:after,
.section-container:after {
  clear: both;
}
.clearfix,
.section-container {
  *zoom: 1;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
* {
  -webkit-font-smoothing: antialiased!important;
}
.content {
  min-height: 200px;
  text-align: center;
  /*padding: 0 0 87px;*/
  position: relative;
  z-index: 1;
  margin-top: 117px;
}
img {
  margin-bottom: 10.5px;
}
.column {
  float: left;
}
.full {
  float: none;
}
body {
  margin: 0;
  color: #282828;
  background-color: #f7f7f7;
  font-family: 'museo_sans_300regular', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #666668;
}
.container {
  position: relative;
  margin: 0px auto;
  text-align: left;
  overflow: visible;
}
h1 {
  font-family: 'Proxima N W15 Bold', 'Candal', sans-serif;
  font-style: normal !important;
  color: #e21727;
  font-weight: normal;
  letter-spacing: -2px;
  font-size: 4em;
  line-height: 1;
  margin-top: 0.7em;
  margin-bottom: 0.4em;
}
h2 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  margin: 0 0 17px;
  color: #0087e0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -1px;
  font-size: 35px;
  line-height: 45px;
}
h3 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0 0 10.5px;
  color: #0087e0;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
}
h4 {
  font-family: 'Lato', 'Candal', sans-serif;
  margin: 0 0 21px;
  color: #707070;
  text-transform: none;
  letter-spacing: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
}
h5 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #0087e0;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 10.5px;
  font-size: 25px;
  line-height: 35px;
}
h5.gelato {
  font-family: 'gelato_scriptregular', 'Candal', sans-serif;
  font-style: normal !important;
  font-size: 38px;
  line-height: 45px;
  font-weight: normal;
  margin-bottom: 20px;
}
h6 {
  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #4d4d4f;
  text-transform: uppercase;
  letter-spacing: 1px;
  letter-spacing: .6px;
  margin: 0 0 3.5px 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
h6 a {
  text-decoration: none;
}
h2 a.edit-button,
h3 a.edit-button,
h4 a.edit-button,
h2 a.edit-button:visited,
h3 a.edit-button:visited,
h4 a.edit-button:visited {
  margin-left: 20px;
  text-decoration: none;
  border: 1px solid #d4d2d0;
  color: #4d4d4f;
}
h2 a.edit-button:hover,
h3 a.edit-button:hover,
h4 a.edit-button:hover,
h2 a.edit-button:visited:hover,
h3 a.edit-button:visited:hover,
h4 a.edit-button:visited:hover {
  opacity: .9;
}
p,
ul,
ol {
  margin: 0 0 10px;
  color: #666668;
  font-size: 13px;
}
p strong,
ul strong,
ol strong {
  color: #000000;
}
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin,
ul.no-margin,
ol.no-margin,
p.no-margin {
  margin-bottom: 5px;
}
p {
  line-height: 26px;
}
p strong {
  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-style: normal;
}
p sub {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 300;
  font-size: 11px;
  line-height: 15px;
}
ul,
ol {
  padding-left: 20px;
}
ul li,
ol li {
  display: list-item;
  line-height: 26px;
}
ul {
  list-style-type: disc;
  list-style-image: url(../images/icons/li-dot.gif);
}
ol {
  list-style-type: decimal;
}
a,
a:visited {
  color: #0087e0;
  text-decoration: underline;
}
a:active,
a:visited:active,
a:hover,
a:visited:hover {
  color: #e21727;
  outline: none;
}
.std-image {
  display: block;
  width: auto;
  margin: 26px 0;
}
.std-image a {
  display: block;
  outline: none;
}
.std-image.left {
  margin-right: 31px;
  margin-top: 0;
}
.std-image.right {
  margin-top: 0;
  margin-left: 31px;
}
.std-image.clear {
  clear: both;
}
.std-image img,
.std-image embed,
.std-image iframe {
  display: block;
  overflow: hidden;
  margin: 0;
  max-width: 100%;
}
div.left {
  float: left;
}
div.right {
  float: right;
}
div.left,
div.right {
  padding: 6px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
div.left img,
div.right img {
  margin-bottom: 0;
}
hr {
  border: none;
  height: 1px;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 21px 0 31.5px;
  border-bottom: 1px solid rgba(167, 168, 170, 0.5);
}
hr.form-divider {
  display: block;
  clear: both;
  width: 100%;
}
.blue {
  color: #1a2c71;
}
.red {
  color: #e21727;
}
.column.last {
  border-right: none;
  margin-right: 0 !important;
}
input {
  font-size: 13px;
}
input.hidden-submit {
  display: none;
}
select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  appearance: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-image: url(../images/icons/select-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  height: 29px;
  padding: 6px 4px 6px 4px;
  border: 1px solid #cdcbc6;
  color: #4d4d4f;
  font-size: 12px;
  font-weight: normal;
  background-color: #FFFFFF;
  display: inline-block;
}
select.wk {
  padding-right: 24px;
}
select option {
  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-weight: 300;
  font-style: normal;
}
select option:disabled {
  color: rgba(40, 40, 40, 0.5);
  opacity: .5;
}
.icon {
  background-image: url(../images/icons/icons.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.header-container {
  background-color: #fffefc;
  position: relative;
  z-index: 2;
  font-weight: 600;
}
.section {
  width: 100%;
  text-align: center;
}
.section .container, .copyright-container__inner {
  margin: 0 auto;
  text-align: left;
  width: 1280px;
}
.header {
  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  background: white;
  border-bottom: 4px solid #0d7ac1;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header .header-inner {
}
.header .header-main {
  position: relative;
}
.header .make-a-wish {
  background-image: url('../images/icons/make-a-wish-v2.png');
  background-repeat: no-repeat;
  background-position: right 0;
  width: 183px;
  height: 76px;
  text-indent: -9999px;
  float: right;
  outline: none;
  margin-top: 15px;
}
.header .top-nav {
  overflow: hidden;
  background: #0d7ac1;
}
.header .nav {
  float: left;
  padding-top: 31px;
}
.header .nav a {
  float: left;
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  background-image: url(../images/common/divider.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  text-decoration: none;
  display: block;
  padding: 10px;
  width: 84px;
  text-align: center;
  color: #0087e0;
}
.header .nav a.first,
.header .nav a:first-child {
  padding-left: 0;
  background: none;
}
.header .nav a:hover {
  color: #e21727;
}
.header .header-links {
  float: left;
  padding-left: 13px;
}
.header .header-links a {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-weight: 900;
  line-height: 38px;
  text-decoration: none;
  text-transform: uppercase;
}
.header .header-links a:hover {
  color: #28b1e7;
}
.header .social {
  position: absolute;
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 5px;
  width: 152px;
  height: 30px;
}
.header #logo {
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -87px;
  background-image: url(../images/icons/logo-phase-2.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 184px;
  height: 149px;
  text-indent: -9999px;
  outline: none;
}
.top-nav {
  overflow: hidden;
  text-align: right;
}
.top-nav ul {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  text-align: right;
  line-height: 41px;
}

.top-nav li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  display: inline;
  margin-left: 13px;
}

.top-nav li a {
  font-family: 'museo_sans_500regular', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-weight: 500;
  text-decoration: underline;
  color: #0056a8;
  text-transform: uppercase;
  font-size: 11px;
}
.top-nav li a:hover {
  text-decoration: underline;
}
.brand-container .nav {
  padding-top: 7px;
}
.brand-container #logo {
  top: -76px;
  background-size: 65% auto;
}
.brand-container .make-a-wish {
  background-image: url('../images/icons/make-a-wish-small.png');
  height: 30px;
  margin-top: 9px;
  width: 120px;
}
.share a {
  background-image: url(../images/icons/share-icons.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 5px;
}
.share a,
.share a:visited,
.share a:active {
  outline: none;
}
.share a.facebook {
  background-position: 0 0;
}
.share a.twitter {
  background-position: 0 -35px;
}
.share a.googleplus {
  background-position: 0 -70px;
}
.share a.pinterest {
  background-position: 0 -107px;
}
.share a.youtube {
  background-position: 0 -143px;
}
.share a.instagram {
  background-position: 0 -180px;
}
.share-sidebar {
  background-image: url(../images/common/share-bg.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  position: fixed;
  top: 291px;
  left: 0;
  width: 44px;
  height: 172px;
  padding-top: 115px;
  z-index: 200;
}
.share-sidebar a {
  display: block;
  margin: 3px;
}
.addthis-sidebar .addthis_floating_style {
  background: none !important;
}
.addthis-sidebar .addthis_floating_style a {
  margin: 0 0 5px -4px;
}
.footer {
  font-family: "Open Sans", helvetica, arial, sans-serif;
  font-weight: 300;
  font-style: normal;
      padding-top: 63px;
  margin-top: -63px;
  /*min-width: 1024px;*/
}
.footer .footer-col {
  width: 184px;
  float: left;
  padding: 47px 10px 0 45px;
  background-image: url(../images/common/divider-v.gif);
  background-position: 0 35px;
  background-repeat: no-repeat;
}
.footer .first {
  background-image: none;
  padding-left: 0;
}
.footer .connect-wrapper {
  padding: 5px 0 64px;
  background-color: #FFFFFF;
}
.footer .connect {
  float: left;
  width: 262px;
}


.footer .fb-large {
  width: 326px;
  height: 62px;
  clear: both;
}
.footer .copyright-container {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  padding-bottom: 40px;
  font-weight: 400;
  background-color:#0d7ac1;
      width: 100%;
}
.footer .copyright-container ul,
.footer .copyright-container li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
  display: inline;
}
.footer .copyright-container li {
  padding-left: 10px;
}
.footer .copyright-container li a {
  color: #FFFFFF;
  color: rgba(255, 255, 255, 0.74);
}
.footer-col h3 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 20px;
  color: #0087e0;
  text-decoration: none;
  font-weight: 700;
}
.footer-col ul,
.footer-col ul li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.footer-col ul li {
  font-family: 'Lato', 'Candal', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  margin: 0 0 8px;
  display: block;
}
.footer-col ul li a {
  color: #707070;
  text-transform: uppercase;
}
.page-container {
  background-repeat: no-repeat;
  background-position: center 0;
}
.page-section .page-container {
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center 0;
  margin-bottom: -60px;
}
.page-section .page-container.no-banner {
  padding: 40px 0;
  margin-top: 60px;
}
.page-section .page-container .content {
  padding-top: 0;
}
.no-banner .main-content {
  padding-top: 100px;
}
.brands-container {
  background-color: #f7f7f7;
}

.contact-container {
  background-image: url(../images/pictures/home-bg.jpg);
}
.home-feature {
  width: 1280px;
  height: 480px;
  float: left;
  position: relative;
  overflow: hidden;
}
.home-feature a.control {
  background-image: url(../images/buttons/cs-controls.png);
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  margin-top: 0 -25px;
  outline: none;
  opacity: .8;
  -moz-transition: opacity 200ms linear;
  -webkit-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  filter: aplha(opacity=80);
  z-index: 100;
  z-index: 999999;
}
.home-feature a.control:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.home-feature a.control#feature-prev {
  background-position: -15px -17px;
  left: 20px;
}
.home-feature a.control#feature-next {
  background-position: -85px -17px;
  right: 20px;
}
.home-feature .slide-link {
  cursor: hand;
  cursor: pointer;
  width: 960px;
  height: 360px;
  position: absolute;
  z-index: 999998;
}
.home-feature .slides {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.home-feature .slides.loading .slide:first-child {
  z-index: 10;
}
.home-feature .slides .slide,
.home-feature .slides .bg,
.home-feature .slides .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}
.home-feature .slides .bg,
.home-feature .slides .image {
  background-size: auto 100% !important;
}
.block {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.block span {
  display: block;
}
.block span.image {
  background-position: center;
  background-position: 0 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.95);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: width, height, top, left;
  -moz-transition-property: width, height, top, left;
  -o-transition-property: width, height, top, left;
  -ms-transition-property: width, height, top, left;
  transition-property: width, height, top, left;
}
.block span.image img {
  display: block;
}
.block span.title {
  position: absolute;
  left: 0;
  color: #FFFFFF;
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  height: 15%;
  z-index: 3;
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.block span .title-inner {
  z-index: 2;
  margin: 5%;
  font-size: 20px;
  line-height: 22px;
}
.block.layout-2 span.image {
  background-size: auto 100%;
}
.block.layout-2 span.image img {
  height: 100%;
  width: auto;
}
.block.layout-2 span.title {
  top: 0;
  left: 100%;
  width: 25%;
  height: 100%;
}
.block.layout-2 span.title-inner {
  margin: 15% 12%;
  left: 100%;
  bottom: auto;
  top: 0;
}
.block.layout-2 a:hover span.image {
  width: 90%;
  left: -15%;
}
.block.layout-2 a:hover span.title {
  bottom: 0;
  left: 75%;
}
.block.layout-2 a:hover.no-roll span.image {
  width: 100%;
  left: 0;
}
.block.layout-2 a:hover.no-roll span.title {
  bottom: 0;
  left: 100%;
}
.block.layout-1 span.image,
.block.layout-3 span.image,
.block.layout-4 span.image {
  background-size: 100% auto;
}
.block.layout-1 span.image img,
.block.layout-3 span.image img,
.block.layout-4 span.image img {
  width: 100%;
  height: auto;
}
.block.layout-1 span.title,
.block.layout-3 span.title,
.block.layout-4 span.title {
  bottom: -15%;
  width: 100%;
}
.block.layout-1 a:hover span.image,
.block.layout-3 a:hover span.image,
.block.layout-4 a:hover span.image {
  height: 90%;
  top: -5%;
}
.block.layout-1 a:hover span.title,
.block.layout-3 a:hover span.title,
.block.layout-4 a:hover span.title {
  bottom: 0;
}
.block.layout-1 a:hover.no-roll span.image,
.block.layout-3 a:hover.no-roll span.image,
.block.layout-4 a:hover.no-roll span.image {
  height: 100%;
  top: 0;
}
.block.layout-1 a:hover.no-roll span.title,
.block.layout-3 a:hover.no-roll span.title,
.block.layout-4 a:hover.no-roll span.title {
  bottom: -15%;
}
.block.layout-1 span.title-inner {
  margin: 3% 5%;
}
.block .orange span.title {
  background-color: #ff620f;
}
.block .yellow span.title {
  background-color: #ffd200;
}
.block .blue span.title {
  background-color: #1ca0e5;
}
.home-block span.image img {
  visiblity: hidden;
}
div.fb-block {
  overflow: visible;
}
div.fb-block span.image {
  background-image: url(../images/common/fb-block-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
  box-shadow: none !important;
}
div.fb-block .fb-like {
  position: absolute;
  bottom: 12px;
  right: 10px;
  z-index: 20;
}
.home-grid-container .layout-1 {
  width: 320px;
  height: 320px;
}
.home-grid-container .layout-2 {
  width: 640px;
  height: 320px;
}
.home-grid-container .layout-3 {
  width: 320px;
  height: 640px;
}
.home-grid-container .layout-4 {
  width: 640px;
  height: 640px;
}
.page-section {
  position: relative;
      padding: 118px 0 11em;
  /*padding: 228px 0 10px;*/
  /*margin-top: 125px;*/

}



.page-section .page-banner {
  width: 1093px;
  height: 347px;
  background-position: center 0;
  background-repeat: no-repeat;
  z-index: 10;
  padding: 0;
  margin: 0;
  position: relative;
  top: -43px;
  left: -26px;
  text-indent: -9999px;
}
.page-section .page-container {
  background-color: #FFFFFF;
  width: 1040px;
  padding-top: 0;
  min-height: 200px;
  margin: 0 auto;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: visible;
  box-shadow: 1px 1px 10px rgba(173, 173, 173, 0.25);
}
.page-top {
  background-image: url(../images/common/page-masthead.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 1040px;
  height: 270px;
  position: absolute;
  top: -130px;
}
.page-top .breadcrumbs {
  position: absolute;
  top: 158px;
  left: 39px;
  width: 100%;
}
.breadcrumbs {
  position: absolute;
  top: 100px;
  left: 20px;
}
.breadcrumbs ul {
  width: 99%;
}
.breadcrumbs ul,
.breadcrumbs ul li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.breadcrumbs ul li {
  text-transform: uppercase;
  display: inline;
}

.breadcrumbs ul,
.breadcrumbs ul a {
  color: #FFFFFF;
  font-family: 'museo_sans_500regular', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
}
.breadcrumbs ul a {
  /*text-decoration: none;*/
  text-transform: uppercase;
}
.breadcrumbs ul a:hover {
  color: #FFFFFF;
}
.breadcrumbs ul a:hover span {
  color: #FFFFFF;
}
.breadcrumbs ul a span {
  text-decoration: underline;
}
/*
.breadcrumbs ul a:after {
  content: "\00a0/\00a0";
}
*/
.feature-block,
.txt-cont {
  padding: 0 40px;
}
.photo-grid {
  margin: -12.5px 0 44px;
  padding: 0 25.5px;
}
.photo-grid .photo {
  float: left;
  margin: 12.5px;
  width: 222px;
  height: 222px;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.27);
}
.photo-grid .photo a {
  display: block;
  width: 222px;
  height: 222px;
  -moz-transition: opacity 100ms linear;
  -webkit-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  opacity: 1;
}
.photo-grid .photo a:hover {
  opacity: .9;
}
.photo-grid .photo .image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.photo-grid .photo .image img {
  visiblity: hidden;
}
.photo-grid .photo .title {
  position: absolute;
  bottom: -20px;
  opacity: 0;
}
.photo-grid-titles {
  margin: -12.5px 0 44px;
  padding: 0 25.5px;
}
.photo-grid-titles .photo {
  float: left;
  margin: 8.5px;
  width: 222px;
  height: 249px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
}
.photo-grid-titles .photo a {
  display: block;
  width: 222px;
  height: 249px;
  -moz-transition: opacity 100ms linear;
  -webkit-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  opacity: 1;
}
.photo-grid-titles .photo a:hover {
  opacity: .9;
}
.photo-grid-titles .photo .image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.photo-grid-titles .photo .title {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 17px;
  text-decoration: none;
  text-transform: uppercase;
  color: #0087e0;
  position: absolute;
  bottom: 0px;
  left: 0;
  opacity: 1;
  width: 171px;
  height: 18px;
  border-top: 3px solid #0087e0;
  padding: 15px 37px 15px 14px;
  background-color: #FFFFFF;
}
.photo-grid-titles .photo .title .arrow {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #0087e0;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 12px;
  background-image: url(../images/icons/right-arrow.png);
  background-position: 10px center;
  background-repeat: no-repeat;
}
.contact-block .contact-columns {
  clear: both;
  height: 286px;
  background-image: url(../images/common/contact-borders.png);
  padding: 16px 0 30px;
  margin: 20px 0;
}
.contact-block .contact-column {
  position: relative;
  width: 210px;
  padding: 0px 15px 20px;
  float: left;
  border-right: 1px solid #e2e2e2;
  text-align: center;
  height: 266px;
}
.contact-block .contact-column a.btn {
  background-color: #0087e0;
  border-color: #0087e0;
}
.contact-block .last {
  border-right: none;
  padding-right: 0;
}
.contact-block .first {
  padding-left: 0;
}
.contact-block .contact-icon {
  position: relative;
}
.contact-block p {
  color: black;
  line-height: 16px;
}
.contact-block p a {
  font-family: 'museo_sans_500regular', Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: black;
  text-decoration: none;
  outline: none;
}
.contact-block p a:hover {
  text-decoration: underline;
}
.contact-block .red {
  font-family: 'museo_sans_500regular', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.contact-block .contact-link {
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}
.contact-block .contact-link a {
  margin: 0 auto;
}
.contact-block .contact-form {
  background-color: #0157a9;
  text-align: center;
  padding: 35px 0;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #FFFFFF;
}
.contact-block .contact-form h3,
.contact-block .contact-form p,
.contact-block .contact-form label {
  color: #FFFFFF;
}
.contact-block .contact-form p {
  line-height: 16px;
  font-family: 'museo_sans_500regular', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 14px;
}
.contact-block .contact-form label {
  font-family: 'museo_sans_500regular', Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-left: 10px;
  font-size: 11px;
}
.contact-block .contact-form input[type=text],
.contact-block .contact-form input[type=email] {
  appearance: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  font-size: 18px;
  line-height: 19px;
  font-family: 'museo_sans_300regular', Arial, Helvetica, sans-serif;
  font-weight: 300;
  width: 300px;
  background: none;
  line-height: 30px;
  height: 30px;
  float: left;
}
.contact-block .contact-form .input-wrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  width: 387px;
  height: 48px;
  margin: 0 auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 8px;
  background-color: #fcfcfc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  margin: 12px auto 12px;
}
.contact-block .contact-form .btn {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  float: right;
  display: inline-block;
  *display: inline;
  padding: 6px 18px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background: #34baec;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0YmFlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOGIxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #34baec 0%, #28b1e7 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #34baec), color-stop(100%, #28b1e7));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #34baec 0%, #28b1e7 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #34baec 0%, #28b1e7 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #34baec 0%, #28b1e7 100%);
  /* IE10+ */

  background: linear-gradient(to bottom, #34baec 0%, #28b1e7 100%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34baec', endColorstr='#28b1e7', GradientType=0);
  /* IE6-8 */

  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tw-block {
  padding: 23px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #FFFFFF;
}
.newsletter-signup-form {
  overflow: hidden;
  position: relative;
}
.newsletter-signup-form .form-message {
  position: absolute;
  z-index: 15;
  width: 100%;
}
.newsletter-signup-form .success {
  width: 474px;
  left: 50%;
  margin-left: -237px;
}
.newsletter-signup-form .error p,
.newsletter-signup-form .error h3 {
  color: #ff620f;
}
.newsletter-signup-form .form-wrapper {
  position: relative;
  z-index: 20;
}
.feature-block {
  background-image: url(../images/common/divider-h.gif);
  background-position: center 0;
  background-repeat: no-repeat;
  margin-top: 40px;
}
.feature-block-inner {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #7d7d7d;
  border: 1px solid rgba(125, 125, 125, 0.42);
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.12);
  position: relative;
  overflow: hidden;
  height: 358px;
  margin: 40px 0 0;
}
.feature-block-image {
  float: left;
  width: 655px;
  height: 358px;
  position: relative;
}
.feature-block-image a {
  width: 655px;
  height: 358px;
  display: block;
}
.feature-block-image img {
  display: block;
}
.feature-block-image span.arrow {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  width: 0;
  height: 0;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 22px solid #FFFFFF;
}
.feature-block-text {
  float: right;
  width: 284px;
  padding: 27px 10px 10px 0;
  text-align: center;
  padding-right: 10px;
}
.feature-block-text h3 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 45px;
  line-height: 42px;
  font-weight: 700;
  color: #0087e0;
  text-transform: uppercase;
}
.feature-block-text a.feature-block-link {
  display: block;
  width: 152px;
  text-align: left;
  background-color: #e21727;
  color: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 30px auto 10px;
  padding: 8px 26px 8px 23px ;
  background-image: url(../images/icons/right-arrow.png);
  background-position: 180px center;
  background-repeat: no-repeat;
}
.nav-column {
  margin: 30px 0 0 40px;
  width: 236px;
}
.nav-column .std-image img {
  margin: 0 -5px;
}
.secondary {
  display: block;
  margin-bottom: 33px;
}
.secondary ul,
.secondary li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.secondary li {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  display: block;
}
.secondary a {
  background: #ffffff;
  /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 94%, #f1f1f1 96%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(94%, #ffffff), color-stop(96%, #f1f1f1));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 94%, #f1f1f1 96%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 94%, #f1f1f1 96%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 94%, #f1f1f1 96%);
  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 94%, #f1f1f1 96%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
  /* IE6-8 */

  display: block;
  color: #005a98;
  border-bottom: 1px solid #CCCCCC;
  text-decoration: none;
  text-transform: uppercase;
  padding: 12px 21px;
}
.secondary .active a {
  background: #339fe6;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMzMzlmZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwMDg3ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #339fe6 49%, #0087e0 51%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #339fe6), color-stop(51%, #0087e0));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #339fe6 49%, #0087e0 51%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #339fe6 49%, #0087e0 51%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #339fe6 49%, #0087e0 51%);
  /* IE10+ */

  background: linear-gradient(to bottom, #339fe6 49%, #0087e0 51%);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#339fe6', endColorstr='#0087e0', GradientType=0);
  /* IE6-8 */

  color: #FFFFFF;
  border-bottom: #0087e0;
}
.main-content-column {
  margin: 30px 0 0 23px;
  width: 697px;
}
.main-content-column .std-image {
  background-color: #FFFFFF;
  padding: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
}
.main-content-column .std-image img {
  max-width: 100%;
}
.main-content-column .txt-cont,
.main-content-column .feature-block,
.main-content-column .photo-grid,
.main-content-column .photo-grid-titles {
  padding: 0;
}
.main-content-column .photo-grid,
.main-content-column .photo-grid-titles {
  margin: 0 -13px 44px;
}
.qa-block {
  position: relative;
  padding: 15px 40px 10px 0;
  border-bottom: 1px solid rgba(167, 168, 170, 0.5);
  overflow: hidden;
  -moz-transition: height 300ms linear 0s;
  -webkit-transition: height 300ms linear 0s;
  -o-transition: height 300ms linear 0s;
  transition: height 300ms linear 0s;
}
.qa-block:nth-child(odd) {
  background-color: #FFFFFF;
}
.qa-block:first-child,
.qa-block.first {
  margin-top: 31.5px;
}
.qa-block:last-child,
.qa-block.last {
  margin-bottom: 10.5px;
}
.qa-block span.indicator {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  background-color: #0087e0;
  color: #FFFFFF;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: 0;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  font-size: 30px;
  font-weight: 700;
}
.qa-block .answer {
  opacity: 0;
  border-left: 10px solid #f7f7f7;
  padding-left: 27px;
  -moz-transition: opacity 300ms linear 0s;
  -webkit-transition: opacity 300ms linear 0s;
  -o-transition: opacity 300ms linear 0s;
  transition: opacity 300ms linear 0s;
}
.qa-block h4.question {
  margin-bottom: 10px;
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #0087e0;
  font-size: 25px;
  line-height: 31px;
}
.qa-block.active .answer {
  opacity: 1;
}
.news-sidebar {
  float: right;
  width: 221px;
  margin: 34px 0 0 34px;
  background-image: url("../images/common/blue-divider.gif");
  background-position: 0 bottom;
  background-repeat: repeat-x;
}
.news-sidebar h3 {
  line-height: 20px;
  margin-bottom: 16px;
}
.news-sidebar-section {
  display: block;
  clear: both;
  padding: 30px 0 30px;
  background-image: url("../images/common/blue-divider.gif");
  background-position: 0 0;
  background-repeat: repeat-x;
}
.news-categories {
  padding-bottom: 20px;
}
.news-categories ul,
.news-categories li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
.news-categories li:before {
  content: "\00a0>";
  padding-right: 10px;
}
.news-categories li {
  color: #0087e0;
  display: block;
  margin-bottom: 9px;
}
.news-categories a {
  color: #0087e0;
  text-decoration: none;
}
.news-categories a:hover {
  text-decoration: underline;
}
.news-subscribe {
  padding-bottom: 40px;
}
.news-subscribe p {
  color: #0087e0;
  line-height: 16px;
  margin-bottom: 16px;
}
.news-subscribe .input-wrapper {
  float: left;
}
.news-subscribe .input-wrapper input {
  background-color: #eef3f8;
  border: none;
  border-top: 2px solid #6f7274;
  border-right: 2px solid #6f7274;
  padding: 8px 10px 11px;
}
.news-subscribe .input-wrapper input::-webkit-input-placeholder {
  color: #0087e0;
  font-style: italic;
}
.news-subscribe .input-wrapper input:-moz-placeholder {
  color: #0087e0;
  font-style: italic;
}
.news-subscribe .input-wrapper input::-moz-placeholder {
  color: #0087e0;
  font-style: italic;
}
.news-subscribe .input-wrapper input:-ms-input-placeholder {
  color: #0087e0;
  font-style: italic;
}
.news-subscribe .submit {
  float: left;
  background-color: #e21727;
  border: solid 1px #e21727;
  color: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 0 5px;
  padding: 8px 26px 8px 13px;
  background-image: url(../images/icons/right-arrow.png);
  background-position: 43px center;
  background-repeat: no-repeat;
}
.news-subscribe .newsletter-signup-form {
  overflow: visible;
}
.news-subscribe .newsletter-signup-form .form-message {
  left: auto;
  margin-left: 0;
  min-height: 100px;
  top: -60px;
  width: 221px;
  background-color: #FFFFFF;
}
.news-item-column {
  float: left;
  width: 440px;
}
.news-item-column a.load-more {
  border-color: #0087e0;
  background-color: #0087e0;
  cursor: pointer;
  padding-right: 40px;
}
.news-item-column a.loading-more {
  background-image: url(../images/icons/news-loader.gif);
  background-position: 115px center;
}
.news-item {
  margin-bottom: 40px;
}
.news-item h2,
.news-item h2 a {
  color: #0087e0;
  text-decoration: none;
  text-transform: none;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 25px;
}
.news-item h2 a:hover {
  text-decoration: underline;
}
.news-item .addthis_default_style {
  display: block;
  clear: both;
  margin-bottom: 10px;
}
.btn,
.btn:visited {
  display: inline-block;
  background-color: #e21727;
  border: solid 1px #e21727;
  color: #FFFFFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 10.5px;
  padding: 8px 30px 8px 13px;
  background-image: url(../images/icons/right-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
}
.btn:hover,
.btn:visited:hover {
  color: #FFFFFF;
}
.btn-back,
.btn-back:visited {
  margin: 10px 0 0;
  padding: 8px 13px 8px 26px;
  background-image: url(../images/icons/left-arrow.png);
  background-position: left center;
}
.errors {
  background-color: #e21727;
  padding: 15px 0 15px 22px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  margin-bottom: 21px;
}
.errors,
.errors li,
.errors p,
.errors strong {
  color: #FFFFFF;
}
.blue-form-wrapper {
  background-color: #2e78bb;
  padding: 19px 0 15px 26px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  margin-bottom: 21px;
}
.blue-form-wrapper h3 {
  color: #FFFFFF;
  margin-bottom: 20px;
}
.blue-form-wrapper label {
  color: #FFFFFF;
}
.blue-form-wrapper form {
  display: block;
}
.blue-form-wrapper form textarea,
.blue-form-wrapper form input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.blue-form-wrapper form input::-webkit-input-placeholder {
  color: #FFFFFF;
  font-style: normal;
}
.blue-form-wrapper form input:-moz-placeholder {
  color: #FFFFFF;
  font-style: normal;
}
.blue-form-wrapper form input::-moz-placeholder {
  color: #FFFFFF;
  font-style: normal;
}
.blue-form-wrapper form input:-ms-input-placeholder {
  color: #FFFFFF;
  font-style: normal;
}
fieldset ul,
fieldset li {
  display: block;
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
fieldset li {
  width: 638px;
  margin: 0 29px 29px 0;
}
fieldset li.half {
  float: left;
  width: 305px;
  clear: none;
}
fieldset label {
  display: block;
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 10px;
}
fieldset select,
fieldset .text {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  clear: both;
  display: block;
  background-color: #FFFFFF;
  border: none;
  border-top: 2px solid #707070;
  border-right: 2px solid #707070;
}
fieldset input.text,
fieldset textarea.text {
  padding: 7px 4px 4px;
}
fieldset textarea.text {
  height: 50px;
}
fieldset input.submit {
  padding: 4px 60px 4px 18px;
}
fieldset .radio-list {
  display: inline-block;
}
fieldset .radio-list label {
  display: inline;
  margin: 0 30px 0 10px;
}
fieldset .form-brands {
  margin: 0 0 20px;
}
fieldset .form-brands li {
  float: left;
  clear: none;
  width: 200px;
  margin-bottom: 10px;
}
fieldset .form-brands li label {
  display: inline;
  margin: 0 30px 0 10px;
}
.timeline {
  width: 697px;
  height: 580px;
  position: relative;
  overflow: visible;
}
.timeline .timeline-scroll {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 708px;
  padding: 0 4px;
  margin: 0 -15px;
}
.timeline .timeline-container {
  overflow: hidden;
  width: 5000px;
  position: relative;
  -moz-transition: left 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: left 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: left 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: left 500ms cubic-bezier(0.86, 0, 0.07, 1);
}
.timeline .timeline-item {
  width: 218px;
  height: 540px;
  margin: 11px;
  float: left;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.26);
}
.timeline .timeline-image img {
  display: block;
  margin: 0;
}
.timeline .timeline-content {
  border-top: 3px solid #0087e0;
  padding: 17px 10px 0 17px;
}
.timeline .timeline-content h3 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  color: #e21727;
  font-weight: 900;
  font-size: 24px;
  line-height: 33px;
  margin: 0;
}
.timeline .timeline-content h4 {
  font-family: 'Lato', 'Candal', sans-serif;
  color: #0087e0;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 17px;
  line-height: 19px;
  text-transform: uppercase;
  margin: 5px 0 7px;
}
.timeline .timeline-content p {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #707070;
}
.timeline .timeline-controls {
  margin-top: 10px;
  height: 86px;
  position: relative;
  background-position: 0 37px;
}
.timeline .timeline-controls,
.timeline .timeline-controls .increment,
.timeline .timeline-controls .indicator {
  background-image: url(../images/common/timeline-sprite.png);
  background-repeat: no-repeat;
}
.timeline .timeline-controls .increment {
  cursor: pointer;
  text-indent: -9999px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 31px;
}
.timeline .timeline-controls .year {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #e21727;
  font-weight: 900;
  line-height: 33px;
  margin: 0;
  height: auto;
  display: block;
}
.timeline .timeline-controls .dot {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FFFFFF;
  width: 10px;
  height: 10px;
  margin: 7px auto;
  display: block;
  clear: both;
}
.timeline .timeline-controls .prev {
  background-position: 0 -172px;
  left: 0;
}
.timeline .timeline-controls .next {
  background-position: right -172px;
  right: 0;
}
.timeline .timeline-controls .year-slider {
  margin: 0 40px;
  height: 86px;
  position: relative;
}
.timeline .timeline-controls .year-slider .year-item {
  cursor: pointer;
  float: left;
  width: 68px;
  height: 86px;
  text-align: center;
}
.timeline .timeline-controls .year-slider .indicator {
  -moz-transition: left 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition: left 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: left 300ms cubic-bezier(1, 0, 0, 1);
  transition: left 300ms cubic-bezier(1, 0, 0, 1);
  position: absolute;
  bottom: 0;
  left: 24px;
  background-position: -66px bottom;
  width: 20px;
  height: 26px;
}
.nutritional-information {
  padding: 20px;
}
.nutritional-information fieldset select {
  padding: 8px;
  height: 36px;
}
.nutritional-information fieldset input {
  padding: 8px 30px 8px 13px;
}
.nutritional-information fieldset li.half {
  width: 275px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.nutritional-information fieldset li.nut-submit {
  float: left;
  margin: 26px 0 0;
  width: 80px;
  clear: none;
}
.nutrition-panel {
  position: relative;
}
.nutrition-panel .brand-image {
  position: absolute;
  top: 0;
  left: 0;
}
.nutrition-panel .brand-image img {
  max-height: 100px;
}
.nutrition-panel .flavour-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 264px;
}
.nutrition-panel .flavour-image .prod-circle {
  position: absolute;
  top: 13px;
  left: 0;
  background-color: #ccecfe;
  width: 72px;
  height: 72px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 1;
}
.nutrition-panel .flavour-image img {
  float: left;
  position: relative;
  z-index: 2;
  width: 54px;
}
.nutrition-panel .flavour-image .prod-circle-image {
  float: left;
  height: 80px;
  left: -5px;
  position: absolute;
  top: 7px;
  width: 80px;
  z-index: 400;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
}
.nutrition-panel .flavour-image .prod-circle-image img {
  visibility: hidden;
}
.nutrition-panel .flavour-image .flavour-image-title {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 700;
  color: #0087e0;
  font-size: 24px;
  line-height: 24px;
  float: left;
  position: relative;
  z-index: 3;
  width: 180px;
  padding: 24px 0 0 83px;
}
.nutrition-panel .flavour-chart {
  clear: both;
  display: block;
  padding-top: 120px;
}
#mobile-menu-close,
#sec-nav-select {
  display: none;
}
@media only screen and (min-width: 1600px) {
  .footer {
    background-size: 100% 88px;
  }
  .page-container {
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 1380px) {
  .page-container {
    /*min-width: 1024px;*/
  }
  .section .container {
    width: 960px;
  }
  .page-section {
    overflow: hidden;
  }
  .page-section .container {
    width: 1040px !important;
  }
  .page-section .page-banner {
    width: 1093px;
  }
  .home-feature {
    width: 960px;
    height: 360px;
  }
  .home-grid-container .home-block .image,
  .home-grid-container .home-block.home-feature {
    background-size: 100% auto;
  }
  .home-grid-container .home-block .title {
    font-size: 15px;
  }
  .home-grid-container .layout-1 {
    width: 240px;
    height: 240px;
  }
  .home-grid-container .layout-2 {
    width: 480px;
    height: 240px;
  }
  .home-grid-container .layout-3 {
    width: 240px;
    height: 480px;
  }
  .home-grid-container .layout-4 {
    width: 480px;
    height: 480px;
  }
  .block span .title-inner {
    z-index: 2;
    margin: 5%;
    font-size: 16px;
    line-height: 18px;
  }
  .footer .first {
    padding-left: 20px;
  }
}
.section .brand-feature-container {
  width: 1040px;
}
.mobile-feature-header,
.mobile-feature-footer {
  display: none;
}
.brand-feature-container {
  width: 1040px;
}
.brand-feature-container #brand-logo {
  height: 130px;
  width: 270px;
  position: absolute;
  left: 50%;
  margin-left: -135px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  z-index: 100;
  text-indent: -9999px;
}
.brand-feature-container .brand-feature {
  z-index: 1;
  background-color: #0087e0;
  width: 1040px;
  height: 360px;
  padding: 17px;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.brand-feature {
  position: relative;
}
.brand-feature .slides {
  position: relative;
}
.brand-feature .slide {
  position: absolute;
  top: 0;
  left: 0;
  background-position: left 0;
  background-size: auto 327px;
  background-repeat: no-repeat;
}
.brand-feature .slides,
.brand-feature .slide {
  width: 1006px;
  height: 327px;
  overflow: hidden;
}
.brand-feature .text {
  background-color: #FFFFFF;
  height: 337px;
  width: 469px;
  padding: 50px 55px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.brand-feature .text h3 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 900;
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 5px;
  color: #0087e0;
}
.brand-feature .text h2 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 900;
  font-size: 48px;
  line-height: 45px;
  margin-bottom: 25px;
  color: #293081;
}
.brand-feature .text h6 {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  color: #293081;
  margin-bottom: 30px;
}
.brand-feature .text .btn {
  background-color: #0087e0;
  border-color: #0087e0;
}
.dots {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 8px;
  position: absolute;
  bottom: 10px;
  left: 497px;
  z-index: 100;
}
.dots .dot {
  -moz-transition: opacity 200ms linear;
  -webkit-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 10px;
  height: 10px;
  margin: 4px;
  display: inline-block;
  background-color: #FFFFFF;
  opacity: .25;
  filter: alpha(opacity=25);
  text-indent: -9999px;
  cursor: pointer;
}
.dots .active,
.dots .dot:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.brand-container .page-section {
  padding-top: 30px;
  padding-bottom:4em;
}
.single-brands .page-container {
    padding-bottom:60px;
}

.brand-container .brand-feature-section {
  padding-top: 35px;
  padding-bottom: 15px;
  overflow: visible;
}
.brand-container .main-content {
  background-repeat: no-repeat;
  padding-top: 131px;
}
.brand-container .page-top {
  background-image: none;
  top: 0;
  left: 0;
}
.brand-container .page-top .brand-social {
  float: right;
  padding: 30px 40px 0 0;
  width: 124px;
}
.brand-container .page-top .breadcrumbs {
  top: 28px;
}
.flavours {
  padding: 0 15px;
}
.flavours h5 {
  text-indent: 25px;
}
.flavours-grid {
  margin-top: 70px;
}
.flavours-grid .flavour-item {
  float: left;
  width: 189px;
  height: 292px;
  margin: 5px;
}
.flavour-item {
  text-align: center;
  cursor: pointer;
}
.flavour-item .flavour-image {
  padding: 0 5px 0 5px;
  display: block;
  clear: both;
  position: relative;
  text-align: center;
  min-height: 215px;
  margin-bottom: 10px;
}
.flavour-item .flavour-image img {
  position: relative;
  z-index: 20;
  max-width: 153px;
  max-height: 210px;
  margin: 0 auto;
}
.flavour-item .prod-circle {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -76.5px;
  width: 153px;
  height: 153px;
  background-color: #ccecfe;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.flavour-item .prod-circle-image {
  width: 100%;
  min-height: 210px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: relative;
  z-index: 10;
  margin: 0 auto;
}
.flavour-item .prod-circle-image img {
  visibility: hidden;
}
.flavour-item h4 {
  font-weight: 900;
  font-size: 16px;
  line-height: 18px;
  color: #293081;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
.add-this-brand-bar {
  display: block;
  clear: both;
  text-align: center;
}
.add-this-brand-bar .btn {
  border-color: #0087e0;
  background-color: #0087e0;
}
.brand-columns .news-subscribe .newsletter-signup-form .form-message {
  width: 301px;
}
.brand-columns h2 {
  color: #293081;
}
.brand-columns .left-column {
  position: relative;
  width: 592px;
  min-height: 1px;
  padding-left: 40px;
  margin-right: 58px;
}
.brand-columns .left-column .stay-tuned {
  display: none;
}
.brand-columns .right-column {
  width: 324px;
  margin-top: 65px;
}
.brand-columns .feature-block,
.brand-columns .txt-cont {
  padding: 0;
}
.brand-columns .feature-block {
  background-image: url("../images/common/blue-divider.gif");
  background-repeat: repeat-x;
  background-position: 0 0;
  margin-top: 0;
}
.brand-columns .feature-block .feature-block-inner {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: none;
  width: auto;
  height: auto;
}
.brand-columns .feature-block .feature-block-image {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.12);
  height: auto;
  width: 324px;
  overflow: hidden;
}
.brand-columns .feature-block .feature-block-image .arrow {
  display: none;
}
.brand-columns .feature-block .feature-block-image a {
  width: 100%;
  height: auto;
}
.brand-columns .feature-block .feature-block-image img {
  max-width: 100%;
  margin: 0;
}
.brand-columns .feature-block .feature-block-text {
  text-align: left;
  padding: 0;
  width: 240px;
  color: #293081;
}
.brand-columns .feature-block .feature-block-text h3 {
  color: #293081;
  font-size: 32px;
  line-height: 34px;
}
.brand-columns .feature-block .feature-block-text p {
  color: #293081;
  line-height: 16px;
}
.brand-columns .feature-block .feature-block-text a.feature-block-link {
  margin: 17px 0 10px;
}
.product-overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
}
.product-overlay-wrapper {
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -550px;
  overflow: visible;
  z-index: 1000;
  text-align: center;
}
.product-overlay-wrapper .product {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  margin: 0;
  width: 1108px;
  padding: 70px 100px 40px;
  border: 4px solid #0087e0;
  background-color: #293081;
}
.product {
  overflow: visible;
  position: relative;
}
.product .product-counter {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 32px;
  color: #FFFFFF;
  font-weight: 700;
  position: absolute;
  top: 33px;
  left: 40px;
}
.product .product-counter sub {
  bottom: auto;
  line-height: 32px;
}
.product #overlay-logo {
  background-image: url(../images/icons/small-logo.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 103px;
  height: 68px;
  position: absolute;
  bottom: 45px;
  right: 40px;
  text-indent: -9999px;
}
.product #overlay-brand-logo {
  height: 130px;
  width: 270px;
  position: absolute;
  top: -65px;
  left: 50%;
  margin-left: -135px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  z-index: 100;
  text-indent: -9999px;
}
.product .overlay-control {
  background-image: url(../images/buttons/cs-controls.png);
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  margin-top: 0 -25px;
  outline: none;
  opacity: .8;
  -moz-transition: opacity 200ms linear;
  -webkit-transition: opacity 200ms linear;
  -o-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  filter: aplha(opacity=80);
  z-index: 100;
}
.product .overlay-control:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.product .overlay-control.prev {
  background-position: -15px -17px;
  left: 40px;
}
.product .overlay-control.next {
  background-position: -85px -17px;
  right: 40px;
}
.product .overlay-control.close {
  background-image: url(../images/icons/popup-close.png);
  background-position: center;
  right: 40px;
  top: 33px;
  margin-top: 0;
}
.product .product-image,
.product .product-details {
  float: left;
  height: 485px;
  overflow: visible;
  position: relative;
}
.product .product-image {
  width: 396px;
  padding-right: 40px;
}
.product .product-image img {
  position: relative;
  left: -32px;
  top: 20px;
  z-index: 1002;
}
.product .prod-circle {
  width: 396px;
  height: 396px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #0087e0;
  position: absolute;
  top: 50%;
  margin-top: -198px;
  left: 0;
  z-index: 1001;
}
.product .prod-circle-image {
  min-height: 485px;
  width: 396px;
  display: block;
  position: relative;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1010;
  margin: 0 auto;
}
.product .prod-circle-image img {
  visibility: hidden;
}
.product .product-details {
  padding-left: 40px;
  text-align: left;
  width: 420px;
}
.product .product-details h2 {
  font-size: 45px;
  line-height: 50px;
  margin: 30px 0;
}
.product .product-details,
.product .product-details p,
.product .product-details a {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 22px;
}
.product .product-details a,
.product .product-details a:visited,
.product .product-details a:hover {
  font-family: 'Lato', 'Candal', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  border-bottom: 2px solid #FFFFFF;
}
.feature-text {
  padding: 21px;
  backgrond-repeat: no-repeat;
  background-position: center 0;
  background-size: 100% auto;
}
.feature-text .light h1,
.feature-text .light h2,
.feature-text .light h3,
.feature-text .light h4,
.feature-text .light h5,
.feature-text .light h6,
.feature-text .light p,
.feature-text .light li {
  color: #FFFFFF;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .share-sidebar {
    display: none;
  }
  .section .brand-feature-container {
    margin-top: 70px;
    width: 100%;
  }
  .section .brand-feature-container .brand-feature {
    width: 100%;
    padding: 17px 0;
  }
  .section .brand-feature-container .brand-feature .slides {
    margin: 0 auto;
  }
  .product-overlay-bg {
    min-width: 1024px;
    width: 100%;
  }
  .product-overlay-wrapper {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  .product-overlay-wrapper .product {
    padding: 50px 70px;
    border-left: none;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-width: 1024px;
  }
  .product .overlay-control.prev {
    left: 10px;
  }
  .product .overlay-control.next,
  .product .overlay-control.close {
    right: 10px;
  }
  .product .product-details {
    padding-left: 30px;
  }
  .product .product-image {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 767px) {
 .product .prod-circle-image  {
    min-height: 200px;
    margin-top: 15px;
    width: 80%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 24px;
 }
  .page-top .breadcrumbs {
    top: 128px;
  }

  p {
    line-height: 18px;
  }
  h1 {
    font-size: 60px;
    line-height: 50px;
  }
  h2 {
    font-size: 25px;
    line-height: 30px;
  }
  .qa-block h4.question {
    font-size: 20px;
    line-height: 26px;
  }
  .page-section {
    padding: 0;
  }
  .page-section .page-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .page-section .page-container.no-banner {
    margin-top: 0;
    padding: 0;
  }
  .content {
    margin: -4px 0 0;
    padding: 0 0 63px;
  }
  .contact-container .content,
  .brands-container .content,
  .brand-container .content,
  .home-container .content {
	 margin-top: 115px;
    padding-bottom: 63px;
  }
  .section .container {
    width: 100%;
  }
  .page-section .container {
    width: 100% !important;
  }
  .section .home-grid-container {
    width: 320px;
    margin: 0 auto;
  }
  .footer,
  .page-container {
    min-width: 100%;
    max-width: 640px;
    margin: 0 auto;
  }
  .timeline,
  .mobile-hidden {
    display: none;
  }
  #sec-nav-select,
  #mobile-menu-close {
    display: block;
  }
  #sec-nav-select {
    display: block;
    background-color: #0081dc;
    color: #FFFFFF;
    background-image: url(../images/icons/dd-arrow.png);
    background-position: right 0;
    padding: 6px 10px;
    height: 37px;
    width: 100%;
    text-transform: uppercase;
  }
/*  .header {
    position: absolute;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    height: 82px;
  }*/
  .header .make-a-wish {
    display: none;
  }
  .header .top-nav {
   display: none;
  }
  .header #logo {
    position: relative;
    top: -34px;
    left: auto;
    margin: 0 auto;
    display: block;
    z-index: 2000;
    background-size: 60%;
  }
  .header .nav {
    opacity: 1;
    -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
    float: none;
    display: block;
    clear: both;
    background-color: #007fd6;
    position: relative;
    padding: 0;
    background: #0365ac;

    /* Old browsers */

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzNjVhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdjZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA3MWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #0365ac 0%, #007cd2 100%, #0071ba 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0365ac), color-stop(100%, #007cd2), color-stop(100%, #0071ba));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #0365ac 0%, #007cd2 100%, #0071ba 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #0365ac 0%, #007cd2 100%, #0071ba 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #0365ac 0%, #007cd2 100%, #0071ba 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, #0365ac 0%, #007cd2 100%, #0071ba 100%);
    /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0365ac', endColorstr='#0071ba', GradientType=0);
    /* IE6-8 */

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    overflow: hidden;
     height: auto;
    /*height: 0; */
  }

  .header.section {
    opacity: 0;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
  }
  .dom-is-ready .header.section {
    opacity: 1;
  }

  .header .nav.loading {
    opacity: 0;
  }
  .header .nav a {
    padding: 12px 0 10px;
    font-size: 15px;
    width: auto;
    float: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
  }
  .header .nav a.first,
  .header .nav a:first-child {
    margin-top: 40px;
  }
  .header .nav a,
  .header .nav a.first,
  .header .nav a:first-child {
    background-image: url(../images/icons/mobile-menu-divider.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
  }
  .header .nav a.last,
  .header .nav a:last-child {
    background-image: url(../images/icons/mobile-menu-divider.gif), url(../images/icons/mobile-menu-divider.gif);
    background-position: 0 0, 0 bottom;
    background-repeat: repeat-x;
    margin-bottom: 40px;
  }
  .header .nav a:hover {
    color: #FFFFFF;
  }
  .header #mobile-menu-close {
    background-color: #FFFFFF;
    cursor: pointer;
    width: 45px;
    height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -22.5px;
    bottom: -20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-image: url(../images/icons/mobile-up-arrow.gif);
    background-position: center 8px;
    background-repeat: no-repeat;
  }
  .home-grid-container .home-feature {
    width: 320px;
    height: 120px;
  }
  .home-grid-container .home-block .image,
  .home-grid-container .home-block.home-feature {
    background-size: 100% auto;
  }
  .home-grid-container .home-block .title {
    font-size: 15px;
  }
  .home-grid-container .layout-1 {
    width: 160px;
    height: 160px;
  }
  .home-grid-container .layout-2 {
    width: 320px;
    height: 160px;
  }
  .home-grid-container .layout-3 {
    width: 160px;
    height: 320px;
  }
  .home-grid-container .layout-4 {
    width: 160px;
    height: 160px;
  }
  .home-grid-container .tw-block {
    width: 320px;
    height: 320px;
  }
  .block span .title-inner {
    font-size: 14px;
    line-height: 16px;
  }
  .footer {
    position: relative;
    z-index: 20;
    font-family: "Open Sans", helvetica, arial, sans-serif;
    font-weight: 300;
    font-style: normal;
    background-image: none;
    padding-top: 0;
  }
  .footer .container {
    width: 320px;
  }
  .footer .footer-col {
    width: 140px;
    float: left;
    padding: 25px 0 20px 0;
    background-image: none;
  }
  .footer .first {
    padding: 25px 10px 20px 20px;
    width: 125px;
    background-image: none;
  }
  .footer .connect-wrapper {
    padding: 0 0 64px;
    background-color: #FFFFFF;
    margin: 0;
  }
  .footer .connect {
    float: none;
    width: 262px;
    display: block;
    clear: both;
    margin: 10px 0 0 19px;
    border-right: 0;
  }
  .footer .connect h3 {
    float: left;
    width: 219px;
    height: 117px;
    text-indent: -9999px;
    background-image: url(../images/icons/social-phase-2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-bottom: 0;
  }


  .footer .fb-large {
    width: 326px;
    height: 62px;
    clear: both;
  }
  .footer .copyright-container {
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.74);
    font-size: 12px;
    padding-bottom: 40px;
    font-weight: 400;
    padding: 0 10px 10px;
    text-align: center;
    width: auto;
  }
  .footer .copyright-container ul,
  .footer .copyright-container li {
    display: block;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    display: inline;
  }
  .footer .copyright-container li {
    padding: 0 5px;
  }
  .footer .copyright-container li a {
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.74);
  }
  .footer-col h3 {
    font-family: 'Lato', 'Candal', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-bottom: 10px;
    color: #0087e0;
    text-decoration: none;
    font-weight: 700;
  }
  .footer-col ul,
  .footer-col ul li {
    display: block;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
  }
  .footer-col ul li {
    font-family: 'Lato', 'Candal', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 0 0 8px;
    display: block;
  }
  .footer-col ul li a {
    color: #707070;
    text-transform: uppercase;
  }
  .page-top {
    background-image: url(../images/common/mobile-content-bg.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    height: auto;
    margin-top: 0;
    top: -100px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .page-top .breadcrumbs {
    left: 20px;
  }
  .breadcrumbs {
    left: 20px;
  }

  .breadcrumbs ul,
  .breadcrumbs ul li,
  .breadcrumbs ul a {
    color: #0087e0;
  }
  .breadcrumbs ul a:hover {
    color: #1a2c71;
  }
  .page-banner {
    display: none;
  }
  .contact-container,
  .brands-container {
    background-image: none;
  }
  .photo-grid {
    padding: 0 0;
    margin: 0 auto;
    width: 294px;
  }
  .photo-grid .photo {
    width: 135px;
    height: 135px;
    margin: 6px;
  }
  .photo-grid .photo a {
    width: 135px;
    height: 135px;
  }
  .photo-grid .photo .image {
    background-size: 135px auto;
  }
  .photo-grid .photo .image img {
    width: 100%;
  }
  .photo-grid-titles {
    padding: 0 0;
    margin: 0 auto;
  }
  .photo-grid-titles .photo {
    width: 282px;
    height: 309px;
    margin: 12.5px;
    overflow: hidden;
    position: relative;
  }
  .photo-grid-titles .photo a {
    width: 282px;
    height: 309px;
  }
  .photo-grid-titles .photo .image {
    background-size: 282px auto;
  }
  .photo-grid-titles .photo .title {
    width: 231px;
    padding: 20px 37px 20px 14px;
  }
  .photo-grid-titles .photo .title .arrow {
    background-position: 11px center;
  }
  .main-content-column {
    width: 320px;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px;
  }
  .column {
    float: none;
    display: block;
    width: auto;
    clear: both;
  }
  .nav-column {
    margin: 0;
    padding: 0 20px;
    width: auto;
  }
  .nav-column .std-image {
    text-align: center;
  }
  .nav-column .std-image img {
    margin: 0 auto;
  }
  .std-image img,
  .std-image embed,
  .std-image iframe {
    max-width: 100%;
    height: auto;
  }
  .contact-block {
    height: auto;
  }
  .contact-block .contact-columns {
    height: auto;
    background-image: none;
    margin: 10px 0;
    padding: 0;
  }
  .contact-block .contact-column {
    padding: 20px 0 30px;
    height: auto;
    float: none;
    display: block;
    width: auto;
    clear: both;
    border: none;
    background-image: url(../images/common/blue-divider.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
  }
  .contact-block .contact-link {
    position: relative;
    bottom: 0;
    margin-top: 20px;
  }
  .blue-form-wrapper {
    padding: 30px 20px 20px;
    margin: 0 -20px 21px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .blue-form-wrapper label {
    display: none;
  }
  .blue-form-wrapper fieldset li,
  .blue-form-wrapper fieldset li.half {
    margin-right: 0;
    margin-bottom: 12px;
    float: none;
    width: auto;
  }
  .blue-form-wrapper form select {
    border: 2px solid #FFFFFF;
    font-family: 'Lato', 'Candal', sans-serif;
    fonts-size: 12px;
    height: 37px;
    font-weight: 400;
    color: #0087e0;
    text-transform: uppercase;
    font-style: normal;
    border: 0;
    background-image: url(../images/icons/dd-arrow.png);
    background-position: right 0;
    background-repeat: no-repeat;
  }
  .blue-form-wrapper form textarea {
    height: 100px;
  }
  .blue-form-wrapper form input.text,
  .blue-form-wrapper form textarea.text {
    border: 2px solid #FFFFFF;
  }
  .blue-form-wrapper form input::-webkit-input-placeholder,
  .blue-form-wrapper form textarea::-webkit-input-placeholder {
    font-family: 'Lato', 'Candal', sans-serif;
    fonts-size: 12px;
    font-weight: 400;
    color: #0087e0;
    text-transform: uppercase;
    font-style: normal;
  }
  .blue-form-wrapper form input:-moz-placeholder,
  .blue-form-wrapper form textarea:-moz-placeholder {
    font-family: 'Lato', 'Candal', sans-serif;
    fonts-size: 12px;
    font-weight: 400;
    color: #0087e0;
    text-transform: uppercase;
    font-style: normal;
  }
  .blue-form-wrapper form input::-moz-placeholder,
  .blue-form-wrapper form textarea::-moz-placeholder {
    font-family: 'Lato', 'Candal', sans-serif;
    fonts-size: 12px;
    font-weight: 400;
    color: #0087e0;
    text-transform: uppercase;
    font-style: normal;
  }
  .blue-form-wrapper form input:-ms-input-placeholder,
  .blue-form-wrapper form textarea:-ms-input-placeholder {
    font-family: 'Lato', 'Candal', sans-serif;
    fonts-size: 12px;
    font-weight: 400;
    color: #0087e0;
    text-transform: uppercase;
    font-style: normal;
  }
  .nutrition-panel .brand-image img {
    max-width: 90px;
  }
  .nutrition-panel .flavour-image {
    width: 152px;
  }
  .nutrition-panel .flavour-image .prod-circle {
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #ccecfe;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 1;
  }
  .nutrition-panel .flavour-image img {
    width: 25px;
    height: auto;
    float: left;
    position: relative;
    z-index: 2;
  }
  .nutrition-panel .flavour-image .flavour-image-title {
    font-family: 'Lato', 'Candal', sans-serif;
    font-weight: 400;
    font-weight: 700;
    color: #0087e0;
    font-size: 16px;
    line-height: 16px;
    float: left;
    position: relative;
    z-index: 3;
    width: 90px;
    padding: 12px 0 0 24px;
  }
  .nutrition-panel .flavour-chart {
    padding-top: 70px;
  }
  .nutrition-panel .flavour-chart img {
    max-width: 100%;
  }
  .feature-block {
    margin-top: 40px;
  }
  .feature-block:last-child {
    margin-bottom: 40px;
  }
  .feature-block-inner {
    height: auto;
    margin: 40px 0 0;
  }
  .feature-block-image {
    float: none;
    display: block;
    clear: both;
    width: auto;
    height: auto;
  }
  .feature-block-image a {
    width: auto;
    height: auto;
    display: block;
  }
  .feature-block-image img {
    max-width: 100%;
    display: block;
  }
  .feature-block-image span.arrow {
    display: none;
  }
  .feature-block-text {
    float: none;
    display: block;
    clear: both;
    width: auto;
    padding: 27px 10px 10px 0;
    text-align: center;
  }
  .feature-block-text h3 {
    font-family: 'Lato', 'Candal', sans-serif;
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: #0087e0;
    text-transform: uppercase;
  }
  .feature-block-text a.feature-block-link {
    display: block;
    width: 152px;
    text-align: left;
    background-color: #e21727;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-family: 'Lato', 'Candal', sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 30px auto 10px;
    padding: 8px 26px 8px 23px ;
    background-image: url(../images/icons/right-arrow.png);
    background-position: 180px center;
    background-repeat: no-repeat;
  }
  .news-sidebar,
  .news-item-column {
    margin: 0;
    float: none;
    width: auto;
    display: block;
    clear: both;
  }
  .news-item img {
    max-width: 100%;
  }
  .brand-container .page-section {
    padding-top: 0;
  }
  .brand-container .main-content {
    padding-top: 40px;
  }
  .mobile-feature-footer,
  .mobile-feature-header {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    clear: both;
  }
  .mobile-feature-header {
    padding: 10px 20px;
    height: 115px;
  }
  .mobile-feature-header .breadcrumbs {
    position: relative;
    left: 0;
    top: 0;
  }
  .mobile-feature-header .breadcrumbs ul,
  .mobile-feature-header .breadcrumbs li,
  .mobile-feature-header .breadcrumbs a {
    color: #FFFFFF;
  }
  .mobile-feature-header .breadcrumbs ul {
     z-index: 101;
     position: relative;
   }
  .mobile-feature-footer {
    padding: 53px 0 21px;
    text-align: center;
  }
  .dots {
    display: none;
  }
  .brand-feature-container {
    background-position: center -63px;
  }
  .brand-feature-container .brand-feature {
    padding: 0;
    background: none;
    height: 475px;
    width: 100%;
  }
  .brand-feature-container #brand-logo {
    background-size: 80% auto;
  }
  .brand-feature {
    background: none;
  }
  .brand-feature .slides {
    height: 475px;
    width: 100%;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
  }
  .brand-feature .slide {
    height: 475px;
    width: 100%;
    background-size: auto 257px;
    background-position: center 0;
  }
  .brand-feature .text {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 40px 20px 20px;
    width: 100%;
    top: auto;
    bottom: 0;
    height: 235px;
    background-position: center bottom;
    background-size: 100% 235px;
  }
  .brand-feature .text h3 {
    font-size: 22px;
    line-height: 24px;
  }
  .brand-feature .text h2 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  .brand-feature .text h6 {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 15px;
  }
  .flavours h5 {
    font-family: 'gelato_scriptregular', 'Candal', sans-serif;
    font-weight: normal;
    font-style: normal !important;
    text-indent: 10px;
    font-size: 48px;
    color: #0087e0;
    text-align: center;
  }
  .flavours-grid {
    text-align: center;
    margin-top: 20px;
  }
  .flavours-grid .flavour-item {
    float: none;
    width: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: auto;
    margin: 15px 10px;
    padding: 20px;
    background-color: #f2faff;
  }
  .flavour-item .prod-circle {
    left: 50%;
    margin-left: -76.5px;
  }
  .flavour-item h4 {
    font-size: 19px;
    line-height: 21px;
    margin: 0;
  }
  .add-this-brand-bar a.btn {
    width: 100%;
    background-position: center 0;
  }
  .brand-columns .column {
    margin: 0 30px;
    padding: 0;
    width: auto;
    float: none;
  }
  .brand-columns .column h5 {
    text-align: center;
    font-size: 48px;
  }
  .brand-columns .column .stay-tuned {
    display: none;
  }
  .brand-columns .feature-block {
    background-position: center bottom;
    border-bottom: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .brand-columns .feature-block .feature-block-inner {
    margin-top: 0;
  }
  .brand-columns .feature-block .feature-block-image {
    margin-bottom: 20px;
  }
  .product-overlay-bg {
    background-color: rgba(0, 0, 0, 0.75);
  }
  .product-overlay-wrapper {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .product-overlay-wrapper #overlay-logo {
    display: none;
  }
  .product-overlay-wrapper .product {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-left: none;
    border-right: none;
    width: auto;
    padding: 20px 0;
  }
  .product-overlay-wrapper .product-counter {
    display: none;
  }
  .product {
    box-shadow: 0 0 90px rgba(0, 0, 0, 0.5) inset;
  }
  .product #overlay-brand-logo {
    background-size: 80%;
  }
  .product .overlay-control {
    z-index: 2000;
  }
  .product .overlay-control.next,
  .product .overlay-control.prev {
    top: 160px;
  }
  .product .overlay-control.next {
    right: 20px;
  }
  .product .overlay-control.prev {
    left: 20px;
  }
  .product .overlay-control.close {
    top: 10px;
    right: 10px;
  }
  .product .product-details,
  .product .product-image {
    width: auto;
    float: none;
    display: block;
    clear: both;
    padding: 0;
    text-align: center;
    height: auto;
  }
  .product .product-image {
    border: none;
    padding-bottom: 20px;
    overflow: hidden;
  }
  .product .product-image .prod-circle {
    width: 196px;
    height: 196px;
    margin-left: -98px;
    margin-top: -88px;
    -moz-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  .product .product-image img {
    height: 280px;
    top: 30px;
    width: auto;
  }
  .product .product-details {
    height: auto;
    padding: 0 10px;
  }
  .product .product-details h2 {
    margin: 30px 0;
    font-size: 25px;
    line-height: 30px;
  }
  .product .prod-circle {
    left: 50%;
    margin-left: -198px;
  }
}
.ie9 .btn {
  filter: none;
}
.ie9 iframe {
  position: relative;
  z-index: 1;
}
.lt-ie9 body.small .section .container {
  width: 960px;
}
.lt-ie9 body.small .home-feature {
  width: 960px;
  height: 360px;
}
.lt-ie9 body.small span.image img {
  width: 100%;
  height: 100%;
}
.lt-ie9 body.small .home-grid-container .home-block .image,
.lt-ie9 body.small .home-grid-container .home-block.home-feature {
  background-size: 100% auto;
}
.lt-ie9 body.small .home-grid-container .home-block .title {
  font-size: 15px;
}
.lt-ie9 body.small .home-grid-container .layout-1 {
  width: 240px;
  height: 240px;
}
.lt-ie9 body.small .home-grid-container .layout-2 {
  width: 480px;
  height: 240px;
}
.lt-ie9 body.small .home-grid-container .layout-3 {
  width: 240px;
  height: 480px;
}
.lt-ie9 body.small .home-grid-container .layout-4 {
  width: 480px;
  height: 480px;
}
.lt-ie9 .qa-block {
  border-bottom: 1px solid #d3d3d4;
}
.lt-ie9 .page-top {
  top: -140px;
}
.lt-ie9 .brand-container .content {
  padding-top: 20px;
}
.lt-ie9 .brand-container #brand-logo {
  top: -50px;
}
.lt-ie9 .brand-container .breadcrumbs {
  top: 168px;
}
.lt-ie9 .brand-container .brand-social {
  position: relative;
  top: 140px;
}
.lt-ie8 .content {
  padding-top: 133px;
}
.lt-ie8 .btn,
.lt-ie8 .dots .dot,
.lt-ie8 .share a {
  float: left;
}
.lt-ie8 .share-sidebar .addthis_toolbox {
  left: 0;
}
.lt-ie8 .secondary li.active {
  background-color: #0087e0;
}
.lt-ie8 .tw-block {
  padding: 10px 0 0 0 !important;
  height: 310px !important;
  text-align: center;
}
.lt-ie8 .tw-block iframe {
  margin: 0 auto;
}
.lt-ie8 .fb-block .image img {
  display: none;
}
.lt-ie8 .footer .copyright-container {
  color: #FFFFFF;
}
.lt-ie8 .content {
  padding-top: 220px;
}
.lt-ie8 .brand-container .content {
  padding-top: 180px;
}
.fb-container {
  background-position: center -808px;
  min-width: 700px;
}
.fb-container .breadcrumbs {
  display: none;
}
.fb-container .page-container {
  width: 100%;
  min-width: 700px;
  min-height: 660px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fb-container .page-container .page-top {
  width: 100%;
  background-position: -200px 0;
}
.fb-content {
  margin-top: 0 !important;
  padding: 0;
}
.fb-content .page-section {
  padding-top: 68px;
  padding-bottom: 0;
}

/* PET-47 - secondary mobile nav */
.header .nav .nav-secondary {
	display: none;
	background-image: url(../images/icons/mobile-menu-divider.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
}

.header .nav .nav-secondary ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.header .nav .nav-secondary li {
	line-height: 1;
}

.header .nav .nav-secondary a {
    padding: 12px 0 10px;
    font-size: 15px;
    width: auto;
    float: none;
    display: block;
    text-align: center;
    color: #FFFFFF;
}

.header .nav .nav-secondary a:last-child,
.header .nav .nav-secondary a:first-child {
  margin: 0px;
}


@media screen and (max-width: 767px) {
	.header .nav .nav-secondary {
		display: block;
	}
}

/** Form file uploads */
.gfield.attachment input {
	width: 100% !important;
}

.gform_wrapper input[type="number"] {
	width: 60px;
}