@charset "UTF-8";
/**
 * em()
 * -------------
 * Calculate em value from pixels factoring in base font size (16px)
 */
/**
 * strip-unit()
 * Strip a value that has units to be just the integer.
 */
/**
 * calculate-rem()
 * Calcualte the rem value using base 16px font sizing.
 */
/**
 * VERTICAL ALIGN
 */
/**
 * UL-BLANK
 */
/**
 * INLINE-BLOCK
 */
/**
 * BG-SHORTHAND
 */
/**
 * MP0
 */
/**
 * HIDE TEXT
 */
/**
 * FLEXBOX (fauxflex)
 */
/**
 * TABLE / TABLE CELL
 */
@import url(../components/normalize.css/normalize.css);
@import url(../components/animate.css/animate.min.css);
@import url(../components/font-awesome/css/font-awesome.min.css);
.table {
  display: table;
  text-align: center;
}

.cell {
  display: table-cell;
  vertical-align: middle;
}

/**
 * EMPTY-BUTTON
 */
/**
 * KEYFRAMES
 */
/**
 * ANIMATION EX:-webkit-animation: name 1s infinite;
 */
/**
 * FONTAWESOME
 */
/**
 * TRANSPARENT BG
 */
/* _config.scss */
/**
 * Grid Settings
 * Width settings for media queries in pixels
 * REQUIRED: All
 */
/**
 * Colors
 * Colors of various elements as per style guide
 * REQUIRED: $colorPrimary<>, $colorSecondary<>, $colorTextDefault
 */
/**
 * Font Sizes
 * Headings, Paragraphs and other common elements
 */
/**
 * Compass Settings
 * Flags for compass
 */
/**
 * Font Settings
 * Shortened variable names for font families for degradation convenience
 */
/* MEDIA
================================================== */
/* CONTAINER(S)
================================================== */
@media only screen and (min-width: 980px) {
  min-width: 980px;
}
.container, #hero.hero .hero__container {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px;
}
.container:after, #hero.hero .hero__container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .container, #hero.hero .hero__container {
    max-width: 768px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .container, #hero.hero .hero__container {
    max-width: 480px;
  }
}

.container-thin {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px;
  max-width: 980px;
}
.container-thin:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .container-thin {
    max-width: 768px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .container-thin {
    max-width: 480px;
  }
}

.container--full {
  width: 100%;
}
.container--full:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.container--max {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 960px;
  padding-left: 30px;
  padding-right: 30px;
}
.container--max:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
  .container--max {
    max-width: 768px;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .container--max {
    max-width: 480px;
  }
}
@media only screen and (max-width: 767px) {
  .container--max {
    min-width: 300px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* OMEGA
================================================== */
/* SPANS (1-12)
================================================== */
.span1 {
  width: 8.333333333333332%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span1 {
    width: 100%;
  }
}

.span2 {
  width: 16.666666666666664%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span2 {
    width: 100%;
  }
}

.span3, .one-fourth {
  width: 25%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span3, .one-fourth {
    width: 100%;
  }
}

.span4, .one-third {
  width: 33.33333333333333%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span4, .one-third {
    width: 100%;
  }
}

.span5 {
  width: 41.66666666666667%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span5 {
    width: 100%;
  }
}

.span6, .one-half {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span6, .one-half {
    width: 100%;
  }
}

.span7 {
  width: 58.333333333333336%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span7 {
    width: 100%;
  }
}

.span8, .two-thirds {
  width: 66.66666666666666%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span8, .two-thirds {
    width: 100%;
  }
}

.span9, .three-fourths {
  width: 75%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span9, .three-fourths {
    width: 100%;
  }
}

.span10 {
  width: 83.33333333333334%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span10 {
    width: 100%;
  }
}

.span11 {
  width: 91.66666666666666%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span11 {
    width: 100%;
  }
}

.span12 {
  width: 100%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .span12 {
    width: 100%;
  }
}

/* OFFSETS
================================================= */
.offset1 {
  margin-left: 8.333333333333332%;
}
@media only screen and (max-width: 767px) {
  .offset1 {
    margin-left: 0;
  }
}

.span-gutters {
  margin-left: 10px;
  margin-right: 10px;
}

.center, .span-center {
  float: none !important;
  margin: 0 auto;
}

.halves:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.half {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .half {
    width: 100%;
  }
}

.thirds:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.third {
  width: 33.33333337%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .third {
    width: 100%;
  }
}

.fourths:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.fourth {
  width: 25%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .fourth {
    width: 100%;
  }
}

.fifths:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.fifth {
  width: 20%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .fifth {
    width: 100%;
  }
}

/* ROW(S)
================================================== */
.row {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 20px;
}
.row:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
}

body {
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #707070;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100% !important;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
  font-weight: normal;
  /* TRANSITION */
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
  margin: 0 0 1rem;
  color: #4c4b47;
}

.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6 {
  color: #ffffff;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #707070;
}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
  color: #fff;
}

h1 {
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 3.4375em;
  font-weight: 500;
}

h2 {
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 2.8125em;
  font-weight: 300;
}

h3 {
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 1.875em;
  font-weight: 300;
}

h4 {
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 1.75em;
  font-weight: 300;
}

h5 {
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 1.3125em;
  font-weight: 300;
}

h5.alt {
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
}

h6 {
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 1.125em;
  font-weight: 300;
}

h4 + h6 {
  line-height: 1.5;
}

p {
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 1rem;
}

p.alt {
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
}

ul, ol, li {
  font-size: inherit;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  line-height: 1.5;
  color: inherit;
}

li {
  line-height: 1.75;
}

p.serif, p.slab {
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
}

p.larger {
  font-size: 18px;
}

.weight-100 {
  font-weight: 100;
}

.weight-300 {
  font-weight: 300 !important;
}

.weight-500 {
  font-weight: 500 !important;
}

p.size-14 {
  font-size: 14px !important;
}

p.size-24 {
  font-size: 24px;
}

p.size-30 {
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 21px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 18px;
  }

  p {
    font-size: 14px;
  }

  p.larger {
    font-size: 16px;
  }

  p.size-24 {
    font-size: 18px;
  }

  p.size-30 {
    font-size: 22px;
  }
}
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

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

