/* --------------------------------
    Original Author: Andrew Ross
    Target Browsers: All Modern & IE9 +
    Media Type: Screen, Projection
   --------------------------------- */
/* ---------------------------------------------------------------------
 CSS Reset (Thanks Eric Meyer)
 ------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Always show a vertical scrollbar, even when there is no scrolling */
html {
  overflow-y: scroll;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* ---------------------------------------------------------------------
 HTML5 Block / Inline Block declarations
------------------------------------------------------------------------ */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

/* ---------------------------------------------------------------------
 Form Reset Styles
------------------------------------------------------------------------ */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

input[type=search] {
  -webkit-appearance: none;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Removes the clear "x" that is put in by IE10 browser */
input::-ms-clear {
  width: 0;
  height: 0;
}

/* ---------------------------------------------------------------------
 Base Global Styles
------------------------------------------------------------------------ */
html,
body {
  height: 100%;
  font-size: 62.5%;
}

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

body,
input,
button,
select,
textarea {
  font-family: "Noto Sans", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

a {
  color: dodgerblue;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
          transition: color 0.3s ease;
}

a:hover {
  color: #ffffff;
  cursor: pointer;
}

p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2857;
}

audio {
  width: 100%;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
}

picture > * {
  width: 100%;
  height: auto;
}

::-moz-selection {
  color: #ffffff;
  background: dodgerblue;
}

::selection {
  color: #ffffff;
  background: dodgerblue;
}

::-moz-selection {
  color: #ffffff;
  background: dodgerblue;
}

/* ---------------------------------------------------------------------
 Global Header Styles
------------------------------------------------------------------------ */
.globalHeader {
  z-index: 10;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.globalHeader .wrapper {
  display: table;
  height: 96px;
}

.logo {
  width: 220px;
  display: table-cell;
  vertical-align: middle;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}
.logo a {
  display: block;
  width: 220px;
  font-size: 48px;
}
.logo .logo-text {
  display: block;
  text-indent: -9999px;
  height: 0;
}

.openMenu {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  right: 0;
  text-align: right;
}

.openMenu.isOpen {
  z-index: 11;
}

.menu-mask {
  display: none;
}

.utilityNav-list > * {
  display: inline-block;
}
.utilityNav-list > * a {
  padding: 6px 12px;
}

@media (max-width: 599px) {
  .logo a {
    margin: 0 auto;
  }
}
@media (max-width: 799px) {
  .globalHeader-panel {
    position: fixed;
    height: 100%;
    width: 260px;
    padding: 0 12px 0 24px;
    left: 0;
    margin-left: -260px;
    background: dodgerblue;
    z-index: 10;
    bottom: 0;
    top: 0;
    overflow-y: scroll;
    -webkit-transition: margin-left 0.4s ease-in-out;
            transition: margin-left 0.4s ease-in-out;
  }

  .globalNav {
    width: 100%;
    margin: 24px auto 48px;
    display: block;
  }

  .globalNav-list > * {
    display: block;
  }
  .globalNav-list > * a {
    display: block;
    color: #ffffff;
    padding: 12px 0;
  }

  .utilityNav-list > * a {
    color: #ddd;
    padding: 12px 12px 12px 0;
  }

  .mobileMenuIsOpen .globalHeader-panel {
    margin-left: 0;
  }

  .mobileMenuIsOpen {
    overflow: hidden;
  }
  .mobileMenuIsOpen .menu-mask {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9;
  }
}
@media (min-width: 800px) {
  .openMenu {
    display: none;
  }

  .globalHeader-panel {
    display: table-cell;
    vertical-align: middle;
    position: relative;
  }

  .globalNav-list {
    float: right;
  }
  .globalNav-list:after {
    content: "";
    display: table;
    clear: both;
  }

  .globalNav-list > * {
    display: inline-block;
  }
  .globalNav-list > * a {
    display: block;
    color: #282828;
    padding: 12px 24px;
  }

  .utilityNav {
    position: absolute;
    right: 0;
    top: 0;
  }
}
/* ---------------------------------------------------------------------
 Global Page Wrap Styles
------------------------------------------------------------------------ */
.wrapperFull {
  max-width: 100%;
}

.wrapper {
  width: 94%;
  margin: 0 auto;
  max-width: 980px;
  overflow: hidden;
}

.wrapperFull_gradient {
  background: #1e4679;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(30, 70, 121, 0.9)), color-stop(62%, rgba(30, 70, 121, 0.97)), color-stop(90%, #a12b81), color-stop(100%, #d02284));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, rgba(30, 70, 121, 0.9) 0%, rgba(30, 70, 121, 0.97) 62%, #a12b81 90%, #d02284 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-linear-gradient(315deg, rgba(30, 70, 121, 0.9) 0%, rgba(30, 70, 121, 0.97) 62%, #a12b81 90%, #d02284 100%);
  background: linear-gradient(135deg, rgba(30, 70, 121, 0.9) 0%, rgba(30, 70, 121, 0.97) 62%, #a12b81 90%, #d02284 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61e4679', endColorstr='#d02284',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  color: #ffffff;
}

.wrapperFull_lightGradient {
  background: #cdcccc;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdcccc), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cdcccc 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #cdcccc 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcccc', endColorstr='#ffffff',GradientType=0 );
  /* IE6-8 */
}

@media (max-width: 799px) {
  .wrapper_fullMobile {
    width: 100%;
  }
}
/* ---------------------------------------------------------------------
 Content Section Layout Styles
------------------------------------------------------------------------ */
.section {
  display: block;
  padding: 48px 0;
}

.section_short {
  padding: 24px 0;
}

.section_tall {
  padding: 72px 0;
}

.section_flushBottom {
  padding-bottom: 0;
}

.section_flushTop {
  padding-top: 0;
}

/* ---------------------------------------------------------------------
 Global Footer Styles
------------------------------------------------------------------------ */
.globalFooter {
  overflow: hidden;
  background-color: #CDCCCC;
  padding: 12px;
  color: #6d6e70;
}

/* ---------------------------------------------------------------------
 Grid Styles
------------------------------------------------------------------------ */
.grid {
  overflow: hidden;
}

.grid:before,
.grid:after {
  content: " ";
  display: table;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.grid:after {
  clear: both;
}

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

.grid {
  display: block;
}

.grid-col {
  width: 100%;
}

@media (max-width: 599px) {
  .grid_stackMobile .grid-col + .grid-col {
    margin-top: 48px;
  }
}
@media (min-width: 600px) {
  /*****************************
      CUTTER GRID Styles
  *****************************/
  .grid-col {
    float: left;
  }

  .grid-col + .grid-col {
    margin-left: 2%;
  }

  .grid-col_1 {
    width: 6.5%;
  }

  .grid-col_2 {
    width: 15%;
  }

  .grid-col_3 {
    width: 23.5%;
  }

  .grid-col_4 {
    width: 32%;
  }

  .grid-col_5 {
    width: 40.5%;
  }

  .grid-col_6 {
    width: 49%;
  }

  .grid-col_7 {
    width: 57.49999%;
  }

  .grid-col_8 {
    width: 66%;
  }

  .grid-col_9 {
    width: 74.5%;
  }

  .grid-col_10 {
    width: 83%;
  }

  .grid-col_11 {
    width: 91.5%;
  }

  .grid-col_12 {
    width: 100%;
  }

  .grid-col.grid-col_push1 {
    margin-left: 10.5%;
  }

  .grid-col.grid-col_push1:first-child {
    margin-left: 8.5%;
  }

  .grid-col.grid-col_push2 {
    margin-left: 19%;
  }

  .grid-col.grid-col_push2:first-child {
    margin-left: 17%;
  }

  .grid-col.grid-col_push3 {
    margin-left: 27.5%;
  }

  .grid-col.grid-col_push3:first-child {
    margin-left: 25.5%;
  }

  .grid-col.grid-col_push4 {
    margin-left: 36%;
  }

  .grid-col.grid-col_push4:first-child {
    margin-left: 34%;
  }

  .grid-col.grid-col_push5 {
    margin-left: 44.5%;
  }

  .grid-col.grid-col_push5:first-child {
    margin-left: 42.5%;
  }

  .grid-col.grid-col_push6 {
    margin-left: 53%;
  }

  .grid-col.grid-col_push6:first-child {
    margin-left: 51%;
  }

  .grid-col.grid-col_push7 {
    margin-left: 61.49999%;
  }

  .grid-col.grid-col_push7:first-child {
    margin-left: 59.49999%;
  }

  .grid-col.grid-col_push8 {
    margin-left: 70%;
  }

  .grid-col.grid-col_push8:first-child {
    margin-left: 68%;
  }

  .grid-col.grid-col_push9 {
    margin-left: 78.5%;
  }

  .grid-col.grid-col_push9:first-child {
    margin-left: 76.5%;
  }

  .grid-col.grid-col_push10 {
    margin-left: 87%;
  }

  .grid-col.grid-col_push10:first-child {
    margin-left: 85%;
  }

  .grid-col.grid-col_push11 {
    margin-left: 95.5%;
  }

  .grid-col.grid-col_push11:first-child {
    margin-left: 93.5%;
  }

  /*****************************
    FLUSH GRID Styles
  *****************************/
  .grid_flush > .grid-col + .grid-col {
    margin-left: 0;
  }

  .grid_flush .grid-col_1 {
    width: 8.33333%;
  }

  .grid_flush .grid-col_2 {
    width: 16.64%;
  }

  .grid_flush .grid-col_3 {
    width: 25%;
  }

  .grid_flush .grid-col_4 {
    width: 33.33333%;
  }

  .grid_flush .grid-col_5 {
    width: 41.66667%;
  }

  .grid_flush .grid-col_6 {
    width: 50%;
  }

  .grid_flush .grid-col_7 {
    width: 58.33333%;
  }

  .grid_flush .grid-col_8 {
    width: 66.66667%;
  }

  .grid_flush .grid-col_9 {
    width: 75%;
  }

  .grid_flush .grid-col_10 {
    width: 83.33333%;
  }

  .grid_flush .grid-col_11 {
    width: 91.66667%;
  }

  .grid_flush .grid-col_12 {
    width: 100%;
  }

  .grid_flush .grid-col.grid-col_push1 {
    margin-left: 8.33333%;
  }

  .grid_flush .grid-col.grid-col_push2 {
    margin-left: 16.66667%;
  }

  .grid_flush .grid-col.grid-col_push3 {
    margin-left: 25%;
  }

  .grid_flush .grid-col.grid-col_push4 {
    margin-left: 33.33333%;
  }

  .grid_flush .grid-col.grid-col_push5 {
    margin-left: 41.66667%;
  }

  .grid_flush .grid-col.grid-col_push6 {
    margin-left: 50%;
  }

  .grid_flush .grid-col.grid-col_push7 {
    margin-left: 58.33333%;
  }

  .grid_flush .grid-col.grid-col_push8 {
    margin-left: 66.66667%;
  }

  .grid_flush .grid-col.grid-col_push9 {
    margin-left: 75%;
  }

  .grid_flush .grid-col.grid-col_push10 {
    margin-left: 83.33333%;
  }

  .grid_flush .grid-col.grid-col_push11 {
    margin-left: 91.66667%;
  }
}
/* ---------------------------------------------------------------------
 Blocks Layout Styles
------------------------------------------------------------------------ */
.blocks {
  list-style: none;
  overflow: hidden;
  position: relative;
  margin-left: -2%;
}

.blocks > * {
  float: left;
  margin-left: 2%;
}

.blocks_inline {
  font-size: 0;
}

.blocks_inline > * {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  float: none;
}

.blocks_2up > * {
  width: 48%;
}

.blocks_3up > * {
  width: 31.3333333333%;
}

.blocks_4up > * {
  width: 23%;
}

.blocks_5up > * {
  width: 18%;
}

@media (max-width: 599px) {
  .blocks_stackInMobile > * {
    width: 100%;
  }

  .blocks_stackInMobile > * + * {
    margin-top: 24px;
  }

  .blocks_2UpMobile > * {
    width: 48%;
    margin-bottom: 16px;
  }
}
.blocks_flush {
  margin-left: 0;
}

.blocks_flush > * {
  float: left;
  margin-left: 0;
}

.blocks_flush.blocks_2up > * {
  width: 50%;
}

.blocks_flush.blocks_3up > * {
  width: 33.3333333333%;
}

.blocks_flush.blocks_4up > * {
  width: 25%;
}

.blocks_flush.blocks_5up > * {
  width: 20%;
}

/* ---------------------------------------------------------------------
 lTable Styles: Table Layout styles for elements that need to layout horizontally,
 vertically align, and fill the container based on number of
 elements contained within.
------------------------------------------------------------------------ */
.lTable {
  display: table;
  width: 100%;
}

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

.lTable_2up > * {
  width: 50%;
}

/* ---------------------------------------------------------------------
 Vertical List Styles.
------------------------------------------------------------------------ */
.vList {
  overflow: hidden;
  display: block;
}

.vList > * + * {
  margin-top: 10px;
}

.vList_spread > * + * {
  margin-top: 20px;
}

/* ---------------------------------------------------------------------
 Horizontal List Styles.
------------------------------------------------------------------------ */
.hList {
  overflow: hidden;
}

.hList > * {
  float: left;
}

.hList_spread > * + * {
  margin-left: 15px;
}

/* ---------------------------------------------------------------------
 Page Load Transition Styles
------------------------------------------------------------------------ */
.js-hasPageTansistions {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
          transition: opacity 1s ease-in-out;
}

.pageLoaded.js-hasPageTansistions {
  opacity: 1;
}

.js-hasPageTansistions:after {
  content: '';
  position: fixed;
  top: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  opacity: 1;
  background-color: white;
  -webkit-transition: all 1s ease-in-out;
          transition: all 1s ease-in-out;
}

.pageLoaded.js-hasPageTansistions:after {
  opacity: 0;
  z-index: -1;
  position: static;
}

/* ---------------------------------------------------------------------
 Typography: Heading and Body text Styles
------------------------------------------------------------------------ */
/* ---- Heading Styles ---- */
.hdg {
  display: block;
  text-transform: uppercase;
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.hdg + .hdg,
.hdg + .bdcpy,
.bdcpy + .hdg,
.bdcpy + .bdcpy {
  margin-top: 8px;
}

.hdg_1 {
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 1.1;
}

.hdg_2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.2;
}

.hdg_3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
}

.hdg_4 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.4;
}

.hdg_5 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.hdg_6 {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
}

/* ---- Body Copy Styles ---- */
.bdcpy {
  display: block;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.bdcpy_lg {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}

.bdcpy_md {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.5;
}

.bdcpy_sm {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}

/* ---- Heading and Body Copy Text mixins ---- */
/* ---------------------------------------------------------------------
 Link and Button Styles
------------------------------------------------------------------------ */
.link {
  text-decoration: underline;
}

.btn {
  display: inline-block;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 16px 0;
  max-width: 100%;
  width: 240px;
  text-align: center;
  background-color: dodgerblue;
  color: #ffffff;
  letter-spacing: 0.05em;
  -webkit-transition: all ease 0.2s;
          transition: all ease 0.2s;
}

.btn:hover,
.btn:focus,
.btn_alt:hover,
.btn_alt:focus {
  opacity: 0.8;
  background-color: dodgerblue;
  color: #ffffff;
  cursor: pointer;
}

.btn_alt {
  border: 2px solid dodgerblue;
  background-color: transparent;
  color: dodgerblue;
}

/* ---------------------------------------------------------------------
 Social Links Styles
------------------------------------------------------------------------ */
a[href*="twitter.com"]::before {
  content: 'Twitter Icon';
  color: #f25648;
}

a[href*="facebook.com"]::before {
  content: 'Facebook Icon';
  color: #f25648;
}

a[href*="plus.google.com"]::before {
  content: 'Google+ Icon';
  color: #f25648;
}

/* ---------------------------------------------------------------------
 Media Styles
------------------------------------------------------------------------ */
.img {
  max-width: 100%;
}

.imgPush {
  position: relative;
  width: auto;
  height: auto;
  min-width: 100%;
  max-width: none;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
          transition: opacity 0.4s ease-in-out;
}

.imgPush.isVisible {
  opacity: 1;
}

/* ---------------------------------------------------------------------
 Hero Image Styles
------------------------------------------------------------------------ */
.hero {
  width: 100%;
  overflow: hidden;
  height: 320px;
  position: relative;
  text-align: right;
}

.hero-text {
  max-width: 470px;
  position: relative;
  color: #ffffff;
  float: right;
}

.hero-text:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 600px) {
  .hero {
    height: 480px;
  }
}
/* ---------------------------------------------------------------------
 Burger Styles
------------------------------------------------------------------------ */
.burger {
  width: 54px;
  height: 54px;
  padding: 12px 0;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  background: transparent;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.burger:hover {
  cursor: pointer;
  opacity: 0.8;
}

.burger > * {
  display: block;
  width: 34px;
  height: 3px;
  background: dodgerblue;
  margin-left: 10px;
  -webkit-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
  position: relative;
  -webkit-backface-visibility: hidden;
}

.burger-top {
  margin-top: 0px;
}

.burger-middle {
  margin-top: 7px;
}

.burger-bottom {
  margin-top: 7px;
}

@-webkit-keyframes splash {
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    border-radius: 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes splash {
  100% {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    border-radius: 50%;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.burger:before {
  content: "";
  display: block;
  position: absolute;
  width: 54px;
  height: 54px;
  left: 0;
  top: 50%;
  margin-top: -27px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
          transition: transform 0.3s ease;
}

.burger.animate:before {
  -webkit-animation: splash ease-in-out 0.4s;
          animation: splash ease-in-out 0.4s;
}

/* ---------------------------------------------------------------------
 Contact Styles
------------------------------------------------------------------------ */
.contact {
  overflow: hidden;
  text-align: center;
}

.contact > .hdg + .bdcpy,
.contact > .bdcpy + .hdg,
.contact > .bdcpy + .bdcpy {
  margin-top: 8px;
}

.contact + .contact {
  margin-top: 48px;
}

.contact a {
  display: inline-block;
  color: #00aeec;
}

.contact a:hover {
  display: inline-block;
  color: #ffffff;
}

.contact .hdg,
.contact .bdcpy {
  margin-top: 4px;
  line-height: 1;
}

/* ---------------------------------------------------------------------
 Carousel Styles
------------------------------------------------------------------------ */
.carousel {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.carousel > * {
  position: fixed;
  width: 100%;
  height: 100%;
  display: table;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: -1;
  -webkit-transition: opacity 2.4s ease-in-out;
          transition: opacity 2.4s ease-in-out;
}

.slide-1 {
  background: url(../../images/minneapolis-1.jpg) no-repeat center center fixed;
  background-size: cover;
  background-attachment: scroll;
}

.slide-2 {
  background: url(../../images/minneapolis-2.jpg) no-repeat center center fixed;
  background-size: cover;
  background-position-y: 100%;
  background-attachment: scroll;
}

.slide-3 {
  background: url(../../images/minneapolis-3.jpg) no-repeat center center fixed;
  background-size: cover;
  background-position-y: 30%;
  background-attachment: scroll;
}

@media (min-width: 600px) {
  .slide-1 {
    background-position-y: 22%;
  }
}
.carousel img {
  min-height: 100%;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.carousel > *.isActive {
  opacity: 1;
  z-index: 0;
  -webkit-animation: fadeIn 2s ease;
          animation: fadeIn 2s ease;
}

/* ---------------------------------------------------------------------
 Widget Styles
------------------------------------------------------------------------ */
.feedgrabbr_widget,
.feedgrabbr_widget * {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

.feedgrabbr_widget {
  max-height: 80px;
  overflow: hidden;
}

.fg_story {
  width: 50% !important;
  float: left;
  height: 80px;
  border-bottom: none !important;
  padding: 5px !important;
}

.fg_widget_in {
  border-radius: 0 !important;
}

.fg_wid_header,
.fg_wid_footer {
  display: none !important;
}

.fg_dark,
.fg_dark .fg_wid_cont {
  background-color: #373837 !important;
}

.fg_dark .fg_wid_cont:before {
  content: "";
  position: absolute;
  background-color: #2f2f2f;
  height: 40px;
  width: 100%;
  top: 40px;
  left: 0;
}

@media (max-width: 599px) {
  .feedgrabbr_widget {
    display: none;
  }
}
@media (min-width: 800px) {
  .fg_story {
    width: 33.3333333% !important;
  }
}
@media (min-width: 1025px) {
  .fg_story {
    width: 25% !important;
  }
}
/* ---------------------------------------------------------------------
 Utility Styles. Use wisely and sparingly.
------------------------------------------------------------------------ */
.noSelect {
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

/* ---------------------------------------------------------------------
 Visually Hidden/ Screen Reader Only Text
------------------------------------------------------------------------ */
.screen-reader-text,
.isVisuallyHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* ---------------------------------------------------------------------
 Layouts
------------------------------------------------------------------------ */
.layout-center {
  text-align: center;
}

.topBorder {
  height: 12px;
  width: 100%;
}

@media (min-width: 600px) {
  .pushTop {
    margin-top: 40px;
  }
}
/* ---------------------------------------------------------------------
 Vertically Align Content
------------------------------------------------------------------------ */
.vAlign {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  top: 0;
  bottom: 0;
}

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

.vCenter {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.isIE8 .vCenter {
  top: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/* ---------------------------------------------------------------------
 Equal Height Content
------------------------------------------------------------------------ */
.equalHeightCols {
  position: relative;
  display: block;
  overflow: hidden;
}

.equalHeightCols > * {
  position: relative;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

/* ---------------------------------------------------------------------
 REMOVE FOR PRODUCTION
------------------------------------------------------------------------ */
.test {
  border-bottom: 2px solid #6d6e70;
  padding: 8px 0;
  margin-bottom: 10px;
}

.test_inner {
  border: none;
  margin-bottom: 0;
}

.hdg-1 {
  color: #6d6e70;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;
}

.testWhite {
  color: white !important;
}

.breakpointTester {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px;
}

.breakpointTester:after {
  color: white;
  display: inline-block;
  content: 'Mobile';
  width: 100%;
}

@media (min-width: 600px) {
  .breakpointTester:after {
    content: 'Tablet Portrait';
  }
}
@media (min-width: 800px) {
  .breakpointTester:after {
    content: 'Tablet';
  }
}
@media (min-width: 1025px) {
  .breakpointTester:after {
    content: 'Desktop';
  }
}
@media (min-width: 1450px) {
  .breakpointTester:after {
    content: 'Desktop Plus';
  }
}
/* ---------------------------------------------------------------------
 Grid TESTING Styles REMOVE FOR PRODUCTION OR MOVE INTO Pattern Library Page
------------------------------------------------------------------------ */
/* REMOVE FOR PRODUCTION */
.grid-mark > * {
  padding: 12px 0;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}

.grid-mark > * + * {
  border-left: 0;
}

.grid-mark + .grid-mark {
  margin-top: 10px;
}

.grid-mark .blocks > * {
  background-color: #ffffff;
  color: dodgerblue;
}

.grid-mark > * {
  background-color: dodgerblue;
  color: #ffffff;
}

/* END REMOVE FOR PRODUCTION */