@charset "UTF-8";
/*$c-red: #b0422a;*/
/*$c-button-hover: darken($c-blue, 5%);*/
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) { 
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) { 
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) { 
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) { 
    div { color:#888; }
}

// ----------------------------------------------
*/
/*** ESSENTIAL STYLES ***/
/* line 7, ../scss/megafish.scss */
.sf-menu {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 13, ../scss/megafish.scss */
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}

/* line 20, ../scss/megafish.scss */
.sf-menu > li {
  float: left;
}

/* line 23, ../scss/megafish.scss */
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}

/* line 28, ../scss/megafish.scss */
.sf-menu > li > a {
  display: block;
  position: relative;
}

/*** DEMO SKIN ***/
/* line 35, ../scss/megafish.scss */
.sf-menu {
  float: left;
  margin-bottom: 1em;
  width: 100%;
}

/* line 40, ../scss/megafish.scss */
.sf-menu .sf-mega {
  width: 95%;
  /* allow long menu items to determine submenu width */
  margin-left: 2.5%;
  margin-right: 2.5%;
}

/* line 46, ../scss/megafish.scss */
.sf-menu > li {
  background: #0a294d;
  font-weight: bold;
}
/* line 50, ../scss/megafish.scss */
.sf-menu > li > a {
  padding: 15px 26px 0 15px;
  text-decoration: none;
  zoom: 1;
  /* IE7 */
  color: #4fddfd;
  background: #0a294d;
  font-size: 17px;
  font-weight: 900;
  min-height: 49px;
  width: 257px;
  text-align: left;
  line-height: 1em;
}
/* line 62, ../scss/megafish.scss */
.sf-menu > li > a span {
  padding-left: 12px;
}
/* line 64, ../scss/megafish.scss */
.sf-menu > li > a span.isOff {
  display: inline;
  position: relative;
}
/* line 67, ../scss/megafish.scss */
.sf-menu > li > a span.isOff .left,
.sf-menu > li > a span.isOff .right {
  width: 7px;
  height: 2px;
  background-color: #4fddfd;
  position: absolute;
  transition: all 0.20s ease-out 0s;
  -moz-transition: all 0.20s ease-out 0s;
  -webkit-transition: all 0.20s ease-out 0s;
}
/* line 77, ../scss/megafish.scss */
.sf-menu > li > a span.isOff .left {
  transform: rotate(45deg);
  top: 10px;
  right: -6px;
  transition: all 0.20s ease-out 0s;
  -moz-transition: all 0.20s ease-out 0s;
  -webkit-transition: all 0.20s ease-out 0s;
}
/* line 85, ../scss/megafish.scss */
.sf-menu > li > a span.isOff .right {
  transform: rotate(-45deg);
  position: absolute;
  top: 10px;
  right: -10px;
  transition: all 0.20s ease-out 0s;
  -moz-transition: all 0.20s ease-out 0s;
  -webkit-transition: all 0.20s ease-out 0s;
}
/* line 95, ../scss/megafish.scss */
.sf-menu > li > a span.isOn {
  display: none;
}
/* line 100, ../scss/megafish.scss */
.sf-menu > li > ul {
  position: absolute;
  top: 100%;
  z-index: 99999;
  left: -999em;
}
/* line 108, ../scss/megafish.scss */
.sf-menu > li.sfHover > a, .sf-menu > li:hover > a {
  color: #0f396a;
  background: #fff;
}
/* line 119, ../scss/megafish.scss */
.sf-menu > li.sfHover > a span.isOff .left,
.sf-menu > li.sfHover > a span.isOff .right, .sf-menu > li:hover > a span.isOff .left,
.sf-menu > li:hover > a span.isOff .right {
  background-color: #0a294d;
  transition: all 0.20s ease-out 0s;
  -moz-transition: all 0.20s ease-out 0s;
  -webkit-transition: all 0.20s ease-out 0s;
}
/* line 126, ../scss/megafish.scss */
.sf-menu > li.sfHover > a span.isOff .left, .sf-menu > li:hover > a span.isOff .left {
  transform: rotate(-45deg);
  transition: all 0.20s ease-out 0s;
  -moz-transition: all 0.20s ease-out 0s;
  -webkit-transition: all 0.20s ease-out 0s;
}
/* line 132, ../scss/megafish.scss */
.sf-menu > li.sfHover > a span.isOff .right, .sf-menu > li:hover > a span.isOff .right {
  transform: rotate(45deg);
  transition: all 0.20s ease-out 0s;
  -moz-transition: all 0.20s ease-out 0s;
  -webkit-transition: all 0.20s ease-out 0s;
}
/* line 141, ../scss/megafish.scss */
.sf-menu > li.sfHover > ul, .sf-menu > li:hover > ul {
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/* line 146, ../scss/megafish.scss */
.sf-menu > li.sfHover > ul .navBlockCenter, .sf-menu > li:hover > ul .navBlockCenter {
  max-width: 1280px;
  margin: 0 auto;
}

/* line 175, ../scss/megafish.scss */
.sf-menu li ul {
  padding: 26px 0 50px 36px;
  background-color: #fff;
  -moz-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 25px 60px 0 rgba(0, 0, 0, 0.16);
}
/* line 179, ../scss/megafish.scss */
.sf-menu li ul li {
  padding: 28px 26px 7px 0;
  display: inline-table;
}
/* line 182, ../scss/megafish.scss */
.sf-menu li ul li a {
  color: #363636;
  width: 183px;
  height: 34px;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  line-height: 1.25em;
}
/* line 190, ../scss/megafish.scss */
.sf-menu li ul li a:after {
  content: ' ';
  margin-top: 10px;
  height: 1px;
  width: 0px;
  background-color: #4fddfd;
  display: block;
  transition: all 0.05s ease-out 0s;
  -moz-transition: all 0.05s ease-out 0s;
  -webkit-transition: all 0.05s ease-out 0s;
}
/* line 203, ../scss/megafish.scss */
.sf-menu li ul li:hover a {
  color: #0f396a;
  text-decoration: none;
}
/* line 206, ../scss/megafish.scss */
.sf-menu li ul li:hover a:after {
  width: 74px;
  transition: all 0.10s ease-out 0s;
  -moz-transition: all 0.10s ease-out 0s;
  -webkit-transition: all 0.10s ease-out 0s;
}

/* line 228, ../scss/megafish.scss */
.sf-menu > li.level0.active {
  font-weight: normal;
}
/* line 231, ../scss/megafish.scss */
.sf-menu > li.level0.active a {
  color: #eddcb6;
}

/* line 235, ../scss/megafish.scss */
.sf-menu > li.active a.level0:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  display: block;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 4px solid #fff;
  border-top: none;
  bottom: 0;
  left: 46%;
  display: none;
}