.align-center {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.text-gray {
  color: #8a8a8a;
}

.text-gray-light {
  color: #c1c1c1;
}

.text-white {
  color: #fff !important;
}

.text-blue {
  color: #01a7df !important;
}

.text-yellow {
  color: #efd345 !important;
}

.bg-gray {
  background-color: #f3f3f3;
}

.bg-white {
  background-color: #ffffff;
}

.bg-blue {
  color:#ffffff;
  background-color: #01a7df;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}

.cell {
  display: table-cell;
  vertical-align: middle;
}

.pos-relative {
  position: relative;
}

.pos-absolute {
  position: absolute;
}

.list-icons .icon, .list-icons .fa {
  padding-right: 4px;
}

.list-blank {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.125em;
}
.list-blank li {
  margin-bottom: 7px;
}

.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.rel {
  position: relative;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

hr.and {
  margin: 70px auto;
  position: relative;
}
hr.and:before {
  position: absolute;
  top: -9px;
  left: 50%;
  width: 70px;
  height: 16px;
  margin-left: -35px;
  content: 'AND';
  font-weight: 600;
  background-color: #fff;
  padding: 0 5px;
}

.bg-cover, .flexslider .flexslider__photo, .flexslider.flexslider--large li.slide, .circle, .cta--blue .cta__block, .section--donate, .tiles--mosaic .tiles__box, #form--donation, .flexslider--circle .slide__photo {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/**
 * Text Colors
 */
.primary {
  color: #01a7df;
}

.secondary {
  color: #efd345;
}

.text-light {
  color: #c4c4c4;
}

.bold {
  font-weight: bold;
}

.semibold {
  font-weight: 600;
}

.light {
  font-weight: 300;
}

.mp0 {
  margin: 0;
  padding: 0;
}

.m0 {
  margin: 0;
}

.p0 {
  padding: 0;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pt30 {
  padding-top: 20px !important;
}

.pr30 {
  padding-right: 20px !important;
}

.pb30 {
  padding-bottom: 20px !important;
}

.pl30 {
  padding-left: 20px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

@media only screen and (max-width: 767px) {
  .mt--mobilenone {
    margin-top: 0 !important;
  }

  .mr--mobilenone {
    margin-right: 0 !important;
  }

  .mb--mobilenone {
    margin-right: 0 !important;
  }

  .ml--mobilenone {
    margin-left: 0 !important;
  }

  .pt--mobilenone {
    padding-top: 0 !important;
  }

  .pr--mobilenone {
    padding-right: 0 !important;
  }

  .pb--mobilenone {
    padding-right: 0 !important;
  }

  .pl--mobilenone {
    padding-left: 0 !important;
  }
}
.z0 {
  z-index: 0 !important;
}

.z1 {
  z-index: 1 !important;
}

.z10 {
  z-index: 10 !important;
}

.z100 {
  z-index: 100 !important;
}

.z1000 {
  z-index: 1000;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.baseline {
  line-height: 1;
  margin: 0;
}

.lh1 {
  line-height: 1;
}

.width-constrain {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.list-blank {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.list-inline {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list-inline li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 10px;
}
.list-inline li:last-child {
  margin-right: 0;
}

.inline {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .desktop-only {
    display: none !important;
  }
}

.mobile-only {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .mobile-only {
    display: inline-block !important;
  }
  .mobile-block-center
  {
	  margin-left:auto;
	  margin-right:auto;
  }
  .mobile-text-center
  {
	  text-align:center;
  }
	.mobile-text-left {
	  text-align: left;
	}
	.mobile-text-right {
	  text-align: right;
	}
}

/**
 * Museo Slab
 */
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  src: url("../fonts/MuseoSlab/MuseoSlab_100.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  font-style: italic;
  src: url("../fonts/MuseoSlab/MuseoSlab_100italic.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  src: url("../fonts/MuseoSlab/MuseoSlab_300.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/MuseoSlab/MuseoSlab_300_Italic.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 500;
  src: url("../fonts/MuseoSlab/MuseoSlab_500.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/MuseoSlab/MuseoSlab_500_Italic.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 700;
  src: url("../fonts/MuseoSlab/MuseoSlab_700.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/MuseoSlab/MuseoSlab_700_Italic.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 900;
  src: url("../fonts/MuseoSlab/MuseoSlab_900.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 900;
  font-style: italic;
  src: url("../fonts/MuseoSlab/MuseoSlab_900_Italic.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 1000;
  src: url("../fonts/MuseoSlab/MuseoSlab_1000.otf") format("opentype");
}
@font-face {
  font-family: "Museo Slab";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 1000;
  font-style: italic;
  src: url("../fonts/MuseoSlab/MuseoSlab_1000_Italic.otf") format("opentype");
}
/**
 * Museo Sans
 */
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  src: url("../fonts/MuseoSans/MuseoSans_100.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  font-style: italic;
  src: url("../fonts/MuseoSans/MuseoSans_100italic.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  src: url("../fonts/MuseoSans/MuseoSans_300.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  font-style: italic;
  src: url("../fonts/MuseoSans/MuseoSans_300_Italic.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 500;
  src: url("../fonts/MuseoSans/MuseoSans_500.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 500;
  font-style: italic;
  src: url("../fonts/MuseoSans/MuseoSans_500_Italic.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 700;
  src: url("../fonts/MuseoSans/MuseoSans_700.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/MuseoSans/MuseoSans_700_Italic.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 900;
  src: url("../fonts/MuseoSans/MuseoSans_900.otf") format("opentype");
}
@font-face {
  font-family: "MuseoSans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 900;
  font-style: italic;
  src: url("../fonts/MuseoSans/MuseoSans_900_Italic.otf") format("opentype");
}
/**
 * Museo
 */
@font-face {
    font-family: 'museo700';
    src: url('../fonts/Museo/Museo700-Regular-webfont.eot');
    src: url('../fonts/Museo/Museo700-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo/Museo700-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Museo/Museo700-Regular-webfont.woff') format('woff'),
         url('../fonts/Museo/Museo700-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Museo/Museo700-Regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**
 * Chrome v33 "invisible text" fix
 */
body {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-name: fontfix;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
form {
  margin: 0;
}
form label {
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 16px;
  font-weight: 300;
  color: inherit;
}
form p {
  margin: 0 0 10px;
}

/* FIELDSET
 * ----------------------------------- */
fieldset, .fieldset {
  border: none;
  position: relative;
  padding: 0;
  margin: 0;
}
fieldset input[type="text"],
fieldset input[type="email"],
fieldset input[type="password"],
fieldset input[type="number"],
fieldset input[type="file"],
.fieldset input[type="text"],
.fieldset input[type="email"],
.fieldset input[type="password"],
.fieldset input[type="number"],
.fieldset input[type="file"]
{
  width: 100%;
  margin-bottom: 30px;
}

/* FIELDSET WITH ICON LABEL
 * ----------------------------------- */
fieldset.fieldset--withicon, .fieldset.fieldset--withicon {
  position: relative;
}
fieldset.fieldset--withicon label, .fieldset.fieldset--withicon label {
  position: absolute;
  left: 0;
  top: 0;
}
fieldset.fieldset--withicon label .fa, .fieldset.fieldset--withicon label .fa {
  color: #e3e3e2;
  font-size: 21px;
}

/* MOCK ICON LABEL
 * ----------------------------------- */
.fa.label {
  color: #e3e3e2;
  font-size: 21px;
}

/* INPUTS
 * ----------------------------------- */
input {
  margin-bottom: 10px;
  -webkit-border-radius: 0;
  border-radius: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"]
{
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  padding: 0 0 10px 30px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #e1e1df;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus
{
  outline: none;
  border-bottom: 2px solid #01a7df;
}
input[type="text"]:focus + label .fa,
input[type="email"]:focus + label .fa,
input[type="password"]:focus + label .fa,
input[type="number"]:focus + label .fa {
  color: #01a7df;
}

input.visited + label .fa {
  color: #01a7df;
}

/* TEXTAREA
 * ----------------------------------- */
fieldset.fieldset--textarea label, .fieldset.fieldset--textarea label {
  float: left;
  margin-bottom: 10px;
}
fieldset.fieldset--textarea textarea, .fieldset.fieldset--textarea textarea {
  width: 100%;
  float: left;
  clear: both;
}

textarea,
input[type="file"]
{
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  border: 2px solid #e3e3e2;
  background:none;
}
textarea:focus,
input[type="file"]:focus
{
  border-color:#01a7df !important;
  box-shadow: none;
  outline: none;
}

/* RADIO, CHECKBOX
 * ----------------------------------- */
.field input[type="radio"],
.field input[type="checkbox"],
.fieldset input[type="radio"],
.fieldset input[type="checkbox"]
{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin: 0;
}

.fieldset.check, fieldset.check {
  padding: 0;
  margin-top: 30px;
}

ul.fieldset.check,
ul.fieldset.checkbox {
  list-style-type: none !important;
}
ul.fieldset.check li,
ul.fieldset.checkbox li {
  line-height: 1.5;
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}
ul.fieldset.check input[type="radio"]:checked + label:after, ul.fieldset.check input[type="checkbox"]:checked + label:after,
ul.fieldset.checkbox input[type="radio"]:checked + label:after,
ul.fieldset.checkbox input[type="checkbox"]:checked + label:after {
  top: -8px;
}

.field input[type="radio"] + label,
.field input[type="checkbox"] + label,
.fieldset input[type="radio"] + label,
.fieldset input[type="checkbox"] + label
{
  cursor: pointer;
  margin-left: 10px;
}

.field input[type="radio"] + label:before,
.field input[type="checkbox"] + label:before,
.fieldset input[type="radio"] + label:before,
.fieldset input[type="checkbox"] + label:before
{
  width: 20px;
  height: 20px;
  position: absolute;
  content: '';
  border: 2px solid #e3e3e2;
  left: 0;
  top: 0;
  margin-top: 1px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.field input[type="radio"]:checked + label:before,
.field input[type="checkbox"]:checked + label:before,
.fieldset input[type="radio"]:checked + label:before,
.fieldset input[type="checkbox"]:checked + label:before
{
  border-color: #efd345;
  position: absolute;
}

.field input[type="radio"]:checked + label:after,
.field input[type="checkbox"]:checked + label:after,
.fieldset input[type="radio"]:checked + label:after,
.fieldset input[type="checkbox"]:checked + label:after
{
  left: 2px;
  top: -4px;
  position: absolute;
  font-family: "fontawesome";
  -webkit-font-smoothing: subpixel-antialiased;
  content: '\f00c';
  font-size: 24px;
  color: #efd345;
}

/* SELECT
 * ----------------------------------- */
.fieldset.select select, .fieldset.select label, fieldset.select select, fieldset.select label {
  float: left;
}
.fieldset.select label + select, fieldset.select label + select {
  margin-top: 5px;
  clear: both;
}

select {
  height: 31px;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  border: 2px solid #e3e3e2;
  background: #fff;
}
select:focus {
  outline: none;
  border-color:#01a7df !important;
}

/* INPUT SUBMIT
 * ----------------------------------- */
input[type="submit"], button[type="submit"] {
  border: none;
  margin: 30px 0 0;
  background: #01a7df;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
input[type="submit"]:focus, button[type="submit"]:focus {
  outline: none;
  background: #0189b6;
}

/* -----------------------------------
  NEWSLETTER SIGNUP FORM
----------------------------------- */
.form--signup {
  width: 790px;
  margin: 0 auto;
}
.form--signup fieldset, .form--signup .fieldset {
  margin-top: 30px;
  float: left;
}
.form--signup fieldset input[type="text"],
.form--signup fieldset input[type="email"],
.form--signup fieldset input[type="password"],
.form--signup fieldset input[type="number"], .form--signup .fieldset input[type="text"],
.form--signup .fieldset input[type="email"],
.form--signup .fieldset input[type="password"],
.form--signup .fieldset input[type="number"] {
  margin: 0;
}
.form--signup fieldset.offset1, .form--signup .fieldset.offset1 {
  margin-left: 8.333333333333332%;
}
.form--signup .fieldset.email {
  width: 290px;
  margin: 30px 30px 0;
}
.form--signup .fieldset.name {
  width: 290px;
}
.form--signup .fieldset.name input#name_first,
.form--signup .fieldset.name input#name_last {
  width: 50%;
  float: left;
}
.form--signup .fieldset.name input#name_last {
  width: 48%;
  margin-left: 2%;
  padding-left: 5px;
}
.form--signup .fieldset.zipcode {
  width: 150px;
}
.form--signup .fieldset.checkbox.align-center {
  margin-left: 25%;
}
@media only screen and (max-width: 767px) {
  .form--signup {
    width: 100%;
  }
  .form--signup fieldset, .form--signup .fieldset {
    margin-top: 15px;
  }
  .form--signup .fieldset.name,
  .form--signup .fieldset.zipcode {
    width: 100%;
  }
  .form--signup .fieldset.email {
    width: 100%;
    margin: 15px 0 0;
  }
  .form--signup .fieldset.checkbox.align-center {
    margin-left: 0;
  }
}
.form--signup.extended-fields .fieldset.name, .form--signup.extended-fields fieldset.name,
.form--signup.extended-fields .fieldset.email, .form--signup.extended-fields fieldset.email {
  width: calc(50% - 15px);
  margin-right: 0;
}
.form--signup.extended-fields .fieldset.email, .form--signup.extended-fields fieldset.email {
  margin-left: 30px;
  margin-right: 0;
}
.form--signup.extended-fields input#address, .form--signup.extended-fields input#city {
  width: 40%;
  width: calc(40% - 4px);
  float: left;
}
.form--signup.extended-fields input#state {
  width: 20%;
  width: calc(20% - 4px);
  float: left;
}
.form--signup.extended-fields input#city, .form--signup.extended-fields input#state {
  padding-left: 5px;
  margin-left: 5px;
}
.form--signup.extended-fields input#zipcode, .form--signup.extended-fields select#country {
  width: 20%;
  width: calc(20% - 2.5px);
  margin-top: 15px;
}
.form--signup.extended-fields input#zipcode {
  padding-left: 5px;
}
.form--signup.extended-fields select#country {
  margin-left: 5px;
  height: 40px;
  background: transparent;
  border: none;
  border-bottom: 2px solid #e3e3e2;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}
@media only screen and (max-width: 767px) {
  .form--signup.extended-fields .fieldset.name, .form--signup.extended-fields fieldset.name,
  .form--signup.extended-fields .fieldset.email, .form--signup.extended-fields fieldset.email {
    width: 100%;
    margin-left: 0;
  }
  .form--signup.extended-fields input#address, .form--signup.extended-fields input#city, .form--signup.extended-fields input#state, .form--signup.extended-fields input#zipcode, .form--signup.extended-fields select#country {
    width: 100%;
  }
  .form--signup.extended-fields input#city, .form--signup.extended-fields input#state, .form--signup.extended-fields input#zipcode, .form--signup.extended-fields select#country {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 5px;
  }
}

/* -----------------------------------
  DONATE FORM STYLES
----------------------------------- */
.form--donation__container {
  width: 400px;
  margin: 0 auto;
  padding: 40px;
  border: 1px solid #d7d9dd;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  display: inline-block;
}

.form--donation__form {
  max-width: 570px;
  margin: 0 auto;
  z-index: 999;
}
.form--donation__form label {
  position: absolute;
  left: 0;
  top: 0;
}
.form--donation__form label .fa {
  color: #e3e3e2;
  font-size: 21px;
}
.form--donation__form input[type="text"],
.form--donation__form input[type="email"],
.form--donation__form input[type="password"],
.form--donation__form input[type="number"] {
  height: 45px;
  border: 1px solid #e1e1e1;
  line-height: 45px;
  padding: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #f9f9f9;
  color: #707070;
}
::-webkit-input-placeholder
{
	color:inherit;
	opacity:0.7;
}
:-moz-placeholder
{
	color:inherit;
	opacity:0.7;
}
::-moz-placeholder
{
	color:inherit;
	opacity:0.7;
}
:-ms-input-placeholder
{
	color:inherit;
	opacity:0.7;
}
	
.form--donation__form input[type="text"]::-webkit-input-placeholder,
.form--donation__form input[type="text"]:-moz-placeholder,
.form--donation__form input[type="text"]::-moz-placeholder,
.form--donation__form input[type="text"]:-ms-input-placeholder,
.form--donation__form input[type="email"]::-webkit-input-placeholder,
.form--donation__form input[type="email"]:-moz-placeholder,
.form--donation__form input[type="email"]::-moz-placeholder,
.form--donation__form input[type="email"]:-ms-input-placeholder,
.form--donation__form input[type="password"]::-webkit-input-placeholder,
.form--donation__form input[type="password"]:-moz-placeholder,
.form--donation__form input[type="password"]::-moz-placeholder,
.form--donation__form input[type="password"]:-ms-input-placeholder,
.form--donation__form input[type="number"]::-webkit-input-placeholder,
.form--donation__form input[type="number"]:-moz-placeholder,
.form--donation__form input[type="number"]::-moz-placeholder,
.form--donation__form input[type="number"]:-ms-input-placeholder {
  color: #4b4b4b;
  color: rgba(75, 75, 75, 0.6);
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 14px;
  font-weight: 500;
}

.form--donation__form input[type="text"]:focus,
.form--donation__form input[type="email"]:focus,
.form--donation__form input[type="password"]:focus,
.form--donation__form input[type="number"]:focus {
  line-height: 45px;
}
.form--donation__form input[type=number] {
  -moz-appearance: textfield;
}
.form--donation__form input[type=number]::-webkit-inner-spin-button,
.form--donation__form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form--donation__form fieldset {
  padding: 0;
}
.form--donation__form label .fa {
  font-size: 18px;
  color: #4f4f4f;
  margin-left: 15px;
}
.form--donation__form fieldset.input-amount {
  width: 100%;
  float: left;
}
.form--donation__form fieldset.input-amount label .fa {
  font-size: 28px;
  top: 50%;
  margin-top: 18px;
  margin-left: 15px;
}
.form--donation__form fieldset.input-amount label.usd {
  width: 20px;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px;
  font-weight: 500;
  color: #929292;
  text-align: right;
  top: 22px;
  right: 25px;
  left:auto;
}
.form--donation__form fieldset.input-amount input {
  width: 100%;
  margin-bottom: 0;
}
.form--donation__form input#donationAmount {
  width: 100%;
  height: 65px;
  padding: 0 60px 0 40px;
  line-height: 1;
}
.form--donation__form input#donationAmount::-webkit-input-placeholder {
  font-size: 21px;
}
.form--donation__form input#donationAmount:-moz-placeholder {
  font-size: 21px;
}
.form--donation__form input#donationAmount::-moz-placeholder {
  font-size: 21px;
}
.form--donation__form input#donationAmount:-ms-input-placeholder {
  font-size: 21px;
}
.form--donation__form button[type="submit"] {
  margin-top: 0;
}
.form--donation__form .btn--primary {
  width: 150px;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 20px;
  border: 1px solid #e1e1e1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.form--donation__form .btn--primary .fa {
  margin-left: 20px;
  color: #057b9f;
}
.form--donation__form .btn--primary.right {
  float: right;
}
.form--donation__form .btn--submit {
  float: left;
}
.form--donation__form .option-or {
  float: left;
  margin-left: 40px;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 13px;
  font-weight: bold;
  line-height: 62px;
  color: #9f9f9f;
}
.form--donation__form a.check {
  display: inline-block;
  color: #9f9f9f;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 15px;
  font-weight: 500;
}
.form--donation__form a.check:hover {
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .form--donation__container {
    max-width: 280px;
    width: 100%;
    padding: 40px 20px;
  }

  .form--donation__form {
    max-width: 100%;
  }
  .form--donation__form .btn--primary {
    width: 48%;
  }
}
.btn {
  padding: 15px 40px;
  font-size: 18px;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  display: inline-block;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
  cursor:pointer;
  /**
   * Button Play
   *
   */
  /**
   * Button Icon
   * Use sub-inheritance classes for positioning of nested fa icons
   */
}
.btn.btn--primary {
  background: #01a7df;
  color: #fff;
  border:none;
}
.btn.btn--primary:hover {
  background: #0189b6;
}
.btn.btn--cancel {
  background: #EEEEEE;
  border:none;
}
.btn.btn--cancel:hover {
  background: #DDDDDD;
}
.btn.btn--transparent {
  background: transparent;
  background: rgba(255, 255, 255, 0);
  color: #fff;
  border: 2px solid #fff;
}
.btn.btn--transparent:hover {
  background: #fff;
  background: rgba(255, 255, 255, 0.3);
}
.btn.btn--yellow, .bg-blue .btn.btn--primary {
  color: #fff;
  background: #efd345;
}
.btn.btn--yellow:hover, .bg-blue .btn.btn--primary:hover {
  background: #ecca1f;
}
.btn:active {
  -moz-transform: translateY(5px);
  -ms-transform: translateY(5px);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.btn.active--none:active {
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.btn.btn--icon .fa {
  top: 1px;
  font-size: 24px;
  color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35);
  opacity: 0.35;
}
.btn.btn--icon span {
  position: relative;
  top: -2px;
}
.btn:disabled
{
	opacity:0.5;
}
.btn.submitted
{
	opacity:0;
}

a .fa {
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}

/**
 * Button Social
 * Circles
 */
.btn--social {
  width: 40px;
  height: 40px;
  display: block;
  padding: 0;
  color: #fff;
  background: #d2d2d2;
  text-align: center;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.btn--social .fa {
  line-height: 40px;
}
.btn--social:hover {
  background: #efd345;
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.btn--social.btn--blue {
  background: #01a7df;
}
.btn--social.btn--blue:hover {
  background: #0189b6;
}
.btn--social.btn--visited {
  background: #efd345;
  cursor: default;
}

/**
 * Social Buttons for Team
 *
 */
.btn--team {
  width: 51px;
  height: 51px;
  padding: 0;
  color: #01a7df;
  text-align: center;
  cursor: pointer;
  border: 2px solid #01a7df;
  -moz-border-radius: 26px;
  -webkit-border-radius: 26px;
  border-radius: 26px;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.btn--team .fa {
  line-height: 51px;
}
.btn--team:hover {
  background: #01a7df;
  color: #fff;
}

/**
 * Animate CSS
 * Supplement classes for duration
 */
.animated-500 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-250 {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -moz-animation: rotating 1.5s linear infinite;
  -ms-animation: rotating 1.5s linear infinite;
  -webkit-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite;
}

@-webkit-keyframes shakeFast {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  30%, 60%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  15%, 45%, 75% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shakeFast {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  30%, 60%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  15%, 45%, 75% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}
.shakeFast {
  -webkit-animation-name: shakeFast;
  animation-name: shakeFast;
}

/**
 * Headroom.js
 */
.headroom {
  -moz-transition: -moz-transform 200ms linear;
  -o-transition: -o-transform 200ms linear;
  -webkit-transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
}

.headroom--fixed {
  position: fixed;
  z-index: 100;
}

.headroom--pinned {
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.headroom--unpinned {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.headroom--unpinned .navigation-loggedin .menu-main-loggedin li.current a:before {
  display: none;
}

/**
 * Font Awesome
 */
.fa-l {
  padding-right: 5px;
}

.fa-r {
  padding-left: 5px;
}

/**
 * LazyLoad
 */
.lazyload {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
  position: relative;
  /* TRANSITION */
  -moz-transition: opacity 150ms, visibility 150ms;
  -o-transition: opacity 150ms, visibility 150ms;
  -webkit-transition: opacity 150ms, visibility 150ms;
  transition: opacity 150ms, visibility 150ms;
}
.lazyload.show {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}
.lazyload img {
  max-width: 100%;
}
.lazyload .btn--lazyload {
  width: 104px;
  height: 104px;
  display: block;
  margin: 0 auto 30px;
  border: 2px solid #fff;
  border-radius: 52px;
  background-clip: padding-box;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  cursor: pointer;
}
.lazyload .btn--lazyload.blue {
  background-color: #0e758b;
  background-color: rgba(14, 117, 139, 0.6);
}
.lazyload .btn--lazyload.white {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.lazyload .btn--lazyload .fa {
  line-height: 104px;
  font-size: 35px;
  color: #fff;
}
.lazyload .btn--lazyload .fa:before {
  margin-left: 10px;
}
.lazyload .btn--lazyload:hover .fa {
  font-size: 38px;
}
.lazyload iframe {
  position: absolute;
  top: 0;
  left: 0;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
  text-shadow: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
  left: 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.flex-direction-nav .flex-next {
  right: 10px;
  text-align: right;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a:before {
  font-family: "fontawesome";
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 40px;
  display: inline-block;
  content: '\f104';
}

.flex-direction-nav a.flex-next:before {
  content: '\f105';
}

/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "fontawesome";
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 20px;
  display: inline-block;
  content: '\f04b';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f04c';
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* CUSTOM FLEXSLIDERS
================================================= */
.flexslider {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
.flexslider .flex-control-nav {
  display: none;
}
.flexslider.flexslider--show-paging .flex-control-nav {
  display: block;
  z-index: 99;
}
.flexslider .flex-direction-nav {
  width: 100%;
  height: 75px;
  position: absolute;
  top: 50%;
  margin-top: -37px;
}
.flexslider .flex-direction-nav a {
  height: 76px;
  width: 38px;
  line-height: 75px;
  background: rgba(255, 255, 255, 0.5);
}
.flexslider .flex-direction-nav a:before {
  font-size: 30px;
}
.flexslider .flex-direction-nav a:hover {
  background: rgba(255, 255, 255, 0.65);
}
.flexslider a.flex-prev {
  height: 76px;
  width: 38px;
  left: 0;
  border-radius: 0 76px 76px 0;
  -moz-border-radius: 0 76px 76px 0;
  -webkit-border-radius: 0 76px 76px 0;
}
.flexslider a.flex-prev:before {
  margin-left: 5px;
}
.flexslider a.flex-next {
  height: 76px;
  width: 38px;
  right: 0;
  border-radius: 76px 0 0 76px;
  -moz-border-radius: 76px 0 0 76px;
  -webkit-border-radius: 76px 0 0 76px;
}
.flexslider a.flex-next:before {
  margin-right: 5px;
}

/* CUSTOM: FLEXSLIDER HALVES

/* LARGE FLEXSLIDER
================================================= */
.flexslider.flexslider--large {
  height: 630px;
}
.flexslider.flexslider--large ul.slides {
  height: 630px;
}
.flexslider.flexslider--large li.slide {
  height: 630px;
}
.flexslider.flexslider--large .flex-direction-nav {
  height: 80px;
  top: 50%;
  margin-top: -40px;
}
.flexslider.flexslider--large .flex-direction-nav a {
  margin-top: -38px;
}
.flexslider.flexslider--large .flex-direction-nav a:before {
  margin-top: 0;
}
.flexslider.flexslider--large.flexslider--show-paging .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 40px;
}
.flexslider.flexslider--large.flexslider--show-paging .flex-control-nav li a {
  background: transparent;
  border: 2px solid #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.flexslider.flexslider--large.flexslider--show-paging .flex-control-nav li a.flex-active {
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .flexslider.flexslider--large .flex-direction-nav {
    display: none;
  }
}

/* CIRCLE
================================================= */
/* SLICK SLIDER
================================================= */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-loading .slick-list {
  background: #fff url("http://mfa.cachefly.net/mfa/images/ajax-loader.gif") center center no-repeat;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: '';
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Icons */
@font-face {
  font-family: 'slick';
  -webkit-font-smoothing: subpixel-antialiased;
  src: url("../fonts/slick/slick.eot");
  src: url("../fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*# sourceMappingURL=slick.css.map */
/* CUSTOM SLICK
================================================= */
.slick-prev:before, .slick-next:before {
  font-family: "fontawesome";
  font-size: 30px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
  margin-top: -38px;
  width: 38px;
  height: 76px;
  background: rgba(255, 255, 255, 0.5) !important;
}
.slick-prev:hover, .slick-next:hover {
  background: rgba(255, 255, 255, 0.5);
}

.slick-prev {
  left: 0;
  -moz-border-radius: 0 76px 76px 0;
  -webkit-border-radius: 0;
  border-radius: 0 76px 76px 0;
}
.slick-prev:before {
  content: '\f104';
  margin-left: -10px;
}

.slick-next {
  right: 0;
  -moz-border-radius: 76px 0 0 76px;
  -webkit-border-radius: 76px;
  border-radius: 76px 0 0 76px;
}
.slick-next:before {
  content: '\f105';
  margin-right: -10px;
}

.slick-dots {
  bottom: 0;
}

.slick-dots li {
  text-align: center;
}
.slick-dots li button {
  width: 10px;
  height: 10px;
  margin: 0;
  display: block;
  border: 2px solid #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li.slick-active button {
  background: #fff;
}

@media only screen and (max-width: 767px) {
  .slick-dots li button {
    width: 5px;
    height: 5px;
  }
}
/**
 * Spacer
 */
.spacer {
  width: 100%;
  height: auto;
  margin: 40px auto;
}

/**
 * Text Image
 * Images with text too complicated for normal rendering. Keep in this wrapper
 */
.text-image {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

/**
 * Circles
 *
 */
.circle {
  position: relative;
  width: 100px;
  height: 100px;
  text-align: center;
  border: 4px solid #f3f3f3;
  background-clip: padding-box;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.circle.circle--med {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 185px;
  height: 185px;
  border: 4px solid #f3f3f3;
  cursor: pointer;
  color: #01a7df;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.circle.circle--med .icon {
  position: absolute;
  left: 50%;
  top: 40px;
  margin-left: -27.5px;
}
.circle.circle--med h6 {
  margin-top: 95px;
  text-align: center;
}
.circle.circle--med h6.single-line {
  margin-top: 110px;
}
.circle.circle--med.hover-effect {
  border: none;
  position: relative;
}
.circle.circle--med.hover-effect:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  border: 4px solid #f3f3f3;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.circle.circle--med.hover-effect:hover:before {
  width: 200px;
  height: 200px;
  top: -5px;
  left: -5px;
  border: 4px solid #01a7df;
}
.circle.circle--xlrg {
  width: 350px;
  height: 350px;
  border: 7px solid #ebebeb;
}
.bg-gray .circle.circle--xlrg {
  border-color: #ffffff;
}
.bg-white .circle.circle--xlrg {
  border-color: #ebebeb;
}
.circle.circle--small {
  width: 56px;
  height: 56px;
  border: 2px solid #fff;
  line-height: 65px;
  text-align: center;
}
.circle.circle--small .fa {
  font-size: 30px;
  color: #fff;
}
.circle.circle--xlrg__desc {
  width: 152px;
  height: 152px;
  padding: 15px;
  background-color: #f3f3f3;
  border: none;
  box-shadow: 5px -5px 6px rgba(0, 0, 0, 0.19);
  -moz-border-radius: 76px;
  -webkit-border-radius: 76px;
  border-radius: 76px;
}
.circle.circle--xlrg__desc.left {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -25px;
}
.circle.circle--xlrg__desc.right {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: -25px;
}
.circle.circle--xlrg__desc p {
  font-size: 13px;
  font-family: "opensans";
  -webkit-font-smoothing: subpixel-antialiased;
  font-style: italic;
  font-weight: bold;
  margin: 0;
  color: #9f9f9f;
}
.circle.circle--postimage, .circle.circle--large {
  width: 200px;
  height: 200px;
  border: 7px solid #ebebeb;
}
.bg-gray .circle.circle--large {
  border-color: #ffffff;
}
.bg-white .circle.circle--large {
  border-color: #ebebeb;
}
.circle.circle-blue {
  position: relative;
}
.circle.circle-blue:before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  background-color: rgba(1, 167, 223, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8001A7DF,endColorstr=#8001A7DF);
  zoom: 1;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.circle.center {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .circle.circle--xlrg {
    width: 250px;
    height: 250px;
  }
}

li.current .circle--med.hover-effect:before {
  border-color: #01a7df;
}

body.is_tablet .circle--med {
  width: 175px;
  height: 175px;
}
body.is_tablet .circle--med.hover-effect:hover:before {
  width: 185px;
  height: 185px;
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .circle--med {
    width: 175px;
    height: 175px;
  }
  .circle--med.hover-effect:hover:before {
    width: 185px;
    height: 185px;
  }
}
/**
 * Horizontal rule
 *
 */
hr {
  width: 100%;
  float: none;
  border-style: none;
  margin: 0 auto;
  clear: both;
}

hr.divide--large {
  max-width: 1085px;
  height: 6px;
}

hr.divide--small {
  max-width: 340px;
  height: 2px;
}

@media screen and (max-width: 1095px) {
  hr.divide--large {
    max-width: 95%;
  }

  hr.divide--small {
    max-width: 35%;
  }
}
hr.divide--light {
  background: #f3f3f3;
}

.bg-gray hr.divide--light {
  background: #ffffff;
}

.bg-white hr.divide--light {
  background: #f3f3f3;
}

hr.divide--dark {
  background: #d4d4d4;
}

/**
 * Icons
 *
 */
.icon {
  width: 55px;
  height: 50px;
  display: block;
}
.icon.icon--investigate {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) 0 0;
}
.icon.icon--advocacy {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -55px 0;
}
.icon.icon--building {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -110px 0;
}
.icon.icon--books {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -165px 0;
}
.icon.icon--knife {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -220px 0;
}
.icon.icon--meat {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -275px 0;
}
.icon.icon--chicken {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -330px 0;
}
.icon.icon--salad {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -385px 0;
}
.icon.icon--cow {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -440px 0;
}
.icon.icon--check {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -495px 0;
}
.icon.icon--road-yellow {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) 0px -50px;
  width: 75px;
  height: 25px;
}
.icon.icon--road-black {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) 0px -100px;
  width: 75px;
  height: 25px;
}
.icon.icon--pig-yellow {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -110px -50px;
}
.icon.icon--pig-black {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -110px -100px;
}
.icon.icon--globe-yellow {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -165px -50px;
}
.icon.icon--globe-black {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -165px -100px;
}
.icon.icon--chicken-yellow {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -220px -50px;
}
.icon.icon--award {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -275px -50px;
}
.icon.icon--graph {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -330px -50px;
}
.icon.icon--charity {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -385px -50px;
}
.icon.icon--moneybag {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -440px -50px;
}
.icon.icon--shark-black {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -8px -130px;
  height: 20px;
}

.icon-check {
  width: 40px;
  height: 45px;
  display: block;
  background-image: url(http://mfa.cachefly.net/mfa/images/icon-check.png);
}
.icon-check.inline {
  display: inline-block;
}
.icon-check.baseline {
  margin-bottom: -10px;
}

.icon-help {
  width: 35px;
  height: 40px;
  display: block;
}
.icon-help.icon--salad {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -550px 0;
  margin-left: 8px;
  margin-top: 6px;
}
.icon-help.icon--user {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -585px 0;
  margin-left: 8px;
  margin-top: 6px;
}

.icon--moneybag-small {
  width: 35px;
  height: 30px;
  display: block;
  margin: 0 auto;
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -75px -50px;
}

.circle.icon-bg {
  position: relative;
}
.circle.icon-bg:before {
  content: '';
  position: absolute;
  width: 55px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -27.5px;
  margin-top: -25px;
  z-index: 3;
}

.circle.icon--pig-black:before {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -110px -100px;
}

.circle.icon--globe-black:before {
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -165px -100px;
}

.circle.icon--road-black:before {
  width: 75px;
  height: 25px;
  margin-top: -22.5px;
  margin-left: -37.5px;
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) 0px -100px;
}

.circle.icon--shark-black:before {
  height: 20px;
  margin-top: -10px;
  background: url(http://mfa.cachefly.net/mfa/images/icons-sprite.png) -8px -130px;
}

/**
 * Logo
 *
 */
.logo {
  width: 150px;
  height: 58px;
  display: block;
}

.logo-white {
  background: url(http://mfa.cachefly.net/mfa/images/mercy-for-animals-logo-white.png) no-repeat center;
  background-size:contain;
}

.logo-color {
  background: url(http://mfa.cachefly.net/mfa/images/mercy-for-animals-logo-color.png) no-repeat center;
  background-size:contain;
}

.logo-paypal {
  width: 82px;
  height: 24px;
  background: url(http://mfa.cachefly.net/mfa/images/logo-paypal.png);
}

/**
 * CTA/DONATE TABS
 *
 */
.tabs-container ul {
  list-style-type: none;
  padding-left: 0;
}

/* TAB SPECIFIC
================================================= */
.tabs-container--cta {
  height: 845px;
  position: relative;
}
.tabs-container--cta .tab {
  background-color: #fff;
  float: left;
  width: 100%;
  height: 845px;
}
.tabs-container--cta .tab__nav {
  width: 40px;
  height: 75px;
  position: absolute;
  top: 50%;
  margin-top: -37.5px;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  line-height: 75px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.tabs-container--cta .tab__nav.tab__nav--prev {
	display:none;
  left: 0;
  -moz-border-radius: 0 40px 40px 0;
  -webkit-border-radius: 0;
  border-radius: 0 40px 40px 0;
}
.tabs-container--cta .tab__nav.tab__nav--prev .fa {
  margin-left: -10px;
}
.tabs-container--cta .tab__nav.tab__nav--next {
	display:none;
  right: 0;
  -moz-border-radius: 40px 0 0 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px 0 0 40px;
}
.tabs-container--cta .tab__nav.tab__nav--next .fa {
  margin-left: 10px;
}
.tabs-container--cta .tab__nav:hover {
  background: rgba(255, 255, 255, 0.7);
}
.tabs-container--cta .tab__nav:hover .fa {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-transform: scaleX(1.2);
  -ms-transform: scaleX(1.2);
  -webkit-transform: scaleX(1.2);
  transform: scaleX(1.2);
}
.tabs-container--cta .tabs__menu {
  padding-left: 0;
  height: 845px;
}
.tabs-container--cta .tabs__menu li {
  float: left;
  line-height: 30px;
  list-style-type: none;
  margin-top: 630px;
}
.tabs-container--cta .tabs__menu li a {
  padding: 10px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
.tabs-container--cta .tabs__menu li.current {
  position: relative;
}
.tabs-container--cta .tabs__menu li.current a.cta__block:before {
  background: transparent;
}
.tabs-container--cta .tab__content {
  width: 100%;
  height: 630px;
  display: none;
  color: #fff;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: 50% 50% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.tabs-container--cta .tab__content h1 {
  margin: 0;
  padding: 110px 0 0;
}
.tabs-container--cta .tab__content h5 {
  margin-bottom: 30px;
}
.tabs-container--cta #donate {
  display: block;
}
.tabs-container--cta a.tab__nav {
  color: #fff !important;
}
@media only screen and (max-width: 767px) {
  .tabs-container--cta {
    height: auto;
    margin-bottom: 5px;
  }
  .tabs-container--cta .cta--blue {
    margin: 0;
  }
  .tabs-container--cta .tab {
    height: auto;
  }
  .tabs-container--cta .tabs__menu {
    width: 100%;
    height: auto;
  }
  .tabs-container--cta .tabs-container--cta {
    height: auto;
    margin-bottom: 5px;
  }
  .tabs-container--cta .tab__nav {
    display: none;
  }
  .tabs-container--cta .tabs__menu li {
    margin-top: 0;
  }
  .tabs-container--cta .tab__content {
    width: 100%;
    height: 450px;
    position: relative;
    float: left;
    margin-bottom: 5px;
  }
  .tabs-container--cta .tab__content#involved {
    margin-bottom: 0;
  }
  .tabs-container--cta .tab__content h1 {
	 font-size:26px;
    padding-top: 40px;
  }
}

/* BLUE CTA SPECIFIC
================================================= */
.cta--blue {
  margin: 5px 0;
}
.cta--blue > .span3 {
  height: 205px;
  background: #fff;
}
.cta--blue .cta__block {
  width: 98.5%;
  height: 100%;
  display: block;
  float: left;
  position: relative;
  text-align: center;
  cursor: pointer;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.cta--blue .cta__block:before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: transparent;
  background-color: rgba(1, 167, 223, 0.65);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A601A7DF,endColorstr=#A601A7DF);
  zoom: 1;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.cta--blue .cta__block .circle--small {
  margin: 20px auto;
  position: absolute;
  z-index: 50;
  left: 50%;
  top: 35px;
  margin-left: -23px;
}
.cta--blue .cta__block h5 {
  color: #fff;
  margin: 0;
  font-weight: 300;
/*  width: 100%;*/
  left:0px;
  right:0px;
  position: absolute;
  z-index: 50;
  bottom: 50px;
  text-transform: none;
}
.cta--blue .cta__block:hover:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
.cta--blue .span3:nth-of-type(1) .cta__block {
  margin-right: 1%;
}
.cta--blue .span3:nth-of-type(2) .cta__block {
  margin-left: .5%;
  margin-right: 1.5%;
}
.cta--blue .span3:nth-of-type(3) .cta__block {
  float: right;
  margin-right: .5%;
  margin-left: 1.5%;
}
.cta--blue .span3:nth-of-type(4) .cta__block {
  float: right;
  margin-left: 1%;
}
@media only screen and (max-width: 767px) {
  .cta--blue {
    margin: 0;
  }
  .cta--blue > .span3 {
    margin-bottom: 5px;
  }
  .cta--blue .span3.current {
    display: none;
    margin-bottom: 0;
  }
  .cta--blue .span3:nth-of-type(4) {
    margin-bottom: 0;
  }
  .cta--blue .cta__block {
    width: 100%;
  }
  .cta--blue .span3:nth-of-type(1) .cta__block,
  .cta--blue .span3:nth-of-type(2) .cta__block,
  .cta--blue .span3:nth-of-type(3) .cta__block,
  .cta--blue .span3:nth-of-type(4) .cta__block {
    float: left;
    margin: 0;
  }
}

#meat-free .form--signup {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  #meat-free .form--signup {
    font-size: 16px;
  }
  #meat-free .form--signup h5 {
    margin-bottom: 10px;
  }
}

/* TABS CONTAINER: WAYS TO GIVE [DONATE]
================================================= */
.tabs-container--give .tab--give {
  margin-top: 100px;
}
.tabs-container--give .tab--give .container {
  display: table;
}
.tabs-container--give ul {
  height: 630px;
  position: relative;
}
.tabs-container--give ul li {
  display: inline-block;
  float: none;
  max-width: 235px;
}
.tabs-container--give .tab__content {
  display: none;
  width: 100%;
  height: 370px;
  padding: 50px 80px 70px;
  position: absolute;
  bottom: 0;
}
.tabs-container--give .tab__content .btn {
  margin-top: 1rem;
}
.tabs-container--give li {
  height: 250px;
  position: relative;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.tabs-container--give h6 {
  width: 100%;
  position: absolute;
}
.tabs-container--give li.current .circle.circle--med {
  border-color: #01a7df;
}
.tabs-container--give li.current:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  bottom: 0;
  left: 50%;
  margin-bottom: -10px;
  margin-left: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f3f3f3;
  z-index: 998;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
@media only screen and (max-width: 767px) {
  .tabs-container--give ul {
    height: auto;
  }
  .tabs-container--give ul li {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
  }
  .tabs-container--give ul li.current {
/*    display: none;*/
  }
  .tabs-container--give .tab__content {
    height: auto;
    position: relative;
    bottom: auto;
    padding: 30px 0;
    margin: 20px 0;
  }
}

/* ONLY DONATE SLIDE - FORM
================================================= */
.section--donate {
  height: 630px;
  display: table;
  margin-bottom: 5px;
}
.section--donate #form--donation {
  display: table-cell;
  vertical-align: middle;
}

/**
 * L/R Panel
 *
 */
.panel {
  height: 370px;
}
.panel .container {
  height: 370px;
  display: table;
}
.panel .panel__inner {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
.panel .btn--social {
  margin: 0 10px;
}
.panel .panel__abs {
  height: 370px;
  position: absolute;
  top: 0;
}
.panel .panel__abs--left {
  left: 0;
}
.panel .panel__abs--right {
  right: 0;
}
.panel .panel__inner--left {
  padding-right: 90px;
}
.panel .panel__inner--right {
  padding-left: 90px;
}
@media only screen and (max-width: 767px) {
  .panel {
    height: auto;
  }
  .panel .container {
    height: auto;
    padding: 0;
  }
  .panel .panel__inner {
    float: left;
  }
  .panel .panel__abs {
    position: relative;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
  .panel .panel__inner--left, .panel .panel__inner--right {
    padding: 40px 20px;
  }
  .panel .btn--social {
    margin: 0 5px;
  }
  .panel .mobile-hide {
    display: none;
  }
  .panel .mobile-bg-blue {
    background: #01a7df;
  }
}

body.is_tablet .panel .panel__abs {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.action-center .panel__inner--left {
  position: relative;
}
.action-center .panel__inner--left:after {
  width: 0;
  content: '';
  position: absolute;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid #01a7df;
  top: 50%;
  right: 0;
  margin-top: -24px;
  margin-right: -24px;
}
@media only screen and (max-width: 767px) {
  .action-center .panel__inner--left:after {
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #01a7df;
    bottom: 0;
    top: auto;
    right: auto;
    margin-top: 0;
    margin-right: 0;
    left: 50%;
    margin-left: -24px;
    margin-bottom: -47px;
  }
  .action-center .panel__inner--right {
    padding-top: 50px;
  }
}

.meat-free {
  height: 480px;
}
.meat-free .container {
  height: 480px;
}
.meat-free .panel__abs--right {
  top: 50px;
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: auto;
}
@media only screen and (max-width: 767px) {
  .meat-free {
    height: auto;
  }
  .meat-free .container {
    height: auto;
  }
}

/**
 * MENU SOCIAL
 *
 */
.menu--social {
  padding-left: 0;
  margin-bottom: 0;
}
.menu--social li {
  display: inline-block;
}
.menu--social li span {
  cursor:pointer;
}
.menu--social.align-center li a,
.menu--social.align-center li span {
  margin: 0 8px;
}
.menu--social.align-left li a,
.menu--social.align-left li span {
  margin: 0 16px 0 0;
}
.menu--social.align-right {
  float: right;
}
.menu--social.align-right li a,
.menu--social.align-right li span {
  margin: 0 0 0 16px;
}

/**
 * Video Embed Container
 *
 */
.video-embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-embed iframe,
.video-embed object,
.video-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 560px;
  height: 315px;
  left: 50%;
  margin-left: -280px;
  margin-top: 2rem;
}

@media only screen and (max-width: 767px) {
  .video-embed iframe,
  .video-embed object,
  .video-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
  }
}
#wrap {
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
  -moz-transition: padding 500ms;
  -o-transition: padding 500ms;
  -webkit-transition: padding 500ms;
  transition: padding 500ms;
}

/* INJECT WRAP
================================================= */
/*#inject--wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
  background-color: #fff;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  z-index: 200;
}
#inject--wrap.nav--open {
  -moz-transform: translate(-385px, 0);
  -ms-transform: translate(-385px, 0);
  -webkit-transform: translate(-385px, 0);
  transform: translate(-385px, 0);
}
#inject--wrap.cart--open {
  -moz-transform: translate(-290px, 0);
  -ms-transform: translate(-290px, 0);
  -webkit-transform: translate(-290px, 0);
  transform: translate(-290px, 0);
}
#inject--wrap #inject {
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}
#inject--wrap #inject .inject__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -moz-transition: all 150ms;
  -o-transition: all 150ms;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}
#inject--wrap #inject.nav--open .inject__overlay, #inject--wrap #inject.cart--open .inject__overlay {
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999999999;
}
#inject--wrap.nav--open, #inject--wrap.cart--open {
  background: rgba(0, 0, 0, 0.35);
  float: left;
}
#inject--wrap.nav--open:after, #inject--wrap.cart--open:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999999;
  background: rgba(0, 0, 0, 0.35);
  -moz-box-shadow: -75px 0px 90px -65px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -75px 0px 90px -65px rgba(0, 0, 0, 0.3) inset;
  box-shadow: -75px 0px 90px -65px rgba(0, 0, 0, 0.3) inset;
}*/

/*  #inject--wrap.nav--open {
    -moz-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    -webkit-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
  }

  #inject--wrap.cart--open {
    -moz-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    -webkit-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
  }*/

/**
 * Hero
 * Hero unit with various page-specific inheritors
 */
#hero h1, #hero h2, #hero h3, #hero h4, #hero h5, #hero h6, #hero p {
  color: #fff;
}
#hero h1 {
  margin: 0;
}
#hero h5 {
  margin: 0 5%;
  font-weight: 100;
}

#hero.hero {
  height: 500px;
  width: 100%;
  background-color: #01a7df;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
#hero.hero .hero__container {
  height: 500px;
  display: table;
}
#hero.hero .hero__inner {
  display: table-cell;
  vertical-align: bottom;
  padding-top:140px;
  padding-bottom: 140px;
}
#hero.hero.hero--xtall {
  height: 675px;
}
#hero.hero.hero--xtall .hero__container {
  height: 675px;
}
@media only screen and (max-width: 767px) {
  #hero.hero {
    height: 400px;
  }
  #hero.hero .hero__container {
    height: 300px;
  }
  #hero.hero .hero__inner {
    vertical-align: middle;
    padding-bottom: 0;
  }
  #hero.hero br {
    display: none;
  }
  #hero.hero.hero--xtall {
    height: 500px;
  }
  #hero.hero.hero--xtall .hero__container {
    height: 500px;
  }
}
@media only screen and (max-width: 479px) {
	#hero.hero .hero__inner
	{
		padding-top:0;
	}
}

/* PARALLAX
================================================= */
.hero--parallax {
  height: 500px;
}

.parallax__container {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.parallax__content {
  max-width: 450px;
  margin: -150px auto 0 auto;
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 140px;
  color: #fff;
  text-align: center;
}

.parallax__bg {
  background-repeat: no-repeat;
/*  background-attachment: fixed;*/
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.parallax__inner {
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}

@media screen and (max-width: 1199px) {
  .parallax__bg {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  .hero--parallax {
    height: 400px;
  }

  .parallax__bg {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
/* HERO VIDEO
================================================= */
.hero--video {
  background: transparent;
  position: relative;
  padding: 0;
  height: 500px;
  background-position: 50% 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero--video .hero__container {
  width: 100%;
  height: 500px;
}
.hero--video .hero__inner {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: 130px;
}
.hero--video .hero__inner p {
  font-size: 18px;
  margin: 1rem 0;
}
.hero--video .parallax__bg.hero__inner {
  margin-top: 0;
}
.hero--video a.hero--video__play {
  width: 104px;
  height: 104px;
  display: block;
  margin: 0 auto 30px;
  border: 2px solid #fff;
  border-radius: 52px;
  background-clip: padding-box;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  cursor:pointer;
}
.hero--video a.hero--video__play.blue {
  background-color: #0e758b;
  background-color: rgba(14, 117, 139, 0.6);
}
.hero--video a.hero--video__play.white {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.hero--video a.hero--video__play .fa {
  line-height: 104px;
  font-size: 35px;
}
.hero--video a.hero--video__play .fa:before {
  margin-left: 10px;
}
.hero--video a.hero--video__play:hover .fa {
  font-size: 38px;
}
.hero--video #hero--video__close {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  color: #ffffff;
  background: transparent;
  padding: 10px;
  z-index: 9999;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  text-transform: uppercase;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  cursor:pointer;
}
.hero--video iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .hero--video {
    height: 400px;
    background-size: auto 100%;
  }
  .hero--video .hero__inner {
    margin-top: 75px;
    padding: 0 20px;
  }
  .hero--video .hero__inner br {
    display: none;
  }
  .hero--video a.hero--video__play {
    width: 76px;
    height: 76px;
    margin-bottom: 10px;
    -moz-border-radius: 38px;
    -webkit-border-radius: 38px;
    border-radius: 38px;
  }
  .hero--video a.hero--video__play .fa {
    line-height: 76px;
  }
}

/* GET INVOLVED
================================================= */
.hero--parallax.hero--involved .parallax__bg {
  background-image: url("http://mfa.cachefly.net/mfa/images/hero-getinvolved.jpg");
}

/* THE PROBLEM
================================================= */
.hero--video.hero--problem .parallax__bg {
  background-image: url("http://mfa.cachefly.net/mfa/images/hero-problem.jpg");
}

/* ABOUT
================================================= */
#hero.hero--about .parallax__bg {
  background-image: url("http://mfa.cachefly.net/mfa/images/hero-about.jpg");
}

/* DONATE
================================================= */
#hero.hero--donate {
  background-image: url("http://mfa.cachefly.net/mfa/images/hero-donate.jpg");
}

/* INVESTIGATIONS
================================================= */
#hero.hero--investigations .parallax__bg {
  background-image: url("http://mfa.cachefly.net/mfa/images/hero-investigations_yellow.jpg");
}

/* HERO MERCH PAGES
================================================= */
#hero.hero--merch {
  height: 400px;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

/* BLOG ARCHIVE
================================================= */
#hero.hero--blog {
  display:none;
  height: 245px;
  background-color: #1fcfef;
  background-image: radial-gradient(300px 300px at center 10%, rgba(53, 196, 201, 0.6) 0%, rgba(3, 152, 194, 0.8) 200%);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
#hero.hero--blog .container {
  height: 245px;
  display: table;
}
#hero.hero--blog .hero__inner {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 40px;
}

#hero.hero--blog.single .parallax__bg {
  background-image: url("http://mfa.cachefly.net/mfa/images/hero-blogsample.jpg");
}

/* BLOG SINGLE
================================================= */
#hero.hero--blog.single {
  height: 100px;
}

@media only screen and (max-width: 767px) {
  #hero.hero--blog {
    height: 150px;
  }
  #hero.hero--blog .container {
    height: 150px;
  }
  #hero.hero--blog .hero__inner {
    padding-bottom: 30px;
  }
}
/* GEN HERO MOBILE STYLES
================================================= */
@media only screen and (max-width: 767px) {
  #hero br {
    display: none;
  }
  #hero .parallax__bg {
    background-attachment: initial;
    background-position: 50% 50%;
  }
  #hero .parallax__content {
    vertical-align: middle;
    padding-bottom: 0;
  }
}
/* HOME HERO: Video / Mobile
================================================= */
.hero--videobg.home {
  height: 675px;
  position: relative;
}
.hero--videobg.home .hero--videobg__container {
  width: 100%;
  height: 100%;
}
.hero--videobg.home .hero--videobg__container .hero--videobg__inner {
  width: 100%;
  height: 100%;
  display: table;
  z-index: 99;
  position: absolute;
}
.hero--videobg.home .hero--videobg__container .hero--videobg__inner .inner {
  display: table-cell;
  vertical-align: middle;
}
.hero--videobg.home .hero--videobg__container video {
  position: absolute;
  width: 100%;
  height: auto;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  left: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 1199px) {
  .hero--videobg.home .hero--videobg__container video {
    width: auto;
    height: 100%;
  }
}

#hero.overlay-blue {
  position: relative;
}
#hero.overlay-blue:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:#000000;
/*  background-image: url(http://mfa.cachefly.net/mfa/images/hero-home_bg.jpg);*/
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
#hero.overlay-blue:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(28, 174, 197, 0.7);
  background: -moz-radial-gradient(center, ellipse cover, rgba(53, 196, 201, 0.6) 0%, rgba(3, 152, 194, 0.8) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(53, 196, 201, 0.6)), color-stop(100%, rgba(3, 152, 194, 0.8)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(53, 196, 201, 0.6) 0%, rgba(3, 152, 194, 0.8) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(53, 196, 201, 0.6) 0%, rgba(3, 152, 194, 0.8) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(53, 196, 201, 0.6) 0%, rgba(3, 152, 194, 0.8) 100%);
  background: radial-gradient(ellipse at center, rgba(53, 196, 201, 0.6) 0%, rgba(3, 152, 194, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9935c4c9', endColorstr='#cc0398c2',GradientType=1 );
}

#hero-ie-overlay {
  display: none;
}

body.is_mobile .hero--videobg.home .hero--videobg__container video {
  width: auto;
  height: 675px;
}

#hero.hero.home-mobile {
/*  display: none;*/
  background: url(../images/hero-home-2.jpg);
  background-position: 50% 20%;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
#hero.hero.home-mobile .hero__container {
  height: 400px;
}

@media only screen and (max-width: 767px) {
	/* this is now handled programatically
  .hero--videobg.home {
    display: none;
  }

  #hero.hero.home-mobile {
    display: block;
  }
 */
}
/* GENERAL MODAL STYLES
================================================= */
#modals {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#D9FFFFFF', endColorstr='#D9FFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuODUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.85)), color-stop(100%, rgba(255, 255, 255, 0.85)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.85) 100%);
  /* TRANSITION */
  -moz-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
  visibility: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: -1;
}
#modals.show {
  visibility: visible;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 10000;
}

.modal {
  position: absolute;
  left: 10%;
  width: 80%;
  margin: 0 auto;
  min-height: 300px;
  padding: 100px 60px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F2FFFFFF', endColorstr='#F2FFFFFF');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOTUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.95)), color-stop(100%, rgba(255, 255, 255, 0.95)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
  border: 2px solid #cfcbc3;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  -moz-box-shadow: 0 0 84px 14px rgba(55, 55, 55, 0.5);
  -webkit-box-shadow: 0 0 84px 14px rgba(55, 55, 55, 0.5);
  box-shadow: 0 0 84px 14px rgba(55, 55, 55, 0.5);
  /* TRANSITION */
  visibility: hidden;
  top: -110%;
}
.modal.show {
  visibility: visible;
  top: 11%;
}
.modal.modal--small {
  width: 30%;
  padding: 50px;
  left: 35%;
  top: 20%;
}
@media only screen and (max-width: 767px) {
  .modal.modal--small {
    width: 90%;
    left: 5%;
    padding: 10px;
  }
  .modal.modal--small .modal-close {
    top: 10px;
    right: 10px;
  }
}

.modal-close {
  position: absolute;
  top: 25px;
  right: 25px;
  color: #707070;
  font-size: 2em;
  cursor: pointer;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  -moz-transform: scale(1,1);
  -ms-transform: scale(1,1);
  -webkit-transform: scale(1,1);
  transform: scale(1,1);
}
.modal-close:hover {
  color: #01a7df;
  -moz-transform: scaleX(1.2);
  -ms-transform: scaleX(1.2);
  -webkit-transform: scaleX(1.2);
  transform: scaleX(1.2);
}