/*** mega menu dropdown ***/
/* line 244, ../scss/megafish.scss */
.sf-mega {
  background-color: #fff;
  padding: 0;
  padding-top: 35px;
  box-sizing: border-box;
  width: 100%;
}

/* line 251, ../scss/megafish.scss */
.sf-mega-section {
  float: left;
  padding: 0 22px;
  max-width: 220px;
}

/*** arrows (for all except IE7) **/
/* line 259, ../scss/megafish.scss */
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
  /* no CSS arrows for IE7 (lack pseudo-elements) */
}

/* styling for both css and generated arrows */
/* line 264, ../scss/megafish.scss */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255, 255, 255, 0.5);
}

/* line 277, ../scss/megafish.scss */
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white;
  /* IE8 fallback colour */
}

/* line 285, ../scss/megafish.scss */
.sf-menu li.navGetHelp {
  display: none;
}
/* line 288, ../scss/megafish.scss */
.sf-menu img.category_thumbnail {
  width: 133px;
  height: 76px;
  margin-left: auto;
  margin-right: auto;
}
/* line 294, ../scss/megafish.scss */
.sf-menu a.topNavMore span {
  line-height: 1.25em;
  padding-top: 14px;
  font-size: 14px;
  font-weight: normal;
  color: #494949;
  font-style: italic;
  text-transform: capitalize;
  display: block;
}
/* line 319, ../scss/megafish.scss */
.sf-menu li.level1 a.level1 {
  padding-top: 22px;
  font-size: 15px;
  font-weight: 700;
  color: #363636;
  padding-top: 22px;
  display: inline-block;
}
/* line 326, ../scss/megafish.scss */
.sf-menu li.level1 a.level1:hover {
  color: #901518;
}
/* line 327, ../scss/megafish.scss */
.sf-menu li.level1 a.level1 span {
  min-height: 48px;
  display: inline-block;
  line-height: 18px;
}
/* line 333, ../scss/megafish.scss */
.sf-menu li.level1 div.level1 {
  padding-top: 22px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #363636;
  display: inline-block;
}
/* line 340, ../scss/megafish.scss */
.sf-menu li.level1 div.level1 img {
  margin-bottom: 5px;
}
/* line 345, ../scss/megafish.scss */
.sf-menu .sf-mega-section.first li.level1 a.level1 {
  display: block;
}
/* line 347, ../scss/megafish.scss */
.sf-menu .sf-mega-section.first li.level1 a.level1.noThumb {
  padding-top: 48px;
}
/* line 350, ../scss/megafish.scss */
.sf-menu .sf-mega-section.first li.level1 a.level1.hasThumb {
  padding-top: 10px;
}
/* line 355, ../scss/megafish.scss */
.sf-menu .sf-mega-section.first li.level1.title a.level1.noThumb, .sf-menu .sf-mega-section.first li.level1.title a.level1.hasThumb {
  padding-top: 0;
}
/* line 363, ../scss/megafish.scss */
.sf-menu ul.level0-1 li.level1 a.level1.hasThumb img, .sf-menu ul.level0-2 li.level1 a.level1.hasThumb img, .sf-menu ul.level0-3 li.level1 a.level1.hasThumb img, .sf-menu ul.level0-4 li.level1 a.level1.hasThumb img {
  margin-bottom: 5px;
}
/* line 368, ../scss/megafish.scss */
.sf-menu ul.level0-1 a.button, .sf-menu ul.level0-2 a.button, .sf-menu ul.level0-3 a.button, .sf-menu ul.level0-4 a.button {
  margin-top: 20px;
  padding: 5px 23px;
  background-color: #ccc;
  color: #fff;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
/* line 376, ../scss/megafish.scss */
.sf-menu ul.level0-1 a.button:hover, .sf-menu ul.level0-2 a.button:hover, .sf-menu ul.level0-3 a.button:hover, .sf-menu ul.level0-4 a.button:hover {
  background-color: #4fddfd;
}
/* line 382, ../scss/megafish.scss */
.sf-menu .navGetHelp .sf-mega_wrapper {
  padding-bottom: 30px;
}
/* line 388, ../scss/megafish.scss */
.sf-menu .navGetHelp .level0-1 .level1 a.level1 img, .sf-menu .navGetHelp .level0-2 .level1 a.level1 img, .sf-menu .navGetHelp .level0-3 .level1 a.level1 img, .sf-menu .navGetHelp .level0-4 .level1 a.level1 img {
  margin-bottom: 5px;
}
/* line 395, ../scss/megafish.scss */
.sf-menu li.level2 {
  line-height: 1.25em;
  padding-top: 14px;
}
/* line 398, ../scss/megafish.scss */
.sf-menu li.level2 a.level2 {
  font-size: 14px;
  font-weight: normal;
  color: #494949;
  text-transform: none;
}
/* line 404, ../scss/megafish.scss */
.sf-menu li.level2 a.level2.calloutlink {
  color: #0f396a;
}
/* line 408, ../scss/megafish.scss */
.sf-menu .navFooterBar {
  background-color: #efdca6;
  height: 99px;
  position: relative;
  left: inherit;
  display: block;
  width: 100%;
}
/* line 415, ../scss/megafish.scss */
.sf-menu .navFooterBar .navFooterBarInner {
  max-width: 1280px;
  margin: 0 auto;
  display: table;
  height: inherit;
}
/* line 420, ../scss/megafish.scss */
.sf-menu .navFooterBar .navFooterBarInner .ttl_lg {
  padding-top: 30px;
  color: rgba(44, 69, 122, 0.4);
  font-size: 54px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 40px;
  float: left;
}
/* line 429, ../scss/megafish.scss */
.sf-menu .navFooterBar .navFooterBarInner .ttl_md {
  padding: 14px 0 0 0;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  display: inline-block;
  float: left;
}
/* line 438, ../scss/megafish.scss */
.sf-menu .navFooterBar .navFooterBarInner .body_copy {
  padding: 6px 0 0 0px;
  color: #363636;
  font-size: 16px;
  font-weight: 400;
  text-transform: initial;
  line-height: 20px;
  float: left;
  display: inline-block;
  clear: left;
}
/* line 449, ../scss/megafish.scss */
.sf-menu .navFooterBar .navFooterBarInner .heroBox {
  float: right;
  position: relative;
}
/* line 452, ../scss/megafish.scss */
.sf-menu .navFooterBar .navFooterBarInner .heroBox .heroPic {
  z-index: 1;
}
/* line 456, ../scss/megafish.scss */
.sf-menu .navFooterBar .navFooterBarInner .supply-selector {
  margin-top: -14px;
  margin-left: 26px;
  z-index: 10;
  position: relative;
}
/* line 470, ../scss/megafish.scss */
.sf-menu .navFooterBar .navFooterBarInner .supply-selector .supplyLocatorPulldowns {
  display: inline;
}

@media only screen and (min-width: 600px) {
  /* line 481, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper {
    margin-left: auto;
    margin-right: auto;
    display: table;
    padding-bottom: 0;
  }
  /* line 486, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper .sf-mega-section.first {
    float: left;
    margin: 0 2%;
    padding: 0 0 84px;
    margin-right: 0;
    max-width: none;
    width: 96%;
  }
  /* line 495, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper .sf-mega-section.first ul.level0 {
    padding: 0 14px;
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  /* line 500, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper .sf-mega-section.first ul.level0 li {
    float: left;
    width: 133px;
    margin: 0 10px;
    padding-bottom: 7px;
    min-width: 0;
    max-width: none;
    min-height: 146px;
    text-align: center;
    display: list-item;
  }
  /* line 513, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level1 a.level1.hasThumb {
    padding-top: 10px;
  }
  /* line 516, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level1.first a.level1.hasThumb {
    padding-top: 10px;
  }
  /* line 561, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper .sf-mega-section:last-of-type {
    padding-bottom: 64px;
  }
  /* line 564, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper .nav-software-column {
    float: left;
    min-width: 96%;
    min-height: 229px;
    background: url(../images/topnav/topnav_id_card_software_bg.jpg) no-repeat center bottom;
    background-size: 600px auto;
  }
  /* line 571, ../scss/megafish.scss */
  .sf-menu .sf-mega_wrapper .nav-camera-column {
    float: left;
    min-width: 96%;
    min-height: 434px;
    background: url(../images/topnav/topnav_id_card_camera_bg.jpg) no-repeat center bottom;
    background-size: 600px auto;
  }
  /* line 581, ../scss/megafish.scss */
  .sf-menu .nav-3 .sf-mega-section.first {
    padding-bottom: 0;
  }
  /* line 588, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first {
    padding-right: 0;
  }
  /* line 591, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level1 {
    display: block;
    float: none;
    text-align: center;
    margin-bottom: 16px;
    min-width: 0;
    max-width: 100%;
  }
  /* line 598, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level1 a.level1 {
    text-align: center;
    padding-top: inherit;
    display: block;
  }
  /* line 602, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level1 a.level1 img {
    display: none;
  }
  /* line 607, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level2 {
    max-width: 33%;
    min-width: 0;
    width: 100%;
    padding-top: 39px;
    text-align: center;
    background-size: 47px 33px;
    background-position: center 0;
    background-repeat: no-repeat;
  }
  /* line 616, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level2.salesli {
    background-image: url(../images/topnav/topnav_help_email.png);
  }
  /* line 619, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level2.phoneli {
    background-image: url(../images/topnav/topnav_help_phone.png);
  }
  /* line 622, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level2.chatli {
    background-image: url(../images/topnav/topnav_help_chat.png);
  }
  /* line 624, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level2.chatli a.button {
    margin-top: 0;
    padding: 5px 23px;
    background-color: #ccc;
    color: #fff;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
  /* line 632, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level2.chatli a.button:hover {
    background-color: #4fddfd;
  }
  /* line 637, ../scss/megafish.scss */
  .sf-menu .navGetHelp .sf-mega_wrapper .sf-mega-section.first ul.level0 li.level2 a.calloutlink {
    height: 26px;
    line-height: 26px;
    border-right: 1px solid #d6d6d6;
    display: block;
  }
  /* line 655, ../scss/megafish.scss */
  .sf-menu .navFooterBar .button {
    padding: 5px 23px;
    background-color: #83201A;
    color: #fff;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
  }
  /* line 662, ../scss/megafish.scss */
  .sf-menu .navFooterBar .button:hover {
    background-color: #4fddfd;
  }
  /* line 668, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner, .sf-menu .navFooterBar.pos_2 .navFooterBarInner {
    padding: 0 14px;
  }
  /* line 671, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner .body_copy .bpbr, .sf-menu .navFooterBar.pos_2 .navFooterBarInner .body_copy .bpbr {
    clear: left;
    display: block;
  }
  /* line 676, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_2 .navFooterBarInner .heroBox {
    width: 385px;
  }
  /* line 678, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner .heroBox .heroPic, .sf-menu .navFooterBar.pos_2 .navFooterBarInner .heroBox .heroPic {
    position: absolute;
    right: 0;
    top: -66px;
    width: 137px;
  }
  /* line 684, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner .heroBox .button, .sf-menu .navFooterBar.pos_2 .navFooterBarInner .heroBox .button {
    color: #fff;
  }
  /* line 691, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner {
    padding: 0 14px;
  }
  /* line 694, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .body_copy .bpbr {
    clear: left;
    display: block;
  }
  /* line 699, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox {
    width: auto;
  }
  /* line 701, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox .heroPic {
    position: absolute;
    right: 0;
    top: -66px;
    width: 137px;
  }
  /* line 732, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox {
    width: auto;
  }
  /* line 734, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox .heroPic {
    width: 29%;
    position: absolute;
    top: -44px;
    right: -50px;
    z-index: 1;
    display: none;
  }
  /* line 742, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox .button {
    margin: -42px 0 0 16px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    background: #dfa600;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod╬▒EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfa600), color-stop(18%, #dca003), color-stop(72%, #cf850f), color-stop(100%, #bf661c));
    background: -webkit-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -o-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -ms-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: linear-gradient(to bottom, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    z-index: 2;
  }
  /* line 758, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox .button:hover {
    background: -moz-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf661c), color-stop(18%, #cf850f), color-stop(72%, #dca003), color-stop(100%, #dfa600));
    background: -webkit-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -o-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -ms-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: linear-gradient(to bottom, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
  }
  /* line 772, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner {
    padding: 0 14px;
  }
  /* line 775, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner .body_copy .bpbr {
    clear: left;
    display: block;
  }
  /* line 780, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner .heroBox {
    width: auto;
    margin-right: 66px;
    margin-left: 39px;
  }
  /* line 784, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner .heroBox .button {
    margin: -4px 0 0 24px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    background: #dfa600;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod╬▒EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfa600), color-stop(18%, #dca003), color-stop(72%, #cf850f), color-stop(100%, #bf661c));
    background: -webkit-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -o-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -ms-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: linear-gradient(to bottom, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    z-index: 2;
    position: relative;
  }
  /* line 801, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner .heroBox .button:hover {
    background: -moz-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf661c), color-stop(18%, #cf850f), color-stop(72%, #dca003), color-stop(100%, #dfa600));
    background: -webkit-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -o-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -ms-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: linear-gradient(to bottom, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
  }
  /* line 810, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner .heroBox .heroPic {
    width: 170px;
    position: absolute;
    top: -49px;
    right: -79px;
    z-index: 1;
  }
  /* line 822, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_5 .navFooterBarInner, .sf-menu .navFooterBar.pos_6 .navFooterBarInner, .sf-menu .navFooterBar.pos_7 .navFooterBarInner, .sf-menu .navFooterBar.pos_8 .navFooterBarInner {
    padding: 0 14px;
  }
  /* line 824, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_5 .navFooterBarInner .button, .sf-menu .navFooterBar.pos_6 .navFooterBarInner .button, .sf-menu .navFooterBar.pos_7 .navFooterBarInner .button, .sf-menu .navFooterBar.pos_8 .navFooterBarInner .button {
    margin: -4px 0 0 24px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.5);
    background: #dfa600;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod╬▒EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfa600), color-stop(18%, #dca003), color-stop(72%, #cf850f), color-stop(100%, #bf661c));
    background: -webkit-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -o-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: -ms-linear-gradient(top, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    background: linear-gradient(to bottom, #dfa600 0%, #dca003 18%, #cf850f 72%, #bf661c 100%);
    z-index: 2;
    position: relative;
  }
  /* line 841, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_5 .navFooterBarInner .button:hover, .sf-menu .navFooterBar.pos_6 .navFooterBarInner .button:hover, .sf-menu .navFooterBar.pos_7 .navFooterBarInner .button:hover, .sf-menu .navFooterBar.pos_8 .navFooterBarInner .button:hover {
    background: -moz-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf661c), color-stop(18%, #cf850f), color-stop(72%, #dca003), color-stop(100%, #dfa600));
    background: -webkit-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -o-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: -ms-linear-gradient(top, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
    background: linear-gradient(to bottom, #bf661c 0%, #cf850f 18%, #dca003 72%, #dfa600 100%);
  }
  /* line 850, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_5 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_6 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_7 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_8 .navFooterBarInner .heroBox {
    margin-left: 70px;
    width: 174px;
    top: -146px;
    position: relative;
  }
  /* line 855, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_5 .navFooterBarInner .heroBox .heroPic, .sf-menu .navFooterBar.pos_6 .navFooterBarInner .heroBox .heroPic, .sf-menu .navFooterBar.pos_7 .navFooterBarInner .heroBox .heroPic, .sf-menu .navFooterBar.pos_8 .navFooterBarInner .heroBox .heroPic {
    width: 174px;
  }
  /* line 924, ../scss/megafish.scss */
  .sf-menu .navFooterBar .navFna {
    margin: -125px 0 0 126px;
    padding: 8px 12px;
    width: 185px;
    height: 140px;
    border: 1px solid #cdcdcd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #fafafa;
    z-index: 5;
  }
  /* line 933, ../scss/megafish.scss */
  .sf-menu .navFooterBar .navFna .question {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    color: #363636;
  }
  /* line 939, ../scss/megafish.scss */
  .sf-menu .navFooterBar .navFna form {
    padding-top: 5px;
  }
  /* line 941, ../scss/megafish.scss */
  .sf-menu .navFooterBar .navFna form .navRadioWrapper {
    line-height: 22px;
  }
  /* line 943, ../scss/megafish.scss */
  .sf-menu .navFooterBar .navFna form .navRadioWrapper .navRadio {
    margin-left: 8px;
  }
  /* line 946, ../scss/megafish.scss */
  .sf-menu .navFooterBar .navFna form .navRadioWrapper label {
    font-size: 14px;
    padding-left: 7px;
    line-height: 14px;
    display: inline-block;
    color: #494949;
  }
}
@media only screen and (min-width: 640px) {
  /* line 961, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp {
    display: list-item;
    margin-top: -6px;
    background-image: none;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
  }
  /* line 968, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp:before {
    content: '';
    background: url(../images/topnav/nav_help.png) no-repeat 0 0;
    width: 15px;
    height: 48px;
    float: left;
  }
  /* line 975, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp > a {
    padding: 12px 6px 0 0;
    height: 48px;
    background: url(../images/topnav/nav_help.png) repeat-x 0 -100px;
    float: left;
  }
  /* line 980, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp > a span {
    display: none;
  }
  /* line 983, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp > a div {
    display: none;
  }
  /* line 986, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp > a em {
    display: inline;
  }
  /* line 991, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp:hover:before {
    background: url(../images/topnav/nav_help.png) no-repeat 0 -150px;
  }
  /* line 994, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp:hover > a {
    background: url(../images/topnav/nav_help.png) repeat-x 0 -250px;
  }
  /* line 996, ../scss/megafish.scss */
  .sf-menu > li.navGetHelp:hover > a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-top: 9px solid #606d7e;
    border-bottom: none;
    bottom: -9px;
    left: 30%;
    z-index: 100;
  }
}
@media only screen and (min-width: 699px) {
  /* line 1035, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .heroBox, .sf-menu .navFooterBar.pos_2 .heroBox {
    position: relative;
    top: 39px;
  }
}
@media only screen and (min-width: 763px) {
  /* line 1050, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_5 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_6 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_7 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_8 .navFooterBarInner .heroBox {
    top: -114px;
  }
}
@media only screen and (min-width: 770px) {
  /* line 1062, ../scss/megafish.scss */
  .sf-menu > li > a {
    padding: 15px 26px 0 30px;
    width: 272px;
  }
  /* line 1070, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_2 .navFooterBarInner .heroBox {
    width: 385px;
    position: relative;
    top: 39px;
  }
  /* line 1079, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_4 .navFooterBarInner .heroBox {
    width: 385px;
    position: relative;
    top: 0;
  }
  /* line 1094, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox {
    width: 385px;
  }
  /* line 1096, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_3 .navFooterBarInner .heroBox .heroPic {
    display: block;
    width: 35%;
    position: absolute;
    top: -74px;
    right: 27px;
    z-index: 1;
  }
  /* line 1108, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner {
    padding: 0 14px;
  }
  /* line 1116, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner .heroBox {
    width: 300px;
    margin-right: 16px;
    margin-left: auto;
  }
  /* line 1120, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner .heroBox .heroPic {
    width: 232px;
    position: absolute;
    top: -91px;
    left: 67px;
    z-index: 1;
  }
  /* line 1132, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_5 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_6 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_7 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_8 .navFooterBarInner .heroBox {
    top: -146px;
  }
}
@media only screen and (min-width: 930px) {
  /* line 1145, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner {
    padding: 0 14px;
  }
  /* line 1148, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_4 .navFooterBarInner .body_copy .bpbr {
    clear: none;
    display: inline;
  }
}
@media only screen and (min-width: 840px) {
  /* line 1306, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner, .sf-menu .navFooterBar.pos_2 .navFooterBarInner {
    padding: 0;
  }
  /* line 1309, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner .body_copy .bpbr, .sf-menu .navFooterBar.pos_2 .navFooterBarInner .body_copy .bpbr {
    clear: none;
    display: inline;
  }
  /* line 1314, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner .heroBox, .sf-menu .navFooterBar.pos_2 .navFooterBarInner .heroBox {
    top: 12px;
  }
  /* line 1316, ../scss/megafish.scss */
  .sf-menu .navFooterBar.pos_1 .navFooterBarInner .heroBox .heroPic, .sf-menu .navFooterBar.pos_2 .navFooterBarInner .heroBox .heroPic {
    width: 183px;
  }
  /* line 1322, ../scss/megafish.scss */
  .sf-menu .navFooterBar .navFna {
    margin: -108px 0 0 72px;
  }
}
@media only screen and (min-width: 979px) {
  /* line 1361, ../scss/megafish.scss */
  .sf-menu li ul {
    padding: 26px 0 50px 58px;
  }
}
@media only screen and (min-width: 1280px) {
  /* line 1479, ../scss/megafish.scss */
  .sf-menu li ul {
    padding: 26px 0 50px 81px;
  }
  /* line 1482, ../scss/megafish.scss */
  .sf-menu li ul li a {
    width: 213px;
  }
}
/* line 1503, ../scss/megafish.scss */
.nav_mask {
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