.modal-content {
  text-align: center;
}
.modal-content h3 {
  color: #a19b94;
}

/* SPECIFIC MODAL STYLES
================================================= */
.modal#fb-like
{
	width: 420px;
	min-height:220px;
	padding: 50px;
	position: relative;
	top: 25%;
	left: 0%;
}
.modal#fb-like .modal-close
{
	top: 12px;
	right: 15px;
}
.modal#fb-like iframe
{
	width: 300px;
	height: 210px;
}
@media only screen and (max-width: 480px)
{
  .modal#fb-like
  {
	width: 320px;
	padding: 8px 5px 4px;
  }
  .modal#fb-like .modal-close
  {
	color:#fff;
  }
}

.menu-social {
  margin: 0;
  padding: 0;
  list-style-type: none;
  color: #f8ae41;
}
.menu-social a {
  color: inherit;
}
.menu-social label {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 600;
  margin-right: 15px;
  position: relative;
  top: -3px;
}
.menu-social.horizontal li {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 1.75em;
  margin-right: 10px;
}

html, body {
  overflow-x: hidden;
}

/**
 * Wrapper
 * Main wrapper element for hiding overflow etc
 */
#wrap {
  overflow-x: hidden;
}

/**
 * Content
 * Main content container, after header/hero and before footer
 */
/**
 * Content
 * Page content container, after header/hero and before footer
 */
#main.page a {
  color: #01a7df;
}
#main.page a:hover {
  color: #0189b6;
}
#main.page a.btn {
  color: #fff;
}
#main.page p span {
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #01a7df;
  font-weight: 500;
}
#main.page form:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#main.page form {
  margin-bottom: 30px;
}
#main.page a.btn {
  margin-bottom: 5px;
}
#main p a, #main #content.content--post h1 a, #content.content--post h1 #main a, #main #content.content--post h2 a, #content.content--post h2 #main a, #main #content.content--post h3 a, #content.content--post h3 #main a, #main #content.content--post h4 a, #content.content--post h4 #main a, #main #content.content--post h5 a, #content.content--post h5 #main a, #main #content.content--post h6 a, #content.content--post h6 #main a, .content--post .blog-entry a {
  color: #01a7df;
  position: relative;
}
#main p a:after, #main #content.content--post h1 a:after, #content.content--post h1 #main a:after, #main #content.content--post h2 a:after, #content.content--post h2 #main a:after, #main #content.content--post h3 a:after, #content.content--post h3 #main a:after, #main #content.content--post h4 a:after, #content.content--post h4 #main a:after, #main #content.content--post h5 a:after, #content.content--post h5 #main a:after, #main #content.content--post h6 a:after, #content.content--post h6 #main a:after, .content--post .blog-entry a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -3px;
  width: 100%;
  height: 1px;
  background: #01a7df;
  opacity: 0;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  transform: translateY(5px);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}
#main p a:hover:after, #main #content.content--post h1 a:hover:after, #content.content--post h1 #main a:hover:after, #main #content.content--post h2 a:hover:after, #content.content--post h2 #main a:hover:after, #main #content.content--post h3 a:hover:after, #content.content--post h3 #main a:hover:after, #main #content.content--post h4 a:hover:after, #content.content--post h4 #main a:hover:after, #main #content.content--post h5 a:hover:after, #content.content--post h5 #main a:hover:after, #main #content.content--post h6 a:hover:after, #content.content--post h6 #main a:hover:after, .content--post .blog-entry a:hover:after {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
}
@media only screen and (max-width: 767px) {
  #main p a:after, #main #content.content--post h1 a:after, #content.content--post h1 #main a:after, #main #content.content--post h2 a:after, #content.content--post h2 #main a:after, #main #content.content--post h3 a:after, #content.content--post h3 #main a:after, #main #content.content--post h4 a:after, #content.content--post h4 #main a:after, #main #content.content--post h5 a:after, #content.content--post h5 #main a:after, #main #content.content--post h6 a:after, #content.content--post h6 #main a:after, .content--post .blog-entry a:after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
}
#main .strikethrough {
  text-decoration: line-through;
}

a.link-gray, .store__footer a {
  color: #b4b4b4;
}
a.link-gray:hover, .store__footer a:hover {
  color: #a0a0a0;
}

blockquote {
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 1.25em;
  font-weight: 300;
  position: relative;
  margin: 1.25rem 0;
  padding: 0 30px;
}
blockquote:before {
  width: 5px;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: #efd345;
}

/**
 * Section
 */
section {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
}
section.border-bottom-yellow {
  border-bottom: 8px solid #efd345;
}

.section {
  padding: 50px 0;
}

.section--large {
  padding: 90px 0;
}

.section--medium {
  padding: 60px 0;
}

.section--small {
  padding: 40px 0;
}

.section--xsmall {
  padding: 20px 0;
}

.section__bordertop--small {
  border-top: 4px solid #fff;
}

.section__mb--small {
  margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
  .section {
    padding: 25px 0;
  }

  .section--large {
    padding: 50px 0;
  }

  .section--medium {
    padding: 30px 0;
  }

  .section--small {
    padding: 20px 0;
  }

  .section--xsmall {
    padding: 10px 0;
  }
}
/**
 * Article
 * Article styling for pages/posts
 */
article:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Blog Content
 * Styling single posts
 */
#content .content__post {
  margin-top: 30px;
}

.post-meta {
  font-weight: 300;
  color: #4b4b47;
  color: rgba(75, 75, 71, 0.6);
}
.post-meta .meta {
  margin-right: 25px;
}
.post-meta .fa {
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .post-meta .meta {
    float: left;
    clear: both;
    margin: 10px 0 0;
  }
}

footer {
  float: left;
  width: 100%;
}

/* SOCIAL FOOTER
================================================= */
.footer--social {
  background: #f3f3f3;
  padding: 30px 0;
}
.footer--social .container-full {
  width: 100%;
  float: left;
  padding: 0 50px;
  display: table;
}
.footer--social .logo {
  float: left;
}
.footer--social .menu--social {
  margin-top: 0;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.footer--social .menu--social a {
  margin-left: 16px;
}
@media only screen and (max-width: 767px) {
  .footer--social .container-full {
    padding: 0 10px;
  }
  .footer--social .logo {
    float: none;
    margin: 0 auto 30px;
  }
  .footer--social .menu--social {
    width: 100%;
    float: left;
    text-align: center;
  }
  .footer--social .menu--social a {
    margin: 0 2px;
  }
}

/* CONTACT
================================================= */
.footer--contact {
  padding: 20px 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  color: #bec2bf;
  background: #fafafa;
}
.footer--contact p {
  margin-bottom: 0;
}
.footer--contact span {
  padding: 0 8px;
}
.footer--contact a:hover {
  color: #01a7df;
}
.footer--contact a:hover span {
  color: #bec2bf;
}
@media only screen and (max-width: 767px) {
  .footer--contact span {
    display: none;
  }
  .footer--contact a {
    display: block;
  }
  .footer--contact a:nth-of-type(2) {
    margin: 10px 0;
  }
}

#sidebarcart.sidebarcart--show {
  z-index: 999;
}
#sidebarcart {
  width: 290px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -290px;
  background-color: #fff;
  /* CART SIDEBAR OPEN
  ================================================= */
  /* MOBILE STYLES
  ================================================= */
}
#sidebarcart.sidebarcart--show {
  right: 0;
}
#sidebarcart .cart__body {
  position: fixed;
  width: 290px;
  height: 100%;
  padding: 30px 25px;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
#sidebarcart .cart__header i.fa-shopping-cart {
  display: block;
  text-align: center;
  font-size: 24px;
  color: #01a7df;
}
#sidebarcart hr {
  height: 5px;
  float: left;
  background: #ebebeb;
  margin: 25px 0 0;
}
#sidebarcart .cart__item {
  width: 100%;
  float: left;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 30px;
  padding: 25px 0;
}
#sidebarcart .cart__item p {
  margin: 0 0 5px;
}
#sidebarcart .cart__item .item-thumbnail {
  height: 50px;
  display: block;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  float: left;
}
#sidebarcart .cart__item .item-desc {
  float: left;
  padding-left: 10px;
}
#sidebarcart .cart__item .item-name {
  color: #343434;
  font-weight: 300;
}
#sidebarcart .cart__item .item-size {
  color: #c4c4c4;
}
#sidebarcart .cart__item form {
  margin: 0;
  float: left;
}
#sidebarcart .cart__item form input[type=number]::-webkit-inner-spin-button,
#sidebarcart .cart__item form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#sidebarcart .cart__item .item-quantity {
  width: 30px;
  height: 25px;
  text-align: center;
  border: 1px solid #ebebeb;
  margin: 0;
  padding: 0 3px;
}
#sidebarcart .cart__item .item-price {
  color: #01a7df;
}
#sidebarcart .cart__item a {
  float: right;
  cursor: pointer;
  margin-left: 5px;
  line-height: 25px;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
#sidebarcart .cart__item a#delete:hover .fa {
  color: #f00;
}
#sidebarcart .cart__item a#edit:hover .fa {
  color: #01a7df;
}
#sidebarcart .cart__footer .btn {
  width: 205px;
  padding: 15px 0;
  text-align: center;
  margin: 20px auto 0;
}
@media only screen and (max-width: 767px) {
  #sidebarcart {
    width: 250px;
    right: -250px;
  }
  #sidebarcart .cart__body {
    position: fixed;
    width: 250px;
  }
  #sidebarcart .cart__item .item-thumbnail {
    width: 25%;
    background-size: auto 100%;
  }
  #sidebarcart .cart__item .item-desc {
    width: 75%;
  }
}

/* HERO
================================================= */
#hero.hero--home {
  position: relative;
}
#hero.hero--home .btn--transparent {
  margin: 40px auto 0;
}

.arrows-home {
  width: 12px;
  display: block;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -12px;
}
.arrows-home .fa {
  display: block;
  clear: both;
  font-size: 18px;
  color: #fff;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.arrows-home .fa:nth-of-type(1) {
  color: #fff;
}
.arrows-home .fa:nth-of-type(2) {
  color: rgba(255, 255, 255, 0.5);
}
.arrows-home .fa:nth-of-type(3) {
  color: rgba(255, 255, 255, 0.25);
}
.arrows-home:hover .fa {
  font-size: 20px;
}

/* MOSAIC TILED UPDATES
================================================= */
.tiles--mosaic h5 {
  color: #fff;
}
.tiles--mosaic .tiles__box {
  height: 320px;
  position: relative;
  color: #fff;
  overflow: hidden;
  text-align: left;
}
.tiles--mosaic .tiles__box.half {
  width: 50%;
}
.tiles--mosaic .tiles__box.third {
  width: 25%;
}
.tiles--mosaic .tiles__row .tiles__box {
  border-right: #ffffff solid 4px;
  border-bottom: #ffffff solid 4px;
}
.tiles--mosaic .tiles__row .tiles__box:nth-of-type(3n+3) {
  border-right: 0;
}
.tiles--mosaic .tiles__details {
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.tiles--mosaic .tiles__text {
  display: block;
  cursor: pointer;
}
.tiles--mosaic .tiles__footer {
  height: 60px;
  line-height: 65px;
  position: absolute;
  bottom: 0;
  background: #0089b7;
  padding: 0 25px;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.tiles--mosaic .tiles__footer a {
  color: #fff !important;
  cursor: pointer;
  padding: 0 7px;
}
.tiles--mosaic .tiles__footer a:nth-of-type(1) {
  padding-left: 0;
}
.tiles--mosaic .tiles__footer a .fa {
  font-size: 18px;
}
.tiles--mosaic .tiles__footer a:hover .fa {
  font-size: 20px;
}
.tiles--mosaic .tiles--slideup .tiles__details {
  width: 100%;
  position: absolute;
  bottom: 0;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.tiles--mosaic .tiles--slideup .tiles__details .tiles__text {
  padding: 20px 25px;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.tiles--mosaic .tiles--slideup .tiles__details .tiles__footer {
  width: 100%;
  margin-bottom: -50px;
}
.tiles--mosaic .tiles--slideup .tiles__details {
  box-shadow: 0 6px 3px rgba(0, 0, 0, 0.11);
  background:rgba(1, 167, 213, 0.4);
/*  background: linear-gradient(to right, rgba(1, 167, 213, 0.45) 0%, rgba(1, 167, 213, 0.3) 100%);*/
}
.tiles--mosaic .tiles--slideup:hover .tiles__details {
  background:rgba(1, 167, 213, 0.75);
/*  background: linear-gradient(to right, rgba(1, 167, 213, 0.9) 0%, rgba(1, 167, 213, 0.6) 100%);*/
}
.tiles--mosaic .tiles--slideup:hover .tiles__text {
  padding-bottom: 60px;
}
.tiles--mosaic .tiles--slideup:hover .tiles__footer {
  margin-bottom: 0;
}
.tiles--mosaic .tiles--slideright .tiles__details {
  width: 240px;
  height: 100%;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.tiles--mosaic .tiles--slideright .tiles__details .tiles__text {
  width: 240px;
  position: absolute;
  top: 0;
  padding: 30px 25px 0;
}
.tiles--mosaic .tiles--slideright .tiles__details .tiles__footer {
  width: 230px;
  position: absolute;
  bottom: 0;
  left: -230px;
}
.tiles--mosaic .tiles--slideright .tiles__slidebg:before {
  position: absolute;
  content: '';
  width: 240px;
  height: 100%;
  left: -230px;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  box-shadow: 0 6px 3px rgba(0, 0, 0, 0.11);
  background:rgba(1, 167, 213, 0.4);
/*  background-image: linear-gradient(to right, rgba(1, 167, 213, 0.45) 0%, rgba(1, 167, 213, 0.3) 100%);*/
}
.tiles--mosaic .tiles--slideright:hover .tiles__slidebg:before {
  background:rgba(1, 167, 213, 0.75);
/*  background-image: linear-gradient(to right, rgba(1, 167, 213, 0.9) 0%, rgba(1, 167, 213, 0.6) 100%);*/
}
.tiles--mosaic .tiles--slideright:hover .tiles__details .tiles__footer {
  left: 0;
}
.tiles--mosaic .tiles--slideright .tiles__details .tiles__slidebg:before {
  left: 0;
}
@media only screen and (max-width: 767px) {
  .tiles--mosaic .tiles__box.half, .tiles--mosaic .tiles__box.third {
    width: 100%;
  }
  .tiles--mosaic .tiles__row .tiles__box {
    margin-right: 0;
    margin-bottom: 4.5px;
  }
  .tiles--mosaic .tiles__text br,
  .tiles--mosaic .tiles__text span {
    display: none;
  }
  .tiles--mosaic .tiles__box.tiles--slideup .tiles__details {
    box-shadow: 0 6px 3px rgba(0, 0, 0, 0.11);
	background: rgba(1, 167, 213, 0.75);
/*    background-image: linear-gradient(to right, rgba(1, 167, 213, 0.9) 0%, rgba(1, 167, 213, 0.6) 100%);*/
  }
  .tiles--mosaic .tiles__box.tiles--slideup .tiles__details .tiles__text {
    padding-bottom: 60px;
    padding-top: 20px;
  }
  .tiles--mosaic .tiles__box.tiles--slideup .tiles__details .tiles__footer {
    margin-bottom: 0;
  }
  .tiles--mosaic .tiles__box.tiles--slideright .tiles__details .tiles__text {
    width: 100%;
    top: auto;
    bottom: 60px;
    padding-top: 20px;
    box-shadow: 0 6px 3px rgba(0, 0, 0, 0.11);
	background:rgba(1, 167, 213, 0.75);
/*    background-image: linear-gradient(to right, rgba(1, 167, 213, 0.9) 0%, rgba(1, 167, 213, 0.6) 100%);*/
  }
  .tiles--mosaic .tiles__box.tiles--slideright .tiles__details .tiles__footer {
    width: 100%;
    left: 0;
  }
  .tiles--mosaic .tiles__box.tiles--slideright .tiles__details .tiles__slidebg:before {
    left: 0;
    display: none;
  }
}

body.is_mobile .tiles--mosaic .tiles--slideright .tiles__details .tiles__slidebg:before,
body.is_mobile .tiles--mosaic .tiles--slideright .tiles__details .tiles__footer {
  left: 0;
}
body.is_mobile .tiles--mosaic .tiles--slideup .tiles__details {
  box-shadow: 0 6px 3px rgba(0, 0, 0, 0.11);
  background:rgba(1, 167, 213, 0.75);
/*  background-image: linear-gradient(to right, rgba(1, 167, 213, 0.9) 0%, rgba(1, 167, 213, 0.6) 100%);*/
}
body.is_mobile .tiles--mosaic .tiles--slideup .tiles__text {
  padding-bottom: 60px;
}
body.is_mobile .tiles--mosaic .tiles--slideup .tiles__details .tiles__footer {
  margin-bottom: 0;
}
body.is_mobile .tiles--mosaic .tiles--slideup h5 {
  font-size: 16px;
}
body.is_mobile .tiles--mosaic .tiles--slideup h5 br {
  display: none;
}

/* [HOME] FOOD FOR THOUGHT, APPROACH
 * [PROBLEM] FARMING
================================================= */
.interstitial a.span3 {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .interstitial a.span3 {
    margin-top: 30px;
  }
  .interstitial .circle--med {
    margin: 0 auto;
  }
  .interstitial .container > div {
    padding-bottom: 30px;
  }
}

.interstitial--circle .circle {
  float: left;
}
.interstitial--circle .circle-descrip {
/* width: calc(100% - 350px);*/
  width: 590px;
  height: 350px;
  float: left;
  padding-left: 40px;
}
.interstitial--circle .circle-descrip--large {
/*  width: calc(100% - 260px);*/
  width:680px;
  height: 260px;
  float: left;
  padding-left: 40px;
}
.interstitial--circle .circle-descrip.left {
  padding-left: 0;
  padding-right: 40px;
}
.interstitial--circle .circle-descrip p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 979px) {
	.interstitial--circle .circle-descrip {
		width:398px;
	}
	.interstitial--circle .circle-descrip--large {
		width:488px;
	}
}
@media only screen and (max-width: 767px) {
  .interstitial--circle .circle {
    float: none;
    clear: both;
    margin: 0 auto 30px;
  }
  .interstitial--circle .circle-descrip {
    width: 100%;
    height: auto;
    padding-left: 0;
  }
  .interstitial--circle .circle-descrip.left {
    padding-right: 0;
  }
}
/*
.descrip, .circle-descrip {
  display: table;
}
.descrip .inner, .circle-descrip .inner {
  display: table-cell;
  vertical-align: middle;
}
*/

.descrip .inner, .circle-descrip .inner {
  display: table;
  height:100%;
}
.descrip .innercontent, .circle-descrip .innercontent {
  display: table-cell;
  vertical-align: middle;
}

/* TESTIMONIES
================================================= */
.testimony-slider {
  height: 415px;
}
.testimony-slider .slick-slide {
  position: relative;
}
.testimony-slider .testimony__photo {
  height: 415px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.testimony-slider .testimony__text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 50px;
  padding-left: 70px;
}
.testimony-slider .testimony__text p {
  font-size: 18px;
  font-weight: 100;
  color: #fff;
  width: 220px;
}
.testimony-slider .testimony__text p a {
	color:inherit !important;
	border:none !important;
}
.testimony-slider .testimony__text p a:after
{
	display:none !important;
}
.testimony-slider .testimony__text p.serif {
  font-weight: 700;
}
.testimony-slider .slick-slide:nth-of-type(odd) .testimony__photo {
  margin-right: 5px;
}
.testimony-slider .slick-slide:nth-of-type(even) .testimony__photo {
  margin-left: 5px;
}
.testimony-slider .slick-dots {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .testimony-slider {
    height: 300px;
  }
  .testimony-slider .testimony__photo {
    height: 300px;
  }
  .testimony-slider .slick-slide:nth-of-type(odd) .testimony__photo,
  .testimony-slider .slick-slide:nth-of-type(even) .testimony__photo {
    margin: 0;
  }
  .testimony-slider .slick-prev, .testimony-slider .slick-next {
    display: none !important;
  }
  .testimony-slider .slick-dots {
    display: block !important;
  }
	.testimony-slider .slick-dots li {
	  margin:0 2px;
	}
  .testimony-slider .testimony__text {
	  padding-left:20px;
	  padding-top:25px;
  }
  .testimony-slider .testimony__text p {
	font-size: 15px;
	line-height:1.3em;
	width: 180px;
  }
}

/* FEATURED
================================================= */
.icon-featured {
  height: 90px;
  display: block;
}
.icon-featured.icon-usa {
  width: 115px;
  background: url(http://mfa.cachefly.net/mfa/images/featured-sprite.png) 0 0;
}
.icon-featured.icon-cnn {
  width: 135px;
  background: url(http://mfa.cachefly.net/mfa/images/featured-sprite.png) -115px 0;
}
.icon-featured.icon-abc {
  width: 90px;
  background: url(http://mfa.cachefly.net/mfa/images/featured-sprite.png) -250px 0;
}
.icon-featured.icon-nbc {
  width: 85px;
  background: url(http://mfa.cachefly.net/mfa/images/featured-sprite.png) -340px 0;
}
.icon-featured.icon-nyt {
  width: 110px;
  background: url(http://mfa.cachefly.net/mfa/images/featured-sprite.png) -425px 0;
}

.featured .icon-featured {
  display: inline-block;
  margin: 15px 30px 0;
}
@media only screen and (max-width: 767px) {
  .featured .icon-featured {
    height: 50px;
    margin: 10px;
    background-size: auto 100%;
  }
  .featured .icon-featured.icon-usa {
    width: 65px;
  }
  .featured .icon-featured.icon-cnn {
    width: 75px;
    background-position: -65px 0;
  }
  .featured .icon-featured.icon-abc {
    width: 50px;
    background-position: -140px 0;
  }
  .featured .icon-featured.icon-nbc {
    width: 45px;
    background-position: -190px 0;
  }
  .featured .icon-featured.icon-nyt {
    width: 60px;
    background-position: -235px 0;
  }
}

/* MERCH SAMPLES
================================================= */
.merch .container {
  padding: 0;
}
.merch .merch__sample {
  height: 320px;
  background-repeat: no-repeat;
/*  background-size: 200px 310px;*/
  background-position: left bottom;
  text-align: left;
  margin-top: 75px;
}
.merch .merch__sample h3, .merch .merch__sample p {
  width: 45%;
  margin-left: 140px;
}
.merch .merch__sample h3 {
  float: left;
  color: #efd345;
  margin-bottom: 5px;
  margin-top: 35px;
}
.merch .merch__sample p {
  font-size: 15px;
  margin-bottom: 0;
  color: #c4c4c4;
}
.merch .merch__sample.extra-margin h3, .merch .merch__sample.extra-margin p {
  width: 40%;
  margin-left: 60%;
}
@media only screen and (max-width: 767px) {
  .merch a.btn-primary {
    margin-bottom: 40px;
  }
  .merch .merch__sample {
    width: 200px;
    height: 250px;
    background-size: auto 100%;
    margin: 0 auto;
    float: none;
  }
  .merch .merch__sample h3 {
    margin-top: 30px;
  }
}

/* DONATE
================================================= */
#form--donation {
  color: #fff;
}

/* A LIFE OF PAIN - black tiles
================================================= */
.tiles--static .tiles__box.half {
  width: 50%;
  height: 320px;
  border-right: #ffffff solid 4px;
  border-bottom: #ffffff solid 4px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.tiles--static .tiles__box.half h5, .tiles--static .tiles__box.half p {
  color: #fff;
}
.tiles--static .tiles__box.half:nth-of-type(2n+2) {
  border-right: none;
}
.tiles--static .tiles__details--black {
  width: 255px;
  height: 100%;
  padding: 30px 20px;
  opacity: .9;
  box-shadow: -6px 0 3px rgba(0, 0, 0, 0.11);
  background:rgba(60, 60, 60, 0.9);
/*  background-image: linear-gradient(to right, rgba(60, 60, 60, 0.9) 0%, #3c3c3c 100%);*/
}
.tiles--static .tiles__details--black h5 {
  font-size: 1.5em;
}
.tiles--static .tiles__details--black.right {
  float: right;
}
@media only screen and (max-width: 767px) {
  .tiles--static .tiles__box.half {
    width: 100%;
    position: relative;
    background-position: 50% 0%;
	border-right:none;
  }
  .tiles--static .tiles__details--black {
    position: absolute;
    width: 100%;
    height: auto;
    padding: 10px;
    bottom: 0;
  }
}

/* BY THE NUMBERS
================================================= */
.interstitial.interstitial--stats {
  /* ICON PIE CHART
  ================================================= */
}
.interstitial.interstitial--stats .span3,.interstitial.interstitial--stats .span4 {
  position: relative;
}
.interstitial.interstitial--stats .span3:before,.interstitial.interstitial--stats .span4:before {
  content: '';
  width: 74px;
  height: 30px;
  background: #fff;
  top: 90px;
  left: 50%;
  margin-left: -37px;
  position: absolute;
}
.interstitial.interstitial--stats .stat {
  font-size: 2.25em;
  margin: -20px 0 0;
  line-height: 1;
  font-weight: 500;
  display: block;
  position: relative;
  color: #4c4b47;
}
.interstitial.interstitial--stats .stat.text-white {
  color: #fff;
}
.interstitial.interstitial--stats .stat .stat__sub {
  font-size: 20px;
  margin: 0 0 10px;
  line-height: 1;
  font-weight: 500;
  display: block;
  clear: both;
}
.interstitial.interstitial--stats .stat__border {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border: 5px solid #f3f3f3;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}
.interstitial.interstitial--stats .stat__border .icon {
  margin: 30px auto 0;
}
.interstitial.interstitial--stats .span3 p {
  font-size: 18px;
  padding: 0 10px;
  color: #707070;
}
.interstitial.interstitial--stats .circliful {
  position: relative;
}
.interstitial.interstitial--stats .circle-text, .interstitial.interstitial--stats .circle-info, .interstitial.interstitial--stats .circle-text-half, .interstitial.interstitial--stats .circle-info-half {
  width: 100%;
  position: absolute;
  text-align: centers;
  display: inline-block;
}
.interstitial.interstitial--stats .circle-info, .interstitial.interstitial--stats .circle-info-half {
  color: #999;
}
.interstitial.interstitial--stats .circliful .fa {
  margin: -10px 3px 0 3px;
  position: relative;
  bottom: 4px;
}
.interstitial.interstitial--stats .stat__circle {
  margin: 0 auto;
}
.interstitial.interstitial--stats .stat__circle .icon {
  position: absolute;
  left: 32px;
  top: 35px;
}
.interstitial.interstitial--stats .stat__circle .icon.icon--road-yellow {
  left: 20px;
  top: 40px;
}

/* BEHIND THE STATS TABS
================================================= */
.tabs-container--stories {
  width: 100%;
}
.tabs-container--stories .tabs__menu--stories {
  width: 100%;
  height: 105px;
  float: left;
  clear: both;
  list-style-type: none;
  padding: 0;
  margin: 40px 0;
}
.tabs-container--stories .tabs__menu--stories li {
  height: 100%;
  width: 120px;
  display: inline-block;
}
.tabs-container--stories .tabs__menu--stories li a.circle {
  display: block;
  margin: 0 auto;
  padding: 0;
  position: relative;
  border-color: #d9d9d9;
}
.tabs-container--stories .tabs__menu--stories li.current {
  position: relative;
  background-color: #fff;
}
.tabs-container--stories .tabs__menu--stories li.current a.circle:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: red;
  left: 0;
  right: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
  background-color: rgba(1, 167, 223, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8001A7DF,endColorstr=#8001A7DF);
  zoom: 1;
}
.tabs-container--stories .tabs__menu--stories li a {
  padding: 10px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
.tabs-container--stories .tab--stories {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  text-align: left;
  display: table;
}
.tabs-container--stories .link {
	cursor: pointer;
}
.tabs-container--stories .tab--stories .tab__content--stories {
  width: 100%;
  min-height: 355px;
  display: none;
}
.tabs-container--stories .tab--stories .tab__content--stories a.link {
  font-size: 21px;
  color: #adadad;
}
.tabs-container--stories .tab--stories .tab__content--stories a.link:hover {
  color: #999999;
}
.tabs-container--stories .tab--stories .tab__content--stories .tab__footer {
  margin-top: 30px;
}
.tabs-container--stories .tab--stories .tab__content--stories .tab__footer a.btn--social {
  margin-right: 15px;
}
.tabs-container--stories .tab--stories #tab-1 {
  display: block;
}
.tabs-container--stories a.flex-next,
.tabs-container--stories a.flex-prev {
  color: #fff !important;
}
@media only screen and (max-width: 767px) {
  .tabs-container--stories .tabs__menu--stories {
    margin-bottom: 0;
  }
  .tabs-container--stories .tabs__menu--stories li {
    width: 90px;
  }
  .tabs-container--stories .tabs__menu--stories li a {
    width: 80px;
    height: 80px;
  }
  .tabs-container--stories .tab--stories .tab__content--stories .span5 {
    width: 100%;
  }
  .tabs-container--stories .tab--stories .tab__content--stories .span5 .flexslider--circle {
    margin: 0 auto;
  }
  .tabs-container--stories .tab--stories .tab__content--stories .span7 {
    padding-top: 30px;
  }
}

.flexslider--circle {
  max-width: 355px;
  height: 363px;
  position: relative;
}
.flexslider--circle ul.slides, .flexslider--circle li.slide {
  height: 355px;
}
.flexslider--circle .slide__photo {
  width: 355px;
  height: 355px;
  border: 7px solid #f3f3f3;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.flexslider--circle .flex-direction-nav a {
  width: 50px;
  height: 75px;
  line-height: 75px;
  margin-top: -37px;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
}
.flexslider--circle .flex-direction-nav a:hover {
  background: rgba(255, 255, 255, 0.8);
}
.flexslider--circle .flex-direction-nav a.flex-prev {
  left: 0;
  -moz-border-radius: 0 50px 50px 0;
  -webkit-border-radius: 0;
  border-radius: 0 50px 50px 0;
}
.flexslider--circle .flex-direction-nav a.flex-next {
  right: 0;
  -moz-border-radius: 50px 0 0 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px 0 0 50px;
}
.flexslider--circle .flex-control-nav {
  display: none;
}
@media only screen and (max-width: 767px) {
  .flexslider--circle {
    max-width: 280px;
    width: 280px;
    height: 280px;
  }
  .flexslider--circle ul.slides, .flexslider--circle li.slide {
    height: 280px;
  }
  .flexslider--circle .slide__photo {
    width: 280px;
    height: 280px;
  }
}

.tab--stories .flexslider--circle {
  float: left;
}
.tab--stories .descrip {
  height: 350px;
  display: table;
  padding-left: 40px;
}
.tab--stories .descrip .inner {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .tab--stories .flexslider--circle {
    float: none;
    margin: 0 auto;
  }
  .tab--stories .descrip {
    height: auto;
    margin-top: 30px;
    float: left;
    padding-left: 0;
    clear: both;
  }
}

/* MONEY AT WORK
================================================= */
.interstitial--money img {
  width: 378px;
  float: left;
}
.interstitial--money .descrip {
 /* width: calc(100% - 378px);*/
  width:562px;
  height: 320px;
  float: left;
  padding-left: 40px;
}
@media only screen and (max-width: 979px) {
	.interstitial--money .descrip {
	 /* width: calc(100% - 378px);*/
	  width:370px;
	}
}
@media only screen and (max-width: 767px) {
  .interstitial--money img {
    width: 100%;
    max-width: 378px;
    height: auto;
    margin: 0 auto;
    float: none;
    display: block;
  }
  .interstitial--money .descrip {
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding-left: 0;
  }
}

/* OUR SUCCESS
================================================= */
.interstitial--stats .triangle-after {
  position: relative;
  z-index:1;
}
.interstitial--stats .triangle-after:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -60px;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-top: 60px solid #fff;
}
.interstitial--stats .triangle-after:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -60px;
  top: 0;
  margin-top: -10px;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  border-top: 60px solid #f3f3f3;
}
.interstitial--stats .success {
  width: 100%;
  float: left;
  background: #fff;
}
.interstitial--stats .success .fourths {
  height: 380px;
  width: 25%;
  float: left;
  padding-top: 40px;
  background: #efd345;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  border-top: 7px solid #fff;
  border-bottom: 7px solid #fff;
  border-right: 7px solid #fff;
}
.interstitial--stats .success .fourths:nth-of-type(1) {
}
.interstitial--stats .success .fourths:nth-of-type(2) {
	border-right: 3px solid #fff;
}
.interstitial--stats .success .fourths:nth-of-type(3) {
	border-right:none;
	border-left: 4px solid #fff;
}
.interstitial--stats .success .fourths:last-of-type {
	border-right:none;
	border-left: 7px solid #fff;
}
.interstitial--stats .success .circle {
  margin: 0 auto 15px;
  background: rgba(243, 243, 243, 0.5);
  border: none;
  position: relative;
  z-index: 1;
}
.interstitial--stats .success .circle:after {
  content: '';
  position: absolute;
  background: #fff;
  width: 94px;
  height: 94px;
  top: 3px;
  left: 3px;
  z-index: 2;
  -moz-border-radius: 47px;
  -webkit-border-radius: 47px;
  border-radius: 47px;
}
.interstitial--stats .success .stat {
  margin: 0;
}
.interstitial--stats .success p {
  padding: 0 30px;
  color: #272727;
}
@media only screen and (max-width: 767px) {
  .interstitial--stats .triangle-after {
    position: relative;
  }
  .interstitial--stats .triangle-after:before {
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
  }
  .interstitial--stats .triangle-after:after {
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f3f3f3;
  }
  .interstitial--stats .success .fourths {
    width: 100%;
    height: 300px;
    margin: 0;
    padding-top: 20px;
    border-top: none;
	border-left:none;
	border-right:none;
  }
  .interstitial--stats .success .fourths:nth-of-type(1) {
    border-top: 7px solid #fff;
  }
  .interstitial--stats .success .fourths:nth-of-type(1),
  .interstitial--stats .success .fourths:nth-of-type(2),
  .interstitial--stats .success .fourths:nth-of-type(3),
  .interstitial--stats .success .fourths:last-of-type {
    margin: 0;
    float: left;
	border-left:none;
	border-right:none;
  }
  .interstitial--stats .success p {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  #success .container > div {
    padding-bottom: 0;
  }
}
body.is_tablet #success.interstitial--stats .success p {
  font-size: 12px;
}

/* TEAM GRID
================================================= */
.team-tile {
  margin: 25px 0;
  text-align: center;
  cursor: pointer;
}
.team-tile.team-tile--active {
  position: relative;
}
.team-tile.team-tile--active:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #f3f3f3;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
  margin-bottom: -26px;
}
.bg-gray .team-tile.team-tile--active:after {
  border-bottom-color: #ffffff;
}
.team-tile.team-tile--active .team-tile__photo:after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  background: rgba(1, 167, 223, 0.6);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.team-tile__photo {
  width: 170px;
  height: 170px;
  max-width: 100%;
  max-height: auto;
  margin: 0 auto;
  background: #f3f3f3;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.team-tile__photo.join {
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.team-tile__photo:hover {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.team-tile__name {
  min-height: 75px;
  padding: 0 10px;
}
.team-tile__name p {
  font-size: 16px;
  margin: 10px 0 0;
  line-height: 1.15;
  color: #01a7df;
}
.team-tile__name span {
  font-size: 16px;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 100;
  color: #5a5a5a;
}

.team-tile__description {
  display: none;
  background: #f3f3f3;
  padding: 40px 20px;
  text-align: left;
}
.team-tile__description p, .team-tile__description li {
  font-size: 14px;
  margin-bottom: 10px;
  color: #888888;
}
.team-tile__description p span, .team-tile__description li span {
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 500;
  color: #01a7df;
}
.team-tile__description p a:hover, .team-tile__description li a:hover {
  color: #01a7df;
}
.team-tile__description li {
  margin-bottom: 0;
}

.team-grid .team-row {
  max-width: 960px;
  margin: 0 auto;
}
.team-grid #team-expander {
  width: 100%;
  display: none;
  float: left;
  padding: 80px 0 60px;
  text-align: left;
  background-color: #f3f3f3;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.team-grid #team-expander p, .team-grid #team-expander li {
  font-size: 16px;
  margin-bottom: 20px;
  color: #888888;
}
.team-grid #team-expander p span, .team-grid #team-expander li span {
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 500;
  color: #01a7df;
}
.team-grid #team-expander p a:hover, .team-grid #team-expander li a:hover {
  color: #01a7df;
}
.team-grid #team-expander li {
  margin-bottom: 0;
}
.team-grid #team-expander .btn--team {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .team-grid .team-tile {
    margin: 0;
  }
  .team-grid .team-tile--active:after {
    display: none;
  }
  .team-grid .team-tile--active .team-tile__description {
    display: block;
    position: relative;
    margin-bottom: 30px;
  }
  .team-grid .team-tile--active .team-tile__description:after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f3f3f3;
    left: 50%;
    top: 0;
    margin-left: -20px;
    margin-top: -20px;
  }
  .team-grid #team-expander {
    display: none;
  }
}

#team #close-expander {
	display:none;
  float: right;
  margin-top: -40px;
  cursor: pointer;
  color: #01a7df;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
#team #close-expander:before {
  content: '\f00d';
  font-size: 30px;
  position: absolute;
  font-family: "fontawesome";
  -webkit-font-smoothing: subpixel-antialiased;
}
#team #close-expander:hover {
  color: #0189b6;
}

@media only screen and (max-width: 767px) {
  body.non_mobile #team-expander {
    display: none !important;
  }

  #team #close-expander {
    margin-top: -20px;
    margin-right: 20px;
  }
  #team #close-expander:before {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
  .team-grid .team-tile .team-tile__photo {
    width: 150px;
    height: 150px;
  }

  .circle.circle--med {
    width: 170px;
    height: 170px;
  }
  .circle.circle--med.hover-effect:before {
    top: 10px;
  }
  .circle.circle--med.hover-effect:hover:before {
    width: 170px;
    height: 170px;
    top: 10px;
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 825px) {
  .team-grid .team-tile .team-tile__name p {
    font-size: 14px;
  }
  .team-grid .team-tile .team-tile__name span {
    font-size: 12px;
  }

  #team #close-expander {
    margin-right: 40px;
  }
}
body.is_tablet .team-grid .team-tile .team-tile__photo {
  width: 120px;
  height: 120px;
}
body.is_tablet .team-grid .team-tile .team-tile__name p {
  font-size: 14px;
}
body.is_tablet .team-grid .team-tile .team-tile__name span {
  font-size: 12px;
}
body.is_tablet #team #close-expander {
  margin-right: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .team-grid .team-tile .team-tile__photo {
    width: 120px;
    height: 120px;
  }

  #success.interstitial--stats .success p {
    font-size: 12px;
  }
}
/* TESTIMONY SLIDER
================================================= */
.flexslider--recognition .container {
  height: 630px;
  display: table;
}
.flexslider--recognition .container--constrain {
  max-width: 680px;
  height: 630px;
}
.flexslider--recognition .slide__content {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
.flexslider--recognition .slide__content h5.alt {
  margin-top: 20px;
  font-weight: 500;
}
.flexslider--recognition .slide__content p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .flexslider--recognition p.larger {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .tabs-container--give ul li {
    width: auto;
  }

  body.is_tablet .tabs-container--give ul li {
    float: left;
  }
}
/* SLICE OF CRUELTY
================================================= */
.latest-investigation {
  height: 555px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: table;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.latest-investigation .container {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.latest-investigation .container p {
  max-width: 620px;
  margin: 0 auto;
}
.latest-investigation .lazyload__content {
  color: #fff;
}
.latest-investigation iframe {
  max-height: 543px;
}

/* SIGN THE PETITION
================================================= */
.inverted-triangle {
  position: relative;
  width: 100%;
}
.inverted-triangle:before {
  content: '';
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  margin-top: -12px;
  border-bottom: 12px solid #ffffff;
  border-right: 12px solid transparent;
}
.inverted-triangle:after {
  content: '';
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  margin-top: -12px;
  border-bottom: 12px solid #ffffff;
  border-left: 12px solid transparent;
}
.inverted-triangle.bg-gray:before {
  border-bottom: 12px solid #f3f3f3;
}
.inverted-triangle.bg-gray:after {
  border-bottom: 12px solid #f3f3f3;
}

/* PAST INVESTIGATIONS - Video playlist
================================================= */
.section--videoPlaylist {
  padding-bottom: 140px;
}
.section--videoPlaylist h4 {
  color: #262729;
}

.videoPlayer {
  height: 350px;
}

.video__desc--current {
  padding: 30px 25px;
  background: #f3f3f3;
  height: 100%;
}
.video__desc--current h5 {
  color: #262729;
  margin: 0;
}
.video__desc--current h6 {
  color: #707070;
}
.video__desc--current a {
  color: #01a7df;
}
.video__desc--current a:hover {
  color: #0189b6;
}
.video__desc--current p
{
	line-height:1.35em;
}

.video__desc {
  display: none;
}

.videoPlayer__container {
  height: 350px;
  position: relative;
  padding-bottom: 52%;
  padding-top: 30px;
  height: 0;
}

.videoPlayer__container iframe,
.videoPlayer__container object,
.videoPlayer__container embed {
  height: 350px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.investigation h4 {
  margin-top: 80px;
  float: left;
}
.investigation li.playlist__video {
  list-style-type: none;
  float: left;
  height: 130px;
  position: relative;
  cursor: pointer;
  margin-right: 3px;
}
.investigation .playlist__thumb {
  width: 100%;
  height: 130px;
  display: block;
  background-repeat: no-repeat;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
}
.investigation .playlist__thumb:before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(38, 39, 41, 0.8);
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.investigation .playlist__thumb.current:before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(239, 211, 69, 0.5);
}
.investigation .playlist__desc {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 15px;
  text-align: left;
  color: #fff;
  padding: 0 15px;
}
.investigation .playlist__desc p {
  line-height: 1.15;
}
.investigation .playlist__desc p.title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.investigation .playlist__desc p.small {
  font-size: 14px;
  margin: 0;
}
.investigation .playlist {
  height: 130px;
  position: relative;
}
.investigation .flex-direction-nav {
  width: 100%;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 1;
}
.investigation .flex-direction-nav a {
  height: 40px;
  color: rgba(38, 39, 41, 0.4);
}
.investigation .flex-direction-nav a:before {
  line-height: 40px;
}
.investigation .flex-direction-nav a:hover {
  color: rgba(38, 39, 41, 0.8);
}
.investigation .flex-direction-nav .flex-prev {
  left: -30px;
}
.investigation .flex-direction-nav .flex-next {
  right: -30px;
}
.investigation .flex-viewport {
  z-index: 3;
}
.investigation .flex-control-nav {
  display: none;
}

/* MOBILE STYLES
================================================= */
@media only screen and (max-width: 767px) {
  .section--videoPlaylist {
    padding-bottom: 60px;
  }
  .section--videoPlaylist .videoPlayer {
    height: auto;
  }

  .videoPlayer__container,
  .videoPlayer__container iframe,
  .videoPlayer__container object,
  .videoPlayer__container embed {
    height: 200px;
  }

  li.playlist__video {
    list-style-type: none;
    width: 50%;
    width: calc(50% - 2px);
    float: left;
    height: 130px;
    position: relative;
    margin-right: 4px;
    margin-bottom: 4px;
    cursor: pointer;
  }
  li.playlist__video:nth-of-type(2n+2) {
    margin-right: 0;
  }

  .investigation .playlist {
    height: auto;
  }
}
body.is_tablet .video__desc--current p {
  font-size: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
  .video__desc--current p {
    font-size: 13px;
  }
}
/* BLOG ARCHIVE
================================================= */
#main.post h3 {
  font-weight: 100;
  color: #707070;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}
#main.post p {
  color: #5a5a5a;
}
#main.post p a, #main.post ul a {
  font-weight: 300;
}
#main.post p a.bold, #main.post ul a.bold {
  font-weight: 500;
}
#main.post.archive .post:hover h3 {
  color: #01a7df;
}

.featured-post p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

section.posts .post {
  display: table;
  padding: 60px 0;
  border-bottom: 2px solid #ebebeb;
  cursor: pointer;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}
section.posts .post .circle--postimage {
  display: block;
}
section.posts .post .circle--postimage:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
  background-color: rgba(97, 196, 234, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9961C4EA,endColorstr=#9961C4EA);
  zoom: 1;
}
section.posts .post:hover {
/*  border-bottom: 2px solid #01a7df;*/
}
section.posts .post:hover .circle--postimage {
  position: relative;
}
section.posts .post:hover .circle--postimage:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
section.posts .post b {
  color: #01a7df;
}

@media only screen and (max-width: 767px) {
  .featured-post img {
    max-width: 100%;
  }

  section.posts .post {
    padding: 30px 0;
  }
  section.posts .post .circle.circle--postimage {
    margin: 0 auto 30px;
    width: 200px;
    height: 200px;
  }
  section.posts .post .span8.float-none {
    float: left;
  }
}
/* BLOG SINGLE
================================================= */
#content.content--post {
	font-weight:300;
}
#content.content--post h1, #content.content--post h2, #content.content--post h3, #content.content--post h4, #content.content--post h5, #content.content--post h6 {
  line-height: 1.25;
}
#content.content--post .container {
/*  max-width: 800px;*/
}
#content.content--post .post-header {
  float: left;
  padding-bottom: 30px;
}
#content.content--post .post-header h1 {
  color: #4c4b47;
}
#content.content--post .photo-wrapper {
  text-align: center;
}
/*#content.content--post figure {
  float: none;
  clear: both;
  display: inline-block;
  margin: 1rem auto;
}*/
#content.content--post figure figcaption {
  float: none;
}
#content.content--post figcaption {
  float: left;
  text-align: center;
  font-size: 13px;
  color: #c1c1c1;
  font-weight: 100;
  margin-top: 8px;
}

.posts.next-post .post {
  border-bottom: none;
}
.posts.next-post .post:hover {
  border-bottom: none;
}

.panel--photo {
  width: 100%;
  height: 350px;
  float: left;
  margin: 30px 0;
}
.panel--photo .photo {
  height: 350px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.panel--photo .photo.span1.left {
  width: 8%;
}
.panel--photo .photo.span2.left {
  width: 16%;
}
.panel--photo .photo.span3.left {
  width: 24.5555%;
}
.panel--photo .photo.span4.left {
  width: 33%;
}
.panel--photo .photo.span5.left {
  width: 41%;
}
.panel--photo .photo.span6.left {
  width: 49.5555%;
}
.panel--photo .photo.span7.left {
  width: 58%;
}
.panel--photo .photo.span8.left {
  width: 66%;
}
.panel--photo .photo.span9.left {
  width: 74.5555%;
}
.panel--photo .photo.span10.left {
  width: 83%;
}
.panel--photo .photo.span11.left {
  width: 91%;
}
.panel--photo .photo.left {
  float: left;
}
.panel--photo .photo.right {
  float: right;
}
@media only screen and (max-width: 767px) {
  .panel--photo .photo {
    margin-bottom: 10px;
  }
  .panel--photo .photo.span1.left {
    width: 100%;
  }
  .panel--photo .photo.span2.left {
    width: 100%;
  }
  .panel--photo .photo.span3.left {
    width: 100%;
  }
  .panel--photo .photo.span4.left {
    width: 100%;
  }
  .panel--photo .photo.span5.left {
    width: 100%;
  }
  .panel--photo .photo.span6.left {
    width: 100%;
  }
  .panel--photo .photo.span7.left {
    width: 100%;
  }
  .panel--photo .photo.span8.left {
    width: 100%;
  }
  .panel--photo .photo.span9.left {
    width: 100%;
  }
  .panel--photo .photo.span10.left {
    width: 100%;
  }
  .panel--photo .photo.span11.left {
    width: 100%;
  }
}

.archive-navigation .btn--yellow {
  width: 180px;
  padding: 15px 0;
  text-align: center;
}
.archive-navigation .btn--yellow .fa-angle-left {
  margin-right: 10px;
}
.archive-navigation .btn--yellow .fa-angle-right {
  margin-left: 10px;
}
.archive-navigation .btn--yellow.prev {
  float: left;
}
.archive-navigation .btn--yellow.next {
  float: right;
}

/* SOCIAL SHARE
================================================= */
.sharing {
  width: 100%;
  float: left;
  margin-bottom: 90px;
}
.sharing .sharing__container {
  width: 285px;
  height: 45px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
}
.sharing .sharing__count {
  position: absolute;
  height: 18px;
  padding: 5px;
  background: #fff;
  border: 1px solid #808080;
  border-radius: 4px;
  padding: 0 3px;
  position: absolute;
  top: 11px;
  left: 47px;
  color: #4c4b47;
  font-size: 11px;
  text-align: center;
  line-height: 18px;
}
.sharing .sharing__count:before {
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: 3px;
  bottom: auto;
  left: -5px;
  border-width: 5px 5px 5px 0;
  border-color: transparent #808080;
}
.sharing .sharing__count:after {
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: 4px;
  bottom: auto;
  left: -4px;
  border-width: 4px 4px 4px 0;
  border-color: transparent #fff;
}

/* MOBILE STYLES
================================================= */
@media only screen and (max-width: 767px) {
  #content.content--post h1, #content.content--post h2, #content.content--post h3, #content.content--post h4, #content.content--post h5, #content.content--post h6, #content.content--post p {
    line-height: 1.5;
  }
  #content.content--post img {
    max-width: 100%;
  }

  .archive-navigation .btn--yellow {
    width: 120px;
  }
  .archive-navigation .btn--yellow span {
    display: none;
  }

  .photo-wrapper img {
    max-width: 100%;
  }

  .panel--photo {
    height: auto;
  }

  .posts.next-post {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#main.store p a, #main.store ul a {
  color: #01a7df;
}

#hero.hero--merch {
  display: table;
  background-position: 50% 50%;
}

/* Product filters
================================================= */
#product-filter {
  margin-bottom: 40px;
}
#product-filter .product-type {
  background: #f3f3f3 !important;
  height: 100px;
  cursor: pointer;
  width: 50%;
}
#product-filter .product-type h3 {
  margin: 0;
  line-height: 100px;
  color: #bfbfbe;
}
#product-filter .product-type:hover h3 {
  color: #01a7df;
}
#product-filter .product-type.selected h3 {
  color: #01a7df;
}
#product-filter .product-type {
  border-right:#ffffff solid 6px;
}
#product-filter .product-type:last-of-type {
  border-right: none;
}

/* PRODUCT TILES
================================================= */
#product-tiles {
  padding: 0;
}
#product-tiles .tile {
  width: 25%;
  height: 290px;
  float: left;
  top: 0 !important;
  position: relative;
  background-color: #ffffff;
  cursor: pointer;
  background-repeat: no-repeat;
/*  background-blend-mode: multiply;*/
  background-size: auto 90%;
  background-position: 50% 100%;
  border-left: #ffffff solid 10px;
  border-right: #ffffff solid 10px;
  zoom: 1;
}
#product-tiles .tile:before {
	content:' ';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.05);
}
#product-tiles .tile.tile--alt {
  background-size: 80% auto;
  background-position: 50% 50%;
}
#product-tiles .tile .strikethrough {
  color: #c4c4c4;
}
#product-tiles .tile p.sale {
  color: #01a7df;
}
#product-tiles .tile p.sale span {
  display: block;
  line-height: 1.25;
}
#product-tiles .tile p.sale .saleDollars, #product-tiles .tile p.sale .saleCents
{
	display: inline;
}
#product-tiles .tile p.sale .strikethrough {
  font-size: 21px;
  color: #79c1d5;
}
#product-tiles .tile p.sale .label {
  font-size: 21px;
  clear: both;
}

@media all and (max-width: 767px)
{
	#product-tiles .tile .inner .price
	{
		background-color: rgba(243, 243, 243, 0.7);
		padding: 0 3px;
	}
	#product-tiles .tile p.sale .saleCents
	{
		font-size: 50%;
		vertical-align: super;
	}
	#product-tiles .tile p.sale .strikethrough
	{
		display: block;
	}
}

/* PRODUCT BUTTONS
================================================= */
@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toRightFromLeft {
  49% {
    -moz-transform: translate(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toRightFromLeft {
  49% {
    transform: translate(100%);
  }
  50% {
    opacity: 0;
    transform: translate(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-webkit-keyframes toBottomFromTop {
  49% {
    -webkit-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toBottomFromTop {
  49% {
    -moz-transform: translateY(100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toBottomFromTop {
  49% {
    transform: translateY(100%);
  }
  50% {
    opacity: 0;
    transform: translateY(-100%);
  }
  51% {
    opacity: 1;
  }
}
.btn--merch {
  display: inline-block;
  font-size: 0px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  background: #efd345;
  overflow: hidden;
  -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.btn--merch:before {
  font-family: "fontawesome";
  speak: none;
  font-size: 24px;
  line-height: 50px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: subpixel-antialiased;
}
.btn--merch.cart:before {
  content: '\f07a';
}
.btn--merch.view:before {
  content: '\f06e';
}
.btn--merch:hover {
  background: #ecca1f;
}
.btn--merch:hover:before {
  -webkit-animation: toBottomFromTop 0.3s forwards;
  -moz-animation: toBottomFromTop 0.3s forwards;
  animation: toBottomFromTop 0.3s forwards;
}

/* TILE HOVER & ACTIVE
================================================= */
.tile__hover {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  border: 3px solid #ebebeb;
  content: '';
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF,endColorstr=#D9FFFFFF);
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index:2;
}
.tile__hover .btn--merch.cart {
  position: absolute;
  right: 15px;
  top: 15px;
}
.tile__hover .btn--merch.view {
  display: none;
}
.tile__hover p {
  font-size: 48px;
  margin: 0;
  color: #01a7df;
}
.tile__hover .inner {
  display: table-cell;
  vertical-align: middle;
}

.tile:hover .tile__hover {
  -webkit-transform: scale(1);
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.tile--active:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-bottom: -30px;
  margin-left: -15px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f3f3f3;
}
.tile--active .tile__hover {
  -webkit-transform: scale(1);
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/* ORDER FORM
================================================= */
form.form--order {
  margin: 1rem 0 2rem;
  width: 100%;
  float: left;
}
form.form--order .item-options {
  padding: 0;
  list-style-type: none;
  float: left;
  margin: 0;
}
form.form--order .item-options input[type="radio"], form.form--order .item-options input[type="checkbox"] {
  width: 100%;
  height: 52px;
  position: absolute;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
form.form--order .item-options li {
  position: relative;
  display: inline-block;
}
form.form--order .item-options label {
  cursor: pointer;
  width: 50px;
  height: 52px;
  margin-bottom: 0;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  font-size: 18px;
  line-height: 52px;
  display: inline-block;
  text-align: center;
  color: #bfbfbf;
  border: 2px solid #ebebeb;
  background: #fff;
  margin-bottom: 5px;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
form.form--order .item-options label:hover {
  border: 2px solid #efd345;
  color: #efd345;
}
form.form--order .item-options label:before {
  display: none;
}
form.form--order .item-options input[type="radio"]:hover + label,
form.form--order .item-options input[type="checkbox"]:hover + label {
  border: 2px solid #efd345;
  color: #efd345;
}
form.form--order .item-options input[type="radio"]:checked + label,
form.form--order .item-options input[type="checkbox"]:checked + label {
  border: 2px solid #efd345;
  color: #efd345;
}
form.form--order .item-options.item-options--larger label {
  width: auto;
  padding: 0 10px;
}

.btn--sizing {
  width: 50px;
  height: 45px;
  font-family: "MuseoSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 300;
  font-size: 18px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  color: #bfbfbf;
  border: 2px solid #ebebeb;
  background: #fff;
  margin-bottom: 5px;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
.btn--sizing:hover, .btn--sizing.selected {
  border: 2px solid #efd345;
  color: #efd345;
}
.btn--sizing.larger {
  width: auto;
  padding: 0 10px;
}

.cart-btn {
  width: 170px;
  position: relative;
  float: left;
}
.cart-btn input[type="submit"] {
  height: 52px;
  margin: 0;
}
.cart-btn:before {
  content: '\f07a';
  position: absolute;
  font-family: "fontawesome";
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 24px;
  left: 20px;
  top: 12px;
  color: #fff;
  z-index: 998;
}
.cart-btn:hover:before {
  -webkit-animation: toBottomFromTop 0.3s forwards;
  -moz-animation: toBottomFromTop 0.3s forwards;
  animation: toBottomFromTop 0.3s forwards;
}
.cart-btn input[type="submit"].cart {
  width: 170px;
  padding: 15px 0 15px 40px;
  margin: 0;
}

.item-options + .cart-btn {
  margin-left: 5px;
}

.item-options--larger + .cart-btn {
  clear: both;
  margin: 10px 0 0 0;
}

/* ORDER BUTTON DISABLED / OUT OF STOCK ITEMS
================================================= */
.btn--merch.cart.cart-disabled {
  cursor: default;
  border: 3px solid #ebebeb;
  color: #ebebeb;
  background: transparent;
}
.btn--merch.cart.cart-disabled:after {
  content: 'OUT OF STOCK';
  position: absolute;
  font-size: 8px;
  top: 12px;
  left: 0;
  color: #4c4b47;
  font-weight: 700;
  text-align: center;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
  transition: opacity 0.8s, transform 0.8s;
  -webkit-transform: scale(0);
  transform: scale(0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.btn--merch.cart.cart-disabled:before {
  line-height: 44px;
}
.btn--merch.cart.cart-disabled:hover {
  background: transparent;
}
.btn--merch.cart.cart-disabled:hover:before {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
.btn--merch.cart.cart-disabled:hover:after {
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.merch:hover .btn--merch.cart.cart-disabled:after,
.merch--active.tile .btn--merch.cart.cart-disabled:after {
  transform: scale(1);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.cart-btn.cart-disabled:hover:before {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

input[type="submit"].cart:disabled {
  background: #ebebeb;
}

.cart-btn.disabled:after {
  content: 'Out of Stock';
  position: absolute;
  top: 17px;
  right: -120px;
  font-weight: 500;
  font-family: "Museo Slab", Georgia, serif;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #efd345;
}

.nostock {
  margin: 0;
  color: #efd345;
}

@media only screen and (max-width: 767px) {
  .btn--merch.cart.cart-disabled:after {
    transform: scale(1);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  .cart-btn.disabled:after {
    right: -110px;
  }
}
/* PRODUCT EXPANDER
================================================= */
.tile__expand {
  display: none;
}

#product-expander {
  width: 100%;
  height: auto;
  display: none;
  float: left;
  padding: 0;
  margin: 20px 0 30px;
  text-align: left;
  background: #f3f3f3;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  position: relative;
}
#product-expander:before {
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  top: 0;
  left: -100%;
  z-index: 0;
  background: #f3f3f3;
}
#product-expander:after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  top: 0;
  right: -100%;
  z-index: 0;
  background: #f3f3f3;
}
#product-expander .container {
  width: 100%;
  height: auto;
  display: table;
  position: relative;
}
#product-expander h3 {
  margin: 0;
}
#product-expander #merch-close {
  position: absolute;
  right: 10px;
  top: 30px;
  cursor: pointer;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
}
#product-expander #merch-close:before {
  content: '\f00d';
  font-family: "fontawesome";
  -webkit-font-smoothing: subpixel-antialiased;
  font-size: 30px;
  color: #01a7df;
}
#product-expander #merch-close:hover:before {
  color: #0189b6;
}
#product-expander .product-desc {
  width: calc(100% - 315px);
  display: table-cell;
  vertical-align: middle;
  padding: 30px 0 30px 10px;
  float: right;
}
#product-expander p.price {
  font-size: 40px;
  color: #01a7df;
  position: relative;
}
#product-expander p.price span.sh {
  font-size: 14px;
  color: #c4c4c4;
  position: absolute;
  top: 15px;
  margin-left: 10px;
}
#product-expander p.price .strikethrough {
  color: #c4c4c4;
}
#product-expander p.details--small {
  font-size: 13px;
  margin: 0 0 .25rem;
}

body.is_mobile #product-expander:before, body.is_mobile #product-expander:after {
  display: none;
}

body.is_mobile.is_tablet #product-expander:before, body.is_mobile.is_tablet #product-expander:after {
  display: block;
}

.store__footer {
  text-align: center;
}
.store__footer a {
  text-decoration: underline;
}

/* MORE PHOTOS SLIDER
================================================= */
.product-photos {
  position: absolute;
  height: 100%;
}
.product-photos .flex-viewport {
  width: 315px;
  height: 100%;
}
.product-photos ul.slides {
  width: 315px;
  height: 100%;
}
.product-photos li.slide {
  background-repeat: no-repeat;
  background-position: 50% 100%;
  height: inherit;
  background-color: #ffffff;
/*  background-blend-mode: multiply;*/
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 90%;
  position:relative;
}
.product-photos li.slide:after {
	content:' ';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.05);
	z-index:1;
}
.product-photos.tile--alt li.slide {
  background-position: 50% 50%;
  -moz-background-size: 90% auto;
  -o-background-size: 90% auto;
  -webkit-background-size: 90% auto;
  background-size: 90% auto;
}
.product-photos .flex-control-nav {
  display: none;
}
.product-photos .flex-direction-nav a {
  width: 50px;
  height: 50px;
  background: rgba(37, 39, 41, 0.7);
  top: 100%;
  margin-top: -50px;
  background-color: transparent;
  background-color: rgba(37, 39, 41, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80252729,endColorstr=#80252729);
  zoom: 1;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}
.product-photos .flex-direction-nav a:before {
  font-size: 30px;
  width: 50px;
  text-align: center;
  line-height: 50px;
}
.product-photos .flex-direction-nav a:hover {
  background-color: transparent;
  background-color: rgba(37, 39, 41, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC252729,endColorstr=#CC252729);
  zoom: 1;
}
.product-photos .flex-direction-nav a.flex-prev {
  left: auto;
  right: 51px;
  margin-right: 1px;
}
.product-photos .flex-direction-nav a.flex-next {
  right: 0;
}

.product-row {
  position: relative;
  height: 300px;
  width: 100%;
  clear: both;
  margin-top:10px;
}

body.is_tablet .product-photos li.slide {
  background-position: 50% 100%;
  -moz-background-size: auto;
  -o-background-size: auto;
  -webkit-background-size: auto;
  background-size: auto;
}
body.is_tablet #product-expander .product-desc {
  width: calc(100% - 315px);
}

/* MOBILE STYLES
================================================= */
@media only screen and (max-width:979px)
{
	#product-tiles .tile
	{
		height:235px;
	}
	.product-row
	{
		height:245px;
	}
}
@media only screen and (max-width: 767px) {
  #hero.hero--merch {
    height: 320px;
  }

  #product-filter .product-type {
    width: 100%;
    height: 50px;
    border-right: none;
  }
  #product-filter .product-type h3 {
    line-height: 50px;
  }
  #product-filter .product-type:first-of-type,
  #product-filter .product-type:nth-of-type(2),
  #product-filter .product-type:nth-of-type(3) {
    margin-bottom: 5px;
  }

  body.is_mobile .product-row {
    height: 200px;
    margin-bottom: 10px;
  }

  #product-tiles .tile {
    width: 100%;
    height: 200px;
    margin: 0 0 10px;
	border-left:none;
	border-right:none;
    background-size: auto 100%;
    background-position: 20% 0%;
  }
  #product-tiles .tile.tile--alt {
    background-size: 50% auto;
    background-position: 10% 50%;
  }
  #product-tiles .tile:nth-of-type(2n+2) {
    margin-right: 0;
  }
  #product-tiles .tile p.sale span {
    display: inline-block;
  }
  #product-tiles .tile p.sale .label {
    display: none;
  }

  .tile__hover {
    border: none;
    background-color: transparent;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .tile__hover p {
    font-size: 30px;
    text-align: right;
    margin: 15px 15px 0 0;
  }
  .tile__hover .inner {
    vertical-align: bottom;
    padding-bottom: 10px;
  }
  .tile__hover .btn--merch.view {
    display: block;
    position: absolute;
    right: 15px;
    top: 85px;
    border: 3px solid #efd345;
    background: transparent;
    color: #efd345;
  }
  .tile__hover .btn--merch.view:before {
    line-height: 44px;
  }

  #product-expander {
    height: auto;
    padding: 20px 0;
  }
  #product-expander #merch-close {
    right: 10px;
    top: -5px;
  }
  #product-expander .photo--expanded {
    display: none;
  }
  #product-expander ul.slides {
    margin: 0 auto;
  }
  #product-expander .product-desc {
    width: 100%;
    padding: 0 10px;
  }
  #product-expander p.price {
    font-size: 24px;
  }
  #product-expander p.price span.sh {
    font-size: 12px;
    top: 10px;
  }

  form.form--order {
    margin: 0;
  }
  form.form--order .item-options label {
    font-size: 14px;
  }
  form.form--order .cart-btn {
    clear: left;
    margin: 10px 0;
  }

  .item-options + .cart-btn {
    margin-left: 0;
  }

  .product-photos {
    position: relative;
    height: 200px;
    margin-bottom: 20px;
  }
  .product-photos ul.slides {
    width: 300px;
  }
  .product-photos.tile--alt li.slide {
    background-size: 60% auto;
  }
}
html.ie {
  /* HOME
  ================================================= */
}
html.ie #header.nav-toggle--open .header-right {
  margin-right: 385px;
}
html.ie #header.cart-toggle--open .header-right {
  margin-right: 290px;
}
html.ie #hero-ie-overlay {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: rgba(1, 167, 223, 0.5);
  top: 0;
  left: 0;
}
html.ie .parallax-bg {
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
html.ie .tiles--mosaic .tiles--slideup:hover .tiles__details {
  background: rgba(1, 167, 223, 0.4);
}
html.ie .tiles--mosaic .tiles--slideright:hover .tiles__slidebg {
  width: 240px;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: rgba(1, 167, 223, 0.4);
}


/*================================================================*/


.menuDropDownContainer
{
	top:0px;
	right:0px;
	text-align:right;
	background:#ffffff;
	position:relative;
	z-index:1000;
}
.menuDropDownSelector
{
	font-size:15px;
	font-family: sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	line-height:18px;
	display:inline-block;
	text-align:right;
	padding:5px 2px 5px 20px;
	position:relative;
	color:#000000;
}
.menuDropDownSelector:before
{
	content:url(http://mfa.cachefly.net/mfa/images/dropdownarrow.png);
	margin-right:5px;
}
.menuDropDownSelector img
{
	box-shadow:1px 1px 2px rgba(0,0,0,0.35);
}
.menuDropDownMenu
{
	background:#ffffff;
	border:1px solid #808080;
	position:absolute;
	right:0;
	top:25px;
	display:none;
	color:#000000;
}
.menuDropDownSelector:hover .menuDropDownMenu
{
	display:block;
}
.menuDropDownItem
{
	white-space:nowrap;
	padding:3px 10px;
}
.menuDropDownItem:hover
{
	background:#eeeeee;
}
.menuDropDownItem a
{
	text-decoration:none;
	color:inherit;
}
.videoFrame
{
	width:900px;
	height:506px;
	display:block;
	margin:0 auto;
	background:#000000;
}
.closeVideo {
	color: #ffffff;
	font-size: 20px;
	height: auto;
	line-height: 20px;
	margin: 0 auto;
	margin-bottom: 5px;
	max-width: 900px;
	text-align: right;
}
.closeVideo span {
	cursor: pointer;
}
.closeVideoIcon {
	background-color: #ffffff;
	border-radius: 50%;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	line-height: 22px;
	margin-left: 7px;
	text-align: center;
	vertical-align: bottom;
	width: 20px;
	z-index: 10;
}
@media all and (max-width: 979px) {
	.videoFrame {
		width:700px;
		height:394px;
	}
    .closeVideo {
		max-width: 700px;
	}
    .closeVideoIcon {
        font-size: 12px;
        height: 18px;
        line-height: 20px;
        width: 18px;
    }
}
@media all and (max-width: 767px) {
	.videoFrame {
		width:500px;
		height:281px;
	}
    .closeVideo {
		max-width: 500px;
	}
    .closeVideoIcon {
        font-size: 10px;
        height: 16px;
        line-height: 18px;
        width: 16px;
    }
}
@media all and (max-width: 550px) {
	.videoFrame {
		width:350px;
		height:197px;
	}
    .closeVideo {
		max-width: 350px;
	}
    .closeVideoIcon {
        font-size: 8px;
        height: 14px;
        line-height: 14px;
        width: 14px;
    }
}
@media all and (max-width: 400px) { /* down to 320px, aka 'phone' */
	.videoFrame {
		width:250px;
		height:142px;
	}
    .closeVideo {
		max-width: 250px;
	}
}
.facebookShareLink
{
	text-align:center;
}
.facebookShareLink a
{
	font-size:1.3em;
	font-weight:bold;
}

.clear
{
	clear:both;
}

/* form fields */
.field
{
	display:block;
	position:relative;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:left;
	margin:10px 0;
	padding:0 8px;
}
.field.half
{
	position:relative;
	width:50%;
}
.field.quarter
{
	position:relative;
	width:25%;
}
.field input[type=text],
.field input[type=email],
.field input[type=number],
.field input[type=password]
{
	width:100%;
	padding:0 0 10px 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.field input[type=file]
{
	width:100%;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.field select
{
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-top:none;
	border-left:none;
	border-right:none;
	background:none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow:'';
}
.field textarea
{
	width:100%;
	height:5em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px 10px 0 10px;
}
.field-with-icon i
{
	color:#e3e3e2;
	font-size:21px;
	position:absolute;
	left:10px;
	top:0;
}
.field-with-icon input[type=text],
.field-with-icon input[type=email],
.field-with-icon input[type=number],
.field-with-icon input[type=password],
.field-with-icon input[type=file]
{
	width:100%;
	padding:0 0 10px 30px;
}
@media only screen and (max-width: 767px) {
	.field.half
	{
		width:100%;
	}
	.field.quarter
	{
		width:50%;
	}
}
.bg-gray input,.bg-gray select,.bg-gray textarea
{
	border-color:#bbbbbb;
}
.bg-gray .field-with-icon i
{
	color:#bbbbbb;
}
.bg-gray fieldset.fieldset--withicon label .fa,
.bg-gray .fieldset.fieldset--withicon label .fa,
.bg-gray input + label .fa
{
  color:#bbbbbb;
}
.bg-blue input,.bg-blue select,.bg-blue textarea
{
	border-color:#B3E4F6;
}
.bg-blue .field-with-icon i
{
	color:#B3E4F6;
}
.bg-blue input + label .fa
{
  color:#B3E4F6;
}
.bg-blue input:focus,.bg-blue select:focus,.bg-blue textarea:focus
{
	border-color:#EFD345;
}
.bg-blue .field-with-icon i:focus
{
	color:#EFD345;
}
.bg-blue input:focus + label .fa
{
  color: #EFD345;
}
.bg-blue input.visited + label .fa {
  color: #B3E4F6;
}
input.error,select.error,textarea.error
{
	border-color:#EFD345;
}
.field-with-icon .error i
{
	color:#EFD345;
}
input.error + label .fa
{
  color:#EFD345;
}
.submissionForm
{
	position:relative;
}
.submissionForm h5
{
	margin-top:30px;
}
.submissionThankYouBg
{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#ffffff;
	opacity:0.75;
}
.bg-gray .submissionThankYouBg
{
	background-color: #f3f3f3;
}
.submissionThankYouText
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding-bottom:1em;
}

.hidden
{
	display: none !important;
}
.invisible
{
	opacity:0 !important;
}
#lightboxContainer
{
	background:rgba(0,0,0,0.5);
	opacity:1;
	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
#lightboxContent {
	display: block;
	overflow:auto;
	padding: 90px 0px;
	margin: 0 auto !important;
	text-align: center;
}

#lightboxContent img {
	display: inline-block !important;
}

@media all and (max-width: 450px) {
	#lightboxContent img {
		height: auto;
		width: 100%;
	}
}

@media all and (max-width: 1150px) { #lightboxContent { max-width:1050px; } }
@media all and (max-width: 1100px) { #lightboxContent { max-width:1000px; } }
@media all and (max-width: 1050px) { #lightboxContent { max-width:950px; } }
@media all and (max-width: 1000px) { #lightboxContent { max-width:900px; } }
@media all and (max-width: 950px) { #lightboxContent { max-width:850px; } }
@media all and (max-width: 900px) { #lightboxContent { max-width:800px; } }
@media all and (max-width: 850px) { #lightboxContent { max-width:750px; } }
@media all and (max-width: 800px) { #lightboxContent { max-width:700px; } }
@media all and (max-width: 750px) { #lightboxContent { max-width:650px; } }
@media all and (max-width: 700px) { #lightboxContent { max-width:600px; } }
@media all and (max-width: 650px) { #lightboxContent { max-width:550px; } }
@media all and (max-width: 600px) { #lightboxContent { max-width:500px; } }
@media all and (max-width: 550px) { #lightboxContent { max-width:450px; } }
@media all and (max-width: 500px) { #lightboxContent { max-width:400px; } }
@media all and (max-width: 450px) { #lightboxContent { max-width:350px; } }
@media all and (max-width: 400px) { #lightboxContent { max-width:300px; } }
@media all and (max-width: 350px) { #lightboxContent { max-width:250px; } }
@media all and (max-height: 1150px) { #lightboxContent { max-height:1050px; } }
@media all and (max-height: 1100px) { #lightboxContent { max-height:1000px; } }
@media all and (max-height: 1050px) { #lightboxContent { max-height:950px; } }
@media all and (max-height: 1000px) { #lightboxContent { max-height:900px; } }
@media all and (max-height: 950px) { #lightboxContent { max-height:850px; } }
@media all and (max-height: 900px) { #lightboxContent { max-height:800px; } }
@media all and (max-height: 850px) { #lightboxContent { max-height:750px; } }
@media all and (max-height: 800px) { #lightboxContent { max-height:700px; } }
@media all and (max-height: 750px) { #lightboxContent { max-height:650px; } }
@media all and (max-height: 700px) { #lightboxContent { max-height:600px; } }
@media all and (max-height: 650px) { #lightboxContent { max-height:550px; } }
@media all and (max-height: 600px) { #lightboxContent { max-height:500px; } }
@media all and (max-height: 550px) { #lightboxContent { max-height:450px; } }
@media all and (max-height: 500px) { #lightboxContent { max-height:400px; } }
@media all and (max-height: 450px) { #lightboxContent { max-height:350px; } }
@media all and (max-height: 400px) { #lightboxContent { max-height:300px; } }
@media all and (max-height: 350px) { #lightboxContent { max-height:250px; } }

.yellow-success
{
	padding-top:40px;
	height:382px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:50% 25%;
	display:inline-block;
	vertical-align:top;
	border-top:8px solid white;
	border-bottom:8px solid white;
	border-left:4px solid white;
	border-right:4px solid white;
}
.yellow-success-circle
{
	width:100px;
	height:100px;
	border-radius:50%;
	background:#ffffff;
	background-size:70%;
	background-position:center;
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;
}
.yellow-success-circle:before
{
	content:' ';
	border:5px solid rgba(243, 243, 243, 0.5);
	border-radius:50%;
	width:100px;
	height:100px;
	display:block;
	box-sizing:content-box;
	position:absolute;
	top:-5px;
	left:-5px;
}
.yellow-success p
{
	padding-top:20px !important;
	line-height:1.3em !important;
}
@media only screen and (max-width: 767px) {
	.yellow-success
	{
		height:300px;
	}
	.yellow-success p
	{
		padding:20px 30px 0 30px !important;
	}
}
.featured-post-container
{
	background-size:cover;
	background-position:center;
	height:525px;
	position:relative;
	cursor:pointer;
}
.featured-post-container .featured-post-heading
{
	height:100%;
	width:540px;
	background:rgba(1,167,213,0.6);
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	padding:80px 50px 0 50px;
}
.featured-post-container:hover .featured-post-heading
{
	background:rgba(1,167,213,0.8);
}
.featured-post-container .featured-post-heading h3
{
	color:#ffffff;
	font-size:48px;
	line-height:1.1em;
	padding:0;
	padding-bottom:0.7em;
}
.featured-post-container .featured-post-heading-small h3
{
	font-size:42px;
}
.featured-post-container .featured-post-heading p
{
	color:#ffffff;
	font-size:20px;
	line-height:1.3em;
}
@media all and (max-width: 1079px)
{
	.featured-post-container
	{
		height:420px;
	}
	.featured-post-container .featured-post-heading
	{
		width:400px;
		padding:50px 40px 0 40px;
	}
	.featured-post-container .featured-post-heading h3
	{
		font-size:36px;
	}
	.featured-post-container .featured-post-heading-small h3
	{
		font-size:31px;
	}
	.featured-post-container .featured-post-heading p
	{
		font-size:18px;
	}
}
@media all and (max-width: 767px)
{
	.featured-post-container
	{
		height:340px;
	}
	.featured-post-container .featured-post-heading
	{
		width:260px;
/*		width:100%;
		height:auto;
		top:auto;
		left:0;*/
		padding:30px 20px 0 20px;
		background:rgba(1,167,213,0.8);
	}
	.featured-post-container .featured-post-heading h3
	{
		font-size:24px;
		padding-bottom:0;
	}
	.featured-post-container .featured-post-heading-small h3
	{
		font-size:21px;
	}
	.featured-post-container .featured-post-heading p
	{
		font-size:16px;
		margin-bottom:0;
	}
}
@media all and (max-width: 479px)	/* down to 320px, aka 'phone' */
{
	.featured-post-container
	{
		height:380px;
	}
	.featured-post-container .featured-post-heading
	{
		width:280px;
		height:auto;
		top:auto;
		text-align:right;
		padding:10px 15px 10px 15px;
		background:rgba(1,167,213,0.8);
	}
	.featured-post-container .featured-post-heading h3
	{
		font-size:24px;
		padding-bottom:0;
	}
	.featured-post-container .featured-post-heading p
	{
		font-size:16px;
		margin-bottom:0;
	}
	.featured-post-container .featured-post-heading p span
	{
		display:none;
	}
}
.blog-post-container
{
	background-size:cover;
	background-position:center;
	height:525px;
	position:relative;
}
.blog-post-container .blog-post-heading
{
	width:860px;
	background:rgba(1,167,213,0.8);
	position:absolute;
	bottom:0px;
	left:0px;
	padding:25px 40px;
}
.blog-post-container .blog-post-heading h3
{
	color:#ffffff;
	font-size:52px;
	line-height:1.1em;
	padding:0;
	padding-bottom:0.3em;
}
.blog-post-container .blog-post-heading p
{
	color:rgba(255,255,255,0.75);
	font-size:20px;
	line-height:1.3em;
	margin:0;
}
.blog-post-container .blog-post-heading b
{
	color:#ffffff;
}
.blog-byline
{
	font-size:0.9em;
	color:rgb(161,161,161);
	margin-bottom:30px;
}
@media all and (max-width: 1079px)
{
	.blog-post-container
	{
		height:420px;
	}
	.blog-post-container .blog-post-heading
	{
		width:600px;
		padding:20px 30px;
	}
	.blog-post-container .blog-post-heading h3
	{
		font-size:36px;
		padding-bottom:0.2em;
	}
	.blog-post-container .blog-post-heading p
	{
		font-size:16px;
	}
}
@media all and (max-width: 767px)
{
	.blog-post-container
	{
		height:340px;
	}
	.blog-post-container .blog-post-heading
	{
		width:450px;
		padding:13px 20px;
	}
	.blog-post-container .blog-post-heading h3
	{
		font-size:28px;
		padding-bottom:0.1em;
	}
	.blog-post-container .blog-post-heading p
	{
		font-size:14px;
	}
}
@media all and (max-width: 479px)	/* down to 320px, aka 'phone' */
{
	.blog-post-container
	{
		height:380px;
	}
	.blog-post-container .blog-post-heading
	{
		width:auto;
		right:0;
	}
	.blog-post-container .blog-post-heading h3
	{
		font-size:24px;
		padding-bottom:0;
	}
	.blog-post-container .blog-post-heading p
	{
		font-size:14px;
	}
}
.blog-entry ul
{
	font-size:inherit;
	line-height:inherit;
}
.blog-entry ul li
{
	font-size:inherit;
	line-height:inherit;
	margin-bottom:0.5em;
}
.shareButtons
{
	clear:both;
	color:#ffffff;
	font-size:20px;
	font-weight:normal;
	text-align:center;
}
.shareButtons a
{
	display:inline-block;
	width:285px;
	padding-top:8px;
	padding-bottom:8px;
	vertical-align:middle;
	text-align:center;
}
.shareButtons b
{
	text-transform:uppercase;
	font-weight:900;
}
.shareButtons i
{
	margin-right:20px;
}
.shareButtons iframe
{
	display:inline-block;
	vertical-align:middle;
	width:396px;
	height:57px;
	border:none;
	overflow:hidden;
	background:url(http://lists.mercyforanimals.org/cdn/mfa/images/uploads/2015/04/mfa-faces.jpg) 0px 25px no-repeat;
}
.facebookShareButton
{
	background:#4D77BD;
}
.twitterShareButton
{
	background:#1FAAD7;
}
.shareButtonNumber
{
	background:#ffffff;
	display:inline-block;
	font-size:11px;
	color:#333333;
	padding:1px 3px;
	vertical-align:top;
	margin-left:-15px;
	margin-top:-4px;
	margin-right:3px;
	position:relative;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}
.shareButtonNumber:before
{
	content:' ';
	width:0;
	height:0;
	position:absolute;
	left:-6px;
	bottom:0px;
	border-top:3px solid transparent;
	border-left:3px solid transparent;
	border-bottom:3px solid #ffffff;
	border-right:3px solid #ffffff;
}
.shareButtonSpacer
{
	display:inline-block;
	width:20px;
	vertical-align:middle;
	font-size:1px;
	line-height:100px;
}
@media all and (max-width: 1079px)
{
	.shareButtons
	{
		padding-top:30px;
	}
	.shareButtonSpacer
	{
		line-height:20px;
	}
	.shareButtons iframe
	{
		display:block;
		margin:20px auto 30px auto;
	}
}
@media all and (max-width: 767px)
{
	.shareButtonSpacer
	{
		display:block;
	}
	.shareButtons iframe
	{
		margin-top:0px;
	}
}
@media all and (max-width: 479px)	/* down to 320px, aka 'phone' */
{
	.shareButtons iframe
	{
		width:264px;
		height:65px;
		background:transparent;
	}
}
.blog-content
{
	width:580px;
	float:left;
	padding-right:27px;
	border-right:3px solid #F3F3F3;
	box-sizing:content-box;
	vertical-align:top;
	margin-top:-20px;
	padding-top:20px;
}
.blog-content .shareButtons
{
	margin-top:20px;
}
.blog-content .shareButtonSpacer
{
	width:10px;
	line-height:80px;
}
.blog-sidebar
{
	vertical-align:top;
	float:right;
	width:300px;
	text-align:center;
}
.searchBar
{
}
.searchBar input[type=submit]
{
	display:none;
}
@media all and (max-width: 1079px)
{
	.blog-content
	{
		float:none;
		border-right:0;
		padding-right:0;
		margin-left:auto;
		margin-right:auto;
	}
	.blog-sidebar
	{
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-top:40px;
	}
}
@media all and (max-width: 767px)
{
	.blog-content
	{
		width:440px;
	}
	.blog-content .shareButtonSpacer
	{
		width:10px;
		line-height:20px;
		display:block;
	}
	.blog-sidebar
	{
		margin-top:60px;
	}
}
@media all and (max-width: 479px)
{
	.blog-content
	{
		width:300px;
	}
}
.signup-bar
{
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
}
.signup-bar h6
{
	display:inline-block;
	margin:0 20px 0 0;
	padding:0;
	vertical-align:middle;
	line-height:1em;
}
.signup-bar form
{
	display:inline-block;
	width:auto;
	vertical-align:middle;
	margin:0 40px 0 0;
}
.signup-bar .follow-buttons
{
	display:inline-block;
	vertical-align:middle;
}
.signup-bar input[type=submit]
{
	margin:0;
	display:inline-block;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:10px;
}
.signup-bar .fieldset,.signup-bar .fieldset.email,.signup-bar .fieldset.zipcode
{
	margin:10px 20px 0 0;
	display:inline-block;
	vertical-align:top;
}
.signup-bar .fieldset.email
{
	width:300px;
}
.signup-bar .fieldset.zipcode
{
	width:110px;
}
.signup-bar .menu--social
{
	margin:0;
}
@media all and (max-width: 1279px)
{
	.signup-bar form
	{
		margin-right:0;
	}
	.signup-bar .follow-buttons
	{
		display:block;
		margin-top:40px;
	}
}
@media all and (max-width: 767px)
{
	.signup-bar form
	{
		display:block;
		margin-top:15px;
		text-align:center;
		width:430px;
		margin-left:auto;
		margin-right:auto;
	}
	.signup-bar .fieldset.zipcode
	{
		margin-right:0;
		margin-bottom:20px;
	}
	.signup-bar input[type=submit]
	{
		display:block;
		float:none;
		clear:both;
		margin-left:auto;
		margin-right:auto;
	}
}
@media all and (max-width: 479px)
{
	.signup-bar h6
	{
		margin-right:0;
	}
	.signup-bar form
	{
		width:100%;
		padding-left:20px;
		padding-right:20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.signup-bar .fieldset.email,.signup-bar .fieldset.zipcode
	{
		float:none;
		margin-right:0;
		width:100%;
	}
	.signup-bar .menu--social
	{
		display:block;
		margin-top:20px;
	}
}
.imageAlignLeft
{
	display:block;
	margin-left:0;
	margin-right:auto;
}
.imageAlignCenter
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.imageAlignRight
{
	display:block;
	margin-left:auto;
	margin-right:0;
}
.blog-content .videoFrame
{
	width:580px;
	height:325px;
	display:block;
	margin:0 auto;
}
@media all and (max-width: 767px)
{
	.blog-content .videoFrame
	{
		width:440px;
		height:245px;
	}
}
@media all and (max-width: 479px)	/* down to 320px, aka 'phone' */
{
	.blog-content .videoFrame
	{
		width:300px;
		height:165px;
	}
}
section.posts .post
{
	width:100%;
}
.recent-blog-image
{
	float:left;
	padding-right:40px;
}
.recent-blog-text
{
	text-align:left;
	padding-top:20px;
	width:100%;
}
@media all and (max-width: 479px)	/* down to 320px, aka 'phone' */
{
	.recent-blog-image
	{
		float:none;
		padding-right:0;
		padding-left:0;
	}
	.recent-blog-text
	{
		padding-top:10px;
	}
	.recent-blog-text h3
	{
		text-align:center;
		margin-bottom:20px !important;
	}
}

#next-page-loader
{
	clear:both;
	height:66px;
	background:url(http://mfa.cachefly.net/mfa/images/loading.gif) center center no-repeat;
	padding:50px 0;
	box-sizing:content-box;
}

.magazine
{
	padding:40px 0;
	text-align:center;
}
.magazine img
{
	display:inline-block;
	vertical-align:top;
	width:260px;
	margin-top:10px;
	box-shadow:1px 3px 6px rgba(0,0,0,0.4);
	margin-right:40px;
}
.magazine .magazine-info
{
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:600px;
	padding-right:10px;
}
.magazine a:after
{
	opacity:0 !important;
}
.magazine .magazine-info a
{
	font-size:2.2em;
	line-height:1.4em;
}
/*.magazine.even img
{
	margin-right:0;
	margin-left:40px;
}
.magazine.even .magazine-info
{
	text-align:right;
}*/
.magazine .magazine-info ul
{
	text-align:left;
}
.magazine .magazine-info ul,
.magazine .magazine-info li
{
	font-size:inherit;
	line-height:inherit;
}
.magazine .magazine-info li
{
	margin-bottom:0.5em;
}
@media all and (max-width: 929px)
{
	.magazine img
	{
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
	}
	.magazine .magazine-info
	{
		text-align: center;
		display:block;
		margin-left:auto;
		margin-right:auto;
		width:auto;
		max-width:600px;
	}
}
@media all and (max-width: 479px)
{
}

.height-auto
{
	height:auto !important;
}
.width-auto
{
	width:auto !important;
}

.alertBox
{
    background:#ffffff;
	box-shadow:10px 15px 10px rgba(0,0,0,0.25);
    margin: 0 auto;
    max-width: 400px;
    padding:30px 40px;
}
.alertBox p
{
	font-size:1.1em;
	margin-bottom:20px;
}
.alertBox span
{
	margin-left:10px;
	margin-right:10px;
	min-width:140px;
	padding-top:10px;
	padding-bottom:10px;
}