/****************************************************************************/
/****************************************************************************/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
hgroup,
menu,
footer,
header,
main,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
main,
nav,
section,
audio,
video {
  display: block;
}
a img {
  border: 0;
}
/*! updated 2016-12-28 */
@font-face {
  font-family: 'Open Sans Light';
  font-weight: normal;
  font-style: normal;
  src: url('/media/fonts/opensans-light.woff2') format('woff2'), url('/media/fonts/opensans-light.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans Light';
  font-weight: bold;
  font-style: normal;
  src: url('/media/fonts/opensans-semibold.woff2') format('woff2'), url('/media/fonts/opensans-semibold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans Light';
  font-weight: normal;
  font-style: italic;
  src: url('/media/fonts/opensans-lightitalic.woff2') format('woff2'), url('/media/fonts/opensans-lightitalic.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: normal;
  src: url('/media/fonts/opensans-regular.woff2') format('woff2'), url('/media/fonts/opensans-regular.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: bold;
  font-style: normal;
  src: url('/media/fonts/opensans-bold.woff2') format('woff2'), url('/media/fonts/opensans-bold.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-weight: normal;
  font-style: italic;
  src: url('/media/fonts/opensans-italic.woff2') format('woff2'), url('/media/fonts/opensans-italic.woff') format('woff');
}
/*
 * The list above should be minimized to reduce the number of downloaded fonts.
 * If you'd like to use one of the following font faces on a specific page, just
 * copy it to the LESS file of that page:

@font-face {
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: italic;
    src: url('/media/fonts/opensans-bolditalic.woff2') format('woff2'),
         url('/media/fonts/opensans-bolditalic.woff') format('woff');
}

@font-face {
    font-family: 'Open Sans Extrabold';
    font-weight: 800;
    font-style: italic;
    src: url('/media/fonts/opensans-extrabolditalic.woff2') format('woff2'),
         url('/media/fonts/opensans-extrabolditalic.woff') format('woff');
}

 */
/****************************************************************************/
/****************************************************************************/
input[type="submit"].form-button,
button.form-button {
  font-size: 20px;
  font-size: 1.25rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  background: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 36px;
  position: relative;
  text-align: center;
  text-shadow: none;
  color: #0095dd;
  border: 2px solid #0095dd;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  input[type="submit"].form-button,
  button.form-button {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
input[type="submit"].form-button:active,
button.form-button:active {
  position: relative;
  top: 1px;
}
input[type="submit"].form-button:hover,
button.form-button:hover,
input[type="submit"].form-button:focus,
button.form-button:focus {
  text-decoration: none;
}
input[type="submit"].form-button:hover,
button.form-button:hover,
input[type="submit"].form-button:focus,
button.form-button:focus {
  color: #33aae4;
  border-color: #33aae4;
}
input[type="submit"].form-button.button-dark,
button.form-button.button-dark {
  color: #00539F;
  border-color: #00539F;
}
input[type="submit"].form-button.button-dark:hover,
button.form-button.button-dark:hover,
input[type="submit"].form-button.button-dark:focus,
button.form-button.button-dark:focus {
  color: #0060a8;
  border-color: #0060a8;
}
input[type="submit"].form-button.button-light,
button.form-button.button-light {
  color: #fff;
  border-color: #fff;
}
input[type="submit"].form-button.button-light:hover,
button.form-button.button-light:hover,
input[type="submit"].form-button.button-light:focus,
button.form-button.button-light:focus {
  color: #f4f4f4;
  border-color: #f4f4f4;
}
input[type="submit"].form-button.button-general,
button.form-button.button-general {
  font-size: 16px;
  font-size: 1rem;
}
input[type="submit"].form-button.button-red,
button.form-button.button-red {
  background-color: #C13832;
  color: #fff;
  border: 2px solid #C13832;
}
input[type="submit"].form-button.button-red:hover,
button.form-button.button-red:hover,
input[type="submit"].form-button.button-red:focus,
button.form-button.button-red:focus {
  background-color: #EA3B28;
}
.button,
button.button,
.blueprint .button,
a.button:link,
a.button:visited {
  font-size: 20px;
  font-size: 1.25rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  background: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 36px;
  position: relative;
  text-align: center;
  text-shadow: none;
  background-color: #0095dd;
  color: #fff;
  border: 2px solid #0092cc;
}
@media only screen and (max-width: 480px) {
  .button,
  button.button,
  .blueprint .button,
  a.button:link,
  a.button:visited {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.button:active,
button.button:active,
.blueprint .button:active,
a.button:link:active,
a.button:visited:active {
  position: relative;
  top: 1px;
}
.button:hover,
button.button:hover,
.blueprint .button:hover,
a.button:link:hover,
a.button:visited:hover,
.button:focus,
button.button:focus,
.blueprint .button:focus,
a.button:link:focus,
a.button:visited:focus {
  text-decoration: none;
}
.button:hover,
button.button:hover,
.blueprint .button:hover,
a.button:link:hover,
a.button:visited:hover,
.button:focus,
button.button:focus,
.blueprint .button:focus,
a.button:link:focus,
a.button:visited:focus {
  background-color: #33aae4;
  color: #fff;
}
.button.button-dark,
button.button.button-dark,
.blueprint .button.button-dark,
a.button:link.button-dark,
a.button:visited.button-dark {
  background-color: #00539F;
  color: #fff;
  border-color: #005493;
}
.button.button-dark:hover,
button.button.button-dark:hover,
.blueprint .button.button-dark:hover,
a.button:link.button-dark:hover,
a.button:visited.button-dark:hover,
.button.button-dark:focus,
button.button.button-dark:focus,
.blueprint .button.button-dark:focus,
a.button:link.button-dark:focus,
a.button:visited.button-dark:focus {
  background-color: #0060a8;
}
.button.button-green,
button.button.button-green,
.blueprint .button.button-green,
a.button:link.button-green,
a.button:visited.button-green {
  background-color: #4caf50;
  color: #fff;
  border: 2px solid #4aa84a;
}
.button.button-green:hover,
button.button.button-green:hover,
.blueprint .button.button-green:hover,
a.button:link.button-green:hover,
a.button:visited.button-green:hover,
.button.button-green:focus,
button.button.button-green:focus,
.blueprint .button.button-green:focus,
a.button:link.button-green:focus,
a.button:visited.button-green:focus {
  background-color: #66bb6a;
}
.button.button-red,
button.button.button-red,
.blueprint .button.button-red,
a.button:link.button-red,
a.button:visited.button-red {
  background-color: #C13832;
  color: #fff;
  border: 2px solid #C13832;
}
.button.button-red:hover,
button.button.button-red:hover,
.blueprint .button.button-red:hover,
a.button:link.button-red:hover,
a.button:visited.button-red:hover,
.button.button-red:focus,
button.button.button-red:focus,
.blueprint .button.button-red:focus,
a.button:link.button-red:focus,
a.button:visited.button-red:focus {
  background-color: #EA3B28;
}
.button.button-orange,
button.button.button-orange,
.blueprint .button.button-orange,
a.button:link.button-orange,
a.button:visited.button-orange {
  background-color: #f26c23;
  color: #fff;
  border: 2px solid #e55525;
}
.button.button-orange:hover,
button.button.button-orange:hover,
.blueprint .button.button-orange:hover,
a.button:link.button-orange:hover,
a.button:visited.button-orange:hover,
.button.button-orange:focus,
button.button.button-orange:focus,
.blueprint .button.button-orange:focus,
a.button:link.button-orange:focus,
a.button:visited.button-orange:focus {
  background-color: #f5894f;
}
.button.button-transparent-light,
button.button.button-transparent-light,
.blueprint .button.button-transparent-light,
a.button:link.button-transparent-light,
a.button:visited.button-transparent-light {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.button.button-transparent-light:hover,
button.button.button-transparent-light:hover,
.blueprint .button.button-transparent-light:hover,
a.button:link.button-transparent-light:hover,
a.button:visited.button-transparent-light:hover,
.button.button-transparent-light:focus,
button.button.button-transparent-light:focus,
.blueprint .button.button-transparent-light:focus,
a.button:link.button-transparent-light:focus,
a.button:visited.button-transparent-light:focus {
  border-color: #f4f4f4;
}
.fx-privacy-link {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  text-shadow: none;
}
.fx-privacy-link a:link,
.fx-privacy-link a:visited {
  color: #fff;
}
.fx-privacy-link a:hover,
.fx-privacy-link a:focus {
  text-decoration: underline;
}
.sand .fx-privacy-link a:link,
.sand .fx-privacy-link a:visited {
  color: #0096dd;
}
.sky .fx-privacy-link a:link,
.sky .fx-privacy-link a:visited {
  color: #67a7d0;
}
.space .fx-privacy-link a:link,
.space .fx-privacy-link a:visited {
  color: #0096dd;
}
.blueprint .fx-privacy-link a:link,
.blueprint .fx-privacy-link a:visited {
  color: #0096dd;
}
.fxfamilynav-cta-wrapper .button,
.fxfamilynav-cta-wrapper a.button:link,
.fxfamilynav-cta-wrapper a.button:visited {
  padding: 10px 18px;
  font-size: 14px;
  font-size: 0.875rem;
}
ul.download-list {
  list-style-type: none;
  margin-bottom: 10px;
}
ul.download-list li {
  margin-left: 0;
}
ul.download-list strong {
  font-weight: normal;
}
.infobar a.button {
  margin-left: 20px;
  padding: 5px 18px;
  font-size: 16px;
  font-size: 1rem;
}
.download-dumb ul {
  list-style: none;
}
.download-dumb ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 20px 0 0;
}
.download-dumb ul li .button {
  padding: 6px;
  margin-left: 3px;
  font-size: 14px;
  font-size: 0.875rem;
}
.download-button {
  display: inline-block;
  vertical-align: top;
}
.download-other {
  color: #bbb;
  font-size: 11px;
  font-size: 0.6875rem;
}
.download-other a:link,
.download-other a:visited {
  color: #999;
}
.download-other a:hover,
.download-other a:focus,
.download-other a:active {
  color: #999;
  text-decoration: underline;
}
/* !important used for strict download link enforcement */
/* stylelint-disable declaration-no-important  */
.download-button .ios-download,
.download-button .linux-arm-download,
.download-button .unrecognized-download,
.download-button .unsupported-download,
.download-button .unsupported-download-osx,
.download-button .nojs-download {
  display: none;
}
.download-button .os_winsha1,
.download-button .os_win64,
.download-button .os_linux,
.download-button .os_linux64,
.android .download-button-desktop,
.windows.arm .download-button .os_win,
.linux.arm .download-button .os_linux,
.linux.x86.x64 .download-list .os_linux,
.download-button .os_win,
.download-button .os_osx,
.download-button .os_android,
.download-button .os_ios,
.no-js .download-list,
.other .download-list {
  display: none !important;
}
.linux .download-button .os_linux,
.linux.x86.x64 .download-button .os_linux64,
.windows .download-button .os_win,
.osx .download-button .os_osx,
.android .download-button .os_android,
.download-button-android .os_android,
.android .download-button-desktop .download-list,
.android .download-button-desktop small.os_win,
.download-button-ios .os_ios,
.ios .download-button .os_ios,
.ios .download-button .ios-download,
.ios .download-button-desktop .download-list,
.other .download-button-android .download-list,
.other .download-button small.os_win {
  display: block !important;
}
.windows.arm .download-button .unsupported-download,
.linux.arm .download-button .linux-arm-download,
.oldwin .download-button .unsupported-download,
.oldmac .download-button .unsupported-download {
  display: block;
  max-width: 250px;
}
.windows.arm .download-button .fx-privacy-link,
.linux.arm .download-button .fx-privacy-link,
.oldwin .download-button .fx-privacy-link,
.oldmac .download-button .fx-privacy-link {
  display: none;
}
.android .download-button-desktop .nojs-download,
.ios .download-button-desktop .nojs-download,
.no-js .download-button .nojs-download {
  display: block;
}
.other .download-button .unrecognized-download {
  display: block;
}
.download-button .download-list .os_android.x86,
.download-button .download-other.os_android .api-15,
.android.x86 .download-button .download-list .os_android.armv7up,
.android.x86 .download-button .download-other.os_android .x86 {
  display: none !important;
}
.android.x86 .download-button .download-list .os_android.x86 {
  display: block !important;
}
.android.x86 .download-button .download-other.os_android .armv7up {
  display: inline !important;
}
.windows.sha-1 .download-button .os_win {
  display: none !important;
}
.windows.sha-1 .download-button .os_winsha1 {
  display: block !important;
}
/* stylelint-enable */
html[lang="ml"] .button {
  padding: 10px 16px;
}
@-webkit-keyframes sand-bounce-down {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -500px, 0);
    transform: translate3d(0, -500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes sand-bounce-down {
  0%,
  60%,
  75%,
  90%,
  100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, 0, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
@-webkit-keyframes sand-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sand-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sand-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sand-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* {{{ Basic Colors, Text, Links */
html {
  background: #fff;
  font-size: 100%;
}
body {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  font-family: 'Open Sans', X-LocaleSpecific, sans-serif;
  color: #333;
  background: #fff;
}
#outer-wrapper {
  position: relative;
  border-top: 2px solid #fff;
  background: #f9f9f9 url("/media/img/sandstone/bg-stone.png") 0 0 repeat-x;
}
#wrapper {
  padding-bottom: 40px;
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#strings {
  /* An arbitrary container for translatable strings to use in scripts */
  display: none;
}
a {
  color: #0096dd;
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  color: #0073aa;
  text-decoration: underline;
}
a:visited {
  color: #0073aa;
}
a.more:after {
  content: "\00A0\00BB";
  /* nbsp raquo */
  white-space: nowrap;
}
a.more:after {
  content: "\00A0\00BB";
  /* nbsp raquo */
  white-space: nowrap;
}
.sand #outer-wrapper {
  background: #f5f1e8 url("/media/img/sandstone/bg-gradient-sand.png") repeat-x;
  background: url("/media/img/sandstone/bg-gradient-sand.png") repeat-x, url("/media/img/sandstone/bg-sand.png") repeat, #f5f1e8;
}
.sky #outer-wrapper {
  background: #eee url("/media/img/sandstone/bg-gradient-sky.png") repeat-x;
  background: url("/media/img/sandstone/bg-gradient-sky.png") repeat-x, url("/media/img/sandstone/grain.png") repeat, #eee;
}
.sky a {
  color: #67a7d0;
}
.sky a:hover,
.sky a:focus,
.sky a:active {
  color: #4090c4;
}
.space {
  color: #fff;
  background: #000;
}
.space #outer-wrapper {
  background: url('/media/img/firefox/horizon/stars.svg') center 60px no-repeat, linear-gradient(to bottom, #000, #002048 1000px, #000 2000px);
}
.space a {
  color: #0096dd;
}
.space a:hover,
.space a:focus,
.space a:active {
  color: #11b3ff;
}
.space h1,
.space h2,
.space h3,
.space h4,
.space h5,
.space h6,
.space .huge,
.space .large {
  color: #fff;
  text-shadow: none;
}
.space #masthead nav li a,
.space #masthead nav li a:link,
.space #masthead nav li a:visited {
  color: #0096dd;
}
.space #masthead nav li li a,
.space #masthead nav li li a:link,
.space #masthead nav li li a:visited {
  color: #484848;
}
.space #masthead h2 img {
  height: auto;
}
.blueprint {
  color: #fff;
}
.blueprint #outer-wrapper {
  background: #1e1e21;
  background-image: -webkit-radial-gradient(top left, ellipse farthest-side, #00549e 0%, rgba(0, 0, 0, 0) 100%);
  background-image: radial-gradient(ellipse farthest-side at top left, #00549e 0%, rgba(0, 0, 0, 0) 100%);
  background-size: 100% 500px;
  background-repeat: no-repeat;
  background-position: top center;
}
.blueprint a {
  color: #0096dd;
}
.blueprint a:hover,
.blueprint a:focus,
.blueprint a:active {
  color: #11b3ff;
}
.blueprint h1,
.blueprint h2,
.blueprint h3,
.blueprint h4,
.blueprint h5,
.blueprint h6,
.blueprint .huge,
.blueprint .large {
  color: #fff;
  text-shadow: none;
}
.blueprint #masthead nav li a,
.blueprint #masthead nav li a:link,
.blueprint #masthead nav li a:visited {
  color: #fff;
}
.blueprint #masthead nav li li a,
.blueprint #masthead nav li li a:link,
.blueprint #masthead nav li li a:visited {
  color: #484848;
}
.mozID a:link,
.mozID a:active,
.mozID a:focus,
.mozID a:visited {
  color: #fff;
}
.mozID a:link:hover,
.mozID a:active:hover,
.mozID a:focus:hover,
.mozID a:visited:hover,
.mozID a:link:focus,
.mozID a:active:focus,
.mozID a:focus:focus,
.mozID a:visited:focus {
  text-decoration: underline;
}
.mozID h1,
.mozID h2,
.mozID h3,
.mozID h4,
.mozID h5,
.mozID h6,
.mozID .huge,
.mozID .large {
  color: #fff;
  text-shadow: none;
}
.mozID #wrapper {
  width: 100%;
}
.mozID #wrapper .container {
  width: 960px;
  padding-left: 20px;
  padding-right: 20px;
}
.mozID #masthead {
  z-index: 10;
  padding-left: 0;
  padding-right: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
legend,
.huge,
.large,
legend {
  font-family: 'Open Sans Light', X-LocaleSpecific-Light, 'Open Sans', X-LocaleSpecific, sans-serif;
  font-weight: normal;
  display: block;
  margin: 0 0 12px 0;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  color: #484848;
  letter-spacing: -0.035em;
}
.huge,
.huge h1 {
  font-size: 108px;
  font-size: 6.75rem;
}
.large,
.large h1 {
  font-size: 72px;
  font-size: 4.5rem;
}
h1,
.huge h2,
.large h2,
.billboard h2 {
  font-size: 48px;
  font-size: 3rem;
}
h2 {
  font-size: 32px;
  font-size: 2rem;
}
h3 {
  font-size: 28px;
  font-size: 1.75rem;
}
h4,
legend {
  font-size: 24px;
  font-size: 1.5rem;
}
h5 {
  font-size: 16px;
  font-size: 1rem;
}
h6 {
  font-size: 14px;
  font-size: 0.875rem;
}
.small,
small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
}
hgroup h1,
hgroup h2,
hgroup h3,
hgroup h4,
hgroup h5,
hgroup h6 {
  margin-bottom: 0;
}
p,
ul,
ol,
dl,
hgroup {
  margin: 0 0 20px 0;
}
ul.unstyled li,
ol.unstyled li {
  list-style-type: none;
  margin-left: 0;
}
ul.unstyled li li,
ol.unstyled li li {
  list-style-type: disc;
  margin-left: 20px;
}
li > ul {
  margin-bottom: 0;
}
li {
  margin-left: 20px;
}
dl dt {
  font-family: 'Open Sans Light', X-LocaleSpecific-Light, 'Open Sans', X-LocaleSpecific, sans-serif;
  font-weight: normal;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.035em;
  margin-bottom: 10px;
}
dl dd {
  margin-bottom: 40px;
}
dl.faq dt {
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: normal;
}
dl.faq dd {
  margin-bottom: 1.5em;
}
dl.simple dt {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
}
dl.simple dd {
  margin-bottom: 20px;
}
pre,
code {
  color: #666;
  font-size: 14px;
  font-size: 0.875rem;
}
.center {
  text-align: center;
}
hr {
  margin: 20px 0;
  border-bottom: 1px dotted #d6d6d6;
}
img {
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}
img[data-high-res] {
  display: none;
}
.js img[data-high-res] {
  display: inline;
}
/* }}} */
/* {{{ Forms */
textarea,
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
input[type=search],
input[type=text],
input[type=number],
input[type=date],
input[type=time] {
  background: #fff;
  border-color: #b2b2b2;
  border-style: solid;
  border-width: 1px;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 4px 10px;
  border-radius: 3px;
  box-shadow: 0 1px rgba(255, 255, 255, 0.5);
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
  line-height: 1.1;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
textarea {
  height: auto;
}
textarea:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input.focus {
  border-color: #42a4e0;
  box-shadow: 0 0 0 2px rgba(73, 173, 227, 0.4);
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
select:focus {
  box-shadow: 0 0 0 2px rgba(73, 173, 227, 0.4);
}
textarea:-moz-ui-invalid:not(output),
input[type=email]:-moz-ui-invalid:not(output),
input[type=password]:-moz-ui-invalid:not(output),
input[type=search]:-moz-ui-invalid:not(output),
input[type=text]:-moz-ui-invalid:not(output),
input[type=tel]:-moz-ui-invalid:not(output),
input.invalid {
  border-color: #a91300;
  box-shadow: 0 0 0 2px rgba(255, 80, 80, 0.4);
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
.fill-width {
  display: block;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field {
  margin-bottom: 10px;
}
.field label {
  display: block;
  margin-bottom: 0.1em;
}
.field label .required {
  font-size: 12px;
  font-size: 0.75rem;
  color: #af3232;
  text-transform: uppercase;
}
.field label.checkbox,
.field label.radio {
  display: block;
  padding-left: 1.5em;
}
.field label.checkbox input[type="checkbox"],
.field label.radio input[type="radio"] {
  float: left;
  margin-left: -1.5em;
}
.field.required label:after {
  content: " *";
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #af3232;
}
.field .field-note {
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
  margin-top: 0.1em;
}
.form-minimal-label label {
  font-size: 12px;
  font-size: 0.75rem;
  color: #999;
}
.in-form-fieldset {
  margin-top: 10px;
  margin-bottom: 10px;
}
.in-form-fieldset legend {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: normal;
}
.in-form-fieldset legend.required:after {
  content: " *";
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #af3232;
}
.messagelist {
  margin: 0 0 24px 0;
  font-family: 'Open Sans', X-LocaleSpecific, sans-serif;
}
.messagelist li {
  list-style-type: none;
}
.messagelist .error {
  color: #c00;
}
.messagelist .warning {
  color: #0c0;
}
.messagelist .info {
  color: #000;
}
.errorlist {
  margin: 0;
  font-family: 'Open Sans', X-LocaleSpecific, sans-serif;
  color: #c00;
}
.errorlist li {
  list-style-type: none;
  margin: 0;
}
.field-error input[type=email],
.field-error input[type=password],
.field-error input[type=text],
.field-error input[type=tel] {
  border-color: #af3232;
  box-shadow: 0 0 0 2px rgba(175, 50, 50, 0.4);
}
.field-error select {
  box-shadow: 0 0 0 3px rgba(175, 50, 50, 0.4);
}
.field-error label {
  color: #af3232;
}
input[type=email].error,
input[type=password].error,
input[type=text].error,
input[type=tel].error,
textarea.error {
  border-color: #af3232;
  box-shadow: 0 0 0 2px rgba(175, 50, 50, 0.4);
}
select.error {
  box-shadow: 0 0 0 3px rgba(175, 50, 50, 0.4);
}
.tooltip {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px #333;
  text-align: center;
  line-height: 16px;
  background-color: #aa1401;
  background-image: -webkit-linear-gradient(top, rgba(218, 81, 50, 0.9), #a91300);
  background-image: linear-gradient(top, rgba(218, 81, 50, 0.9), #a91300);
  border-radius: 4px;
  padding: 10px 15px;
  box-shadow: 0 1px #666;
  max-width: 275px;
  position: relative;
}
.tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 15px;
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #a91300 transparent;
}
.tooltip.arrow-top:after {
  top: -10px;
  border-width: 0 10px 10px;
  border-color: #d54a2c transparent;
}
.tooltip.arrow-left:after {
  top: 50%;
  margin-top: -10px;
  left: -10px;
  border-width: 10px 10px 10px 0;
  border-color: transparent #c13018;
}
label.error {
  font-family: 'Open Sans', X-LocaleSpecific, sans-serif;
  color: #af3232;
}
.super-priority-field {
  display: none;
  visibility: hidden;
}
/* }}} */
/* {{{ Layout */
#main-content,
#main-feature {
  padding-bottom: 48px;
}
.main-column {
  float: left;
  width: 540px;
  margin: 0 10px;
}
.sidebar {
  float: left;
  width: 220px;
  margin: 0 10px;
  margin-left: 170px;
}
.divider.container,
.divider {
  border-bottom: 1px dotted #d6d6d6;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.divider-last.container,
.divider-last {
  border-bottom: 0;
  padding-bottom: 40px;
}
/* }}} */
/* {{{ Grid containers */
#masthead,
#main-feature,
#main-content,
#colophon,
.billboard,
.container {
  display: block;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  zoom: 1;
}
#masthead:after,
#main-feature:after,
#main-content:after,
#colophon:after,
.billboard:after,
.container:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#masthead:after,
#main-feature:after,
#main-content:after,
#colophon:after,
.billboard:after,
.container:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
/* }}} */
/* {{{ Header Nav */
#masthead h2 {
  padding: 30px 0 20px;
  margin: 0 10px;
}
#masthead nav {
  float: right;
  margin: 0 16px;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: 'Open Sans', X-LocaleSpecific, sans-serif;
}
#masthead nav ul {
  margin-bottom: 0;
}
#masthead nav li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  list-style-type: none;
  margin: 0;
}
#masthead nav li a,
#masthead nav li b {
  display: inline-block;
  padding: 12px;
  font-weight: normal;
}
#masthead nav li b,
#masthead nav li .current {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url("/media/img/sandstone/menu-current.png");
}
#masthead nav li a,
#masthead nav li a:link,
#masthead nav li a:visited {
  color: #484848;
}
.html-rtl #tabzilla,
.html-rtl #masthead nav {
  float: left;
}
#masthead .toggle {
  display: none;
  /* Hidden in non-mobile views */
}
/* }}} */
/* {{{ Header Breadcrumbs */
#masthead nav.breadcrumbs {
  padding: 0 10px 10px 10px;
  float: none;
}
#masthead nav.breadcrumbs a,
#masthead nav.breadcrumbs span {
  margin-right: .5em;
  margin-left: .5em;
}
#masthead nav.breadcrumbs a:first-child,
#masthead nav.breadcrumbs span:first-child {
  margin-left: 0;
}
/* }}} */
/* {{{ Headers/Titles */
.title-shadow-box {
  font-family: 'Open Sans Light', X-LocaleSpecific-Light, 'Open Sans', X-LocaleSpecific, sans-serif;
  font-weight: normal;
  width: 420px;
  padding: 20px;
  font-size: 48px;
  font-size: 3rem;
  letter-spacing: -0.05em;
  color: #fff;
  text-shadow: none;
  background: #b30406;
  background: rgba(179, 4, 6, 0.95);
  margin: -60px 0 40px;
  position: relative;
  float: left;
}
.title-shadow-box:after {
  content: "";
  display: block;
  width: 100%;
  padding: 0;
  height: 40px;
  position: absolute;
  bottom: -40px;
  left: 0;
  background: url("/media/img/mission/title-banner-shadow.png") no-repeat;
}
html[dir="rtl"] .title-shadow-box {
  float: right;
}
html[dir="rtl"] .title-shadow-box:after {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
/* }}} */
/* {{{ Menu Bars */
.billboard {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  box-shadow: 0 0 0 1px #fff inset;
  background: #fff;
  border-bottom: 1px solid #ddd;
  zoom: 1;
}
.billboard:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.billboard:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.billboard h1,
.billboard h2,
.billboard h3,
.billboard h4,
.billboard h5,
.billboard h6,
.billboard .huge,
.billboard .large {
  color: #484848;
}
nav.menu-bar {
  text-align: center;
  font-family: 'Open Sans Light', X-LocaleSpecific-Light, 'Open Sans', X-LocaleSpecific, sans-serif;
  font-weight: normal;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
nav.menu-bar ol,
nav.menu-bar ul {
  margin: 0;
}
nav.menu-bar ol li,
nav.menu-bar ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
nav.menu-bar ol li a,
nav.menu-bar ul li a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-left: 1px dotted #d6d6d6;
  padding: 6.66666667px 20px;
}
nav.menu-bar ol li a span,
nav.menu-bar ul li a span {
  display: block;
}
nav.menu-bar ol li:first-child a,
nav.menu-bar ul li:first-child a {
  border-left: 0;
}
/* }}} */
/* {{{ Tables */
.table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
}
.table caption {
  text-align: left;
  padding-bottom: 1px;
  /* fix to get it to look nice in many browsers */
  margin-bottom: -1px;
  width: 100%;
}
.table th,
.table td {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 20px 10px 0;
  text-align: left;
}
.table thead th,
.table thead td {
  border-top: 0;
  padding-top: 0;
  font-size: 16px;
  font-size: 1rem;
  font-family: 'Open Sans Light', X-LocaleSpecific-Light, 'Open Sans', X-LocaleSpecific, sans-serif;
  font-weight: normal;
}
.html-rtl .table caption,
.html-rtl .table th,
.html-rtl .table td {
  text-align: right;
}
/* }}} */
/* {{{ Sidebar */
.sidebar nav,
.sidebar .nav {
  font-family: 'Open Sans Light', X-LocaleSpecific-Light, 'Open Sans', X-LocaleSpecific, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  color: #484848;
}
.sidebar nav li,
.sidebar .nav li {
  list-style-type: none;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  line-height: 1.1;
}
.sidebar nav li a,
.sidebar .nav li a,
.sidebar nav li b,
.sidebar .nav li b {
  display: block;
  padding: 8px 0;
}
.sidebar nav li li b,
.sidebar .nav li li b {
  font-weight: bold;
}
.sidebar nav li:first-child,
.sidebar .nav li:first-child {
  font-size: 24px;
  font-size: 1.5rem;
}
.sidebar .reference {
  margin: 40px auto;
}
.sidebar .reference .more {
  display: block;
  padding: 10px 0;
  border-bottom: 1px dotted #d6d6d6;
  font-family: 'Open Sans Light', X-LocaleSpecific-Light, 'Open Sans', X-LocaleSpecific, sans-serif;
  font-weight: normal;
}
.sidebar .reference p {
  margin: 0;
}
/* }}} */
/* {{{ Footer Email Form */
.newsletter-form {
  margin-bottom: 0;
}
.newsletter-form .form-title {
  float: left;
  width: 300px;
  margin: 0 10px;
}
.newsletter-form .form-contents {
  float: left;
  width: 300px;
  margin: 0 10px;
}
.newsletter-form .form-submit {
  float: left;
  width: 220px;
  margin: 0 10px;
}
.newsletter-form .form-submit input {
  overflow: visible;
}
.newsletter-form select {
  max-width: 80%;
}
.newsletter-form input[type=email] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 19px 10px;
}
.newsletter-form .field-privacy {
  font-size: 12px;
  font-size: 0.75rem;
}
.newsletter-form .field-privacy input {
  float: left;
}
.newsletter-form .field-privacy .title {
  display: block;
  padding: 0 0 0 25px;
}
.newsletter-form.loading .form-title,
.newsletter-form.loading .form-contents,
.newsletter-form.loading .form-submit {
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.2;
}
.html-rtl .newsletter-form .form-title,
.html-rtl .newsletter-form .form-contents,
.html-rtl .newsletter-form .form-submit,
.html-rtl .newsletter-form .field-privacy input {
  float: right;
}
.html-rtl .newsletter-form .field-privacy .title {
  padding: 0 25px 0 0;
}
.newsletter-form.thank {
  display: none;
  overflow: hidden;
}
.newsletter-form.thank .form-title {
  width: auto;
  margin: auto;
  padding: 0;
  float: none;
  -webkit-animation: sand-bounce-down 0.7s ease-in 0.2s 1 normal both;
  animation: sand-bounce-down 0.7s ease-in 0.2s 1 normal both;
}
.newsletter-form.thank p {
  margin-top: 20px;
  -webkit-animation: sand-fade-in 0.5s ease-in 0.8s 1 normal both;
  animation: sand-fade-in 0.5s ease-in 0.8s 1 normal both;
}
.js #form-details,
.js .form-details {
  display: none;
}
.js .has-errors #form-details,
.js .has-errors .form-details {
  display: block;
}
.js p.form-details {
  margin-top: 8px;
  line-height: 1;
}
#footer-email-errors .errorlist,
#newsletter-errors .errorlist {
  display: block;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  zoom: 1;
  background: #AF3232;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
#footer-email-errors .errorlist:after,
#newsletter-errors .errorlist:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#footer-email-errors .errorlist:after,
#newsletter-errors .errorlist:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#newsletter-spinner {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* }}} */
/* {{{ Footer */
#colophon {
  font-size: 14px;
  font-size: 0.875rem;
  background: #fff;
  color: #666;
  line-height: 1.5;
  margin: 0;
  padding: 40px 0;
  width: 100%;
}
#colophon p {
  color: inherit;
}
#colophon a:link,
#colophon a:visited {
  color: #0096dd;
  text-decoration: none;
}
#colophon a:hover,
#colophon a:focus,
#colophon a:active {
  color: #00539f;
  text-decoration: underline;
}
#colophon .logo {
  margin-bottom: .5em;
}
#colophon .logo a {
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  background: url('/media/img/pebbles/moz-wordmark-dark-reverse.svg') no-repeat;
  -webkit-background-size: 100px 32px;
  background-size: 100px 32px;
  height: 32px;
  width: 100px;
}
#colophon li {
  margin: 0;
  list-style-type: none;
}
#colophon.dark {
  background: #000;
  color: #fff;
}
#colophon.dark a:link,
#colophon.dark a:visited {
  color: #23c7db;
  text-decoration: none;
}
#colophon.dark a:hover,
#colophon.dark a:focus,
#colophon.dark a:active {
  color: #23c7db;
  text-decoration: underline;
}
#colophon.blue {
  background-color: #005189;
  color: #fff;
}
#colophon.blue a:link,
#colophon.blue a:visited {
  color: #bee1f5;
  text-decoration: none;
}
#colophon.blue a:hover,
#colophon.blue a:focus,
#colophon.blue a:active {
  color: #fff;
  text-decoration: underline;
}
#colophon.dark .logo a,
#colophon.blue .logo a {
  background-image: url('/media/img/pebbles/moz-wordmark-light-reverse.svg');
}
#colophon.universal h5 {
  color: #000;
  font-weight: bold;
}
#colophon.universal .row {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
  margin: 0 auto;
  padding: 0 10px;
  width: 1000px;
}
#colophon.universal .row:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#colophon.universal .row:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#colophon.universal .col {
  float: left;
  width: 300px;
  margin: 0 10px;
}
#colophon.universal .primary {
  border-bottom: 1px solid #666;
}
#colophon.universal .primary .col-1 {
  float: left;
  width: 140px;
  margin: 0 10px;
}
#colophon.universal .primary .col-2,
#colophon.universal .primary .col-3 {
  float: left;
  width: 380px;
  margin: 0 10px;
}
#colophon.universal.dark h5,
#colophon.universal.blue h5 {
  color: #fff;
  text-shadow: none;
}
#colophon.universal.dark .primary,
#colophon.universal.blue .primary {
  border-bottom: 1px solid #fff;
}
#colophon.universal .secondary {
  padding-top: 20px;
}
#colophon.universal .secondary .col-1 {
  float: left;
  width: 300px;
  margin: 0 10px;
}
#colophon.universal .secondary .col-2 {
  float: left;
  width: 620px;
  margin: 0 10px;
}
#colophon.universal .license {
  margin-bottom: 0;
}
#colophon.universal .social-links {
  display: inline;
  margin: 0;
}
#colophon.universal .social-links li {
  display: inline;
}
#colophon.universal .social-links li:before {
  content: "\00B7\00A0";
  /* ·  */
}
#colophon.universal .social-links li:first-child:before {
  content: "";
}
#colophon.universal .social-links li span {
  /* !important required to ensure element is hidden when mixin is applied */
  /* stylelint-disable-line declaration-no-important */
  /* !important required to ensure element is hidden when mixin is applied */
  /* stylelint-disable-line declaration-no-important */
  /* !important required to ensure element is hidden when mixin is applied */
  /* stylelint-disable-line declaration-no-important */
  /* !important required to ensure element is hidden when mixin is applied */
  position: absolute !important;
  /* stylelint-disable-line declaration-no-important */
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  padding: 0;
  border: 0;
  /* for a11y */
}
#colophon.universal .legal-links li {
  display: inline;
}
#colophon.universal .legal-links li:before {
  content: " | ";
}
#colophon.universal .legal-links li:first-child:before {
  content: "";
}
.html-rtl #colophon.universal .col {
  float: right;
}
#colophon.old p,
#colophon.old ul {
  margin-bottom: 10px;
  line-height: 1.5;
}
#colophon.old li {
  margin: 0;
  list-style-type: none;
}
#colophon.old .row {
  width: 960px;
  margin: 0 auto;
  zoom: 1;
}
#colophon.old .row:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#colophon.old .row:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
#colophon.old .col {
  float: left;
  width: 300px;
  margin: 0 10px;
}
#colophon.old .col > *:last-child {
  margin-bottom: 0;
}
#colophon.old .col-2 ul {
  overflow: hidden;
}
#colophon.old .col-2 ul.fx-footer-links li {
  float: none;
}
#colophon.old .col-2 ul li {
  float: left;
}
#colophon.old .col-2 ul li.wrap:before {
  content: "\00A0\00B7\00A0";
  /*  ·  */
}
#colophon.old .col-2 ul li.clear {
  clear: both;
}
#colophon.old .links-social li ul {
  display: inline;
  margin: 0;
}
#colophon.old .links-social li li {
  display: inline;
}
#colophon.old .links-social li li:before {
  content: "\00B7\00A0";
  /* ·  */
}
#colophon.old .links-social li li:first-child:before {
  content: "";
}
#colophon.old .links-social li li span {
  /* !important required to ensure element is hidden when mixin is applied */
  /* stylelint-disable-line declaration-no-important */
  /* !important required to ensure element is hidden when mixin is applied */
  /* stylelint-disable-line declaration-no-important */
  /* !important required to ensure element is hidden when mixin is applied */
  /* stylelint-disable-line declaration-no-important */
  /* !important required to ensure element is hidden when mixin is applied */
  position: absolute !important;
  /* stylelint-disable-line declaration-no-important */
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  padding: 0;
  border: 0;
  /* for a11y */
}
.html-rtl #colophon.old .col,
.html-rtl #colophon.old .col-2 ul li {
  float: right;
}
.visually-hidden {
  /* !important required to ensure element is hidden when mixin is applied */
  /* stylelint-disable-line declaration-no-important */
  /* !important required to ensure element is hidden when mixin is applied */
  position: absolute !important;
  /* stylelint-disable-line declaration-no-important */
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  padding: 0;
  border: 0;
}
.hidden {
  display: none;
}
.invert {
  transform: rotateY(-180deg);
  transition: transform 1s ease-in-out;
}
/* }}} */
/* {{{ Responsive Grid */
/* Tablet Layout: 760px */
@media only screen and (min-width: 760px) and (max-width: 1000px) {
  #wrapper {
    width: 760px;
  }
  .mozID #wrapper .container {
    width: 760px;
  }
  #masthead,
  #main-feature,
  #main-content,
  .billboard,
  .container {
    width: 720px;
  }
  .main-column {
    float: left;
    width: 460px;
    margin: 0 10px;
  }
  nav.menu-bar {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .sidebar {
    float: left;
    width: 160px;
    margin: 0 10px;
    margin-left: 70px;
  }
  .footer-newsletter-form .form-title,
  #newsletter-form .form-title {
    float: left;
    width: 160px;
    margin: 0 10px;
    padding-top: 4px;
  }
  .footer-newsletter-form .form-contents,
  #newsletter-form .form-contents {
    float: left;
    width: 280px;
    margin: 0 10px;
  }
  .footer-newsletter-form .form-submit,
  #newsletter-form .form-submit {
    float: left;
    width: 220px;
    margin: 0 10px;
  }
  #colophon.universal .row {
    width: 720px;
    padding: 0;
  }
  #colophon.universal .primary .col-1 {
    float: left;
    width: 100px;
    margin: 0 10px;
  }
  #colophon.universal .primary .col-2,
  #colophon.universal .primary .col-3 {
    float: left;
    width: 280px;
    margin: 0 10px;
  }
  #colophon.universal .secondary {
    padding-top: 20px;
  }
  #colophon.universal .secondary .col-1 {
    float: left;
    width: 300px;
    margin: 0 10px;
  }
  #colophon.universal .secondary .col-2 {
    float: left;
    width: 380px;
    margin: 0 10px;
  }
  #colophon.universal .license {
    margin-bottom: 10px;
  }
  .html-rtl #colophon.universal .col {
    float: none;
  }
  #colophon.old .row {
    width: 720px;
  }
  #colophon.old .col-1 {
    float: none;
    width: auto;
    margin: 0 10px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  #colophon.old .col-2,
  #colophon.old .col-3 {
    float: left;
    width: 340px;
    margin: 0 10px;
  }
  #colophon.old .logo {
    float: left;
    margin-bottom: 0;
    width: 120px;
  }
  #colophon.old .license {
    margin: 0 0 0 120px;
  }
  .html-rtl #colophon.old .col-2,
  .html-rtl #colophon.old .col-3,
  .html-rtl #colophon.old .logo {
    float: right;
  }
  .html-rtl #colophon.old .license {
    margin: 0 120px 0 0;
  }
}
/* Mobile Layout: 320px */
@media only screen and (max-width: 760px) {
  #wrapper {
    width: 320px;
  }
  .mozID #wrapper .container {
    width: 320px;
  }
  #masthead,
  #main-feature,
  #main-content,
  #colophon,
  .billboard,
  .container,
  .main-column,
  .sidebar {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
  .main-column,
  .sidebar {
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: auto;
    margin: 0 10px;
  }
  .row {
    margin-left: auto;
  }
  #masthead .toggle {
    display: block;
    width: 32px;
    height: 32px;
    /*margin: -3px 0 0 -3px;*/
    background: no-repeat center top url("/media/img/sandstone/icn-menu.png");
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    top: -3px;
  }
  #masthead .toggle.open {
    background-position: center -100px;
  }
  #masthead h2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #masthead nav {
    float: none;
    padding-top: 10px;
    margin-left: 10px;
  }
  #masthead nav ul li {
    display: block;
  }
  #masthead nav ul li a,
  #masthead nav ul li b {
    display: block;
    padding: 0;
  }
  #masthead nav ul li b,
  #masthead nav ul li .current {
    background-image: none;
  }
  #masthead nav.breadcrumbs {
    margin-left: 0;
  }
  #masthead nav.breadcrumbs a,
  #masthead nav.breadcrumbs span {
    margin-right: .3em;
    margin-left: .3em;
  }
  .space #masthead nav li a,
  .blueprint #masthead nav li a,
  .space #masthead nav li a:link,
  .blueprint #masthead nav li a:link,
  .space #masthead nav li a:visited,
  .blueprint #masthead nav li a:visited {
    color: #484848;
  }
  .huge,
  .huge h1,
  .large,
  .large h1 {
    font-size: 48px;
    font-size: 3rem;
  }
  h1,
  .large h2 {
    font-size: 32px;
    font-size: 2rem;
  }
  h2,
  .billboard h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
  h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  h4 {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0;
  }
  h5 {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 0;
  }
  dl dt {
    font-size: 24px;
    font-size: 1.5rem;
  }
  nav.menu-bar {
    text-align: inherit;
    line-height: 1;
  }
  nav.menu-bar ul {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  nav.menu-bar ul li {
    display: block;
    padding: 0;
  }
  nav.menu-bar ul li a {
    padding: 10px;
    border: 0;
    display: block;
    border-top: 1px dotted #d6d6d6;
    border-left: 0;
  }
  nav.menu-bar ul li:first-child a {
    border-top: 0;
  }
  .title-shadow-box {
    width: 340px;
    font-size: 28px;
    font-size: 1.75rem;
    margin: -25px 0 20px;
  }
  .footer-newsletter-form .form-title,
  #newsletter-form .form-title,
  .footer-newsletter-form .form-contents,
  #newsletter-form .form-contents,
  .footer-newsletter-form .form-submit,
  #newsletter-form .form-submit {
    width: auto;
    float: none;
    margin-bottom: 10px;
  }
  .footer-newsletter-form .form-submit,
  #newsletter-form .form-submit {
    margin-top: 10px;
  }
  .html-rtl .footer-newsletter-form .form-title,
  .html-rtl #newsletter-form .form-title,
  .html-rtl .footer-newsletter-form .form-contents,
  .html-rtl #newsletter-form .form-contents,
  .html-rtl .footer-newsletter-form .form-submit,
  .html-rtl #newsletter-form .form-submit {
    float: none;
  }
  #colophon.universal .row {
    width: 420px;
  }
  #colophon.universal .primary {
    border-bottom: none;
  }
  #colophon.universal.dark .primary,
  #colophon.universal.blue .primary {
    border-bottom: none;
  }
  #colophon.universal .primary .col,
  #colophon.universal .secondary .col {
    width: auto;
    float: none;
    margin-bottom: 10px;
  }
  #colophon.universal .license {
    margin-bottom: 10px;
  }
  #colophon.old .row {
    width: 300px;
  }
  #colophon.old .col {
    width: auto;
    float: none;
    margin-bottom: 10px;
  }
  .html-rtl #colophon .col {
    float: none;
  }
  #nav-main #nav-main-menu li {
    display: block;
    float: none;
    margin: 0 10px;
    border-bottom: 1px solid #f2f2f2;
  }
  #nav-main #nav-main-menu li:last-child {
    border: 0;
  }
  #nav-main .submenu hr {
    display: none;
  }
  #nav-main #nav-main-menu a,
  #nav-main #nav-main-menu b {
    cursor: pointer;
    display: block;
    text-transform: none;
    padding: 12px 35px 12px 10px;
    margin: 0 -10px;
  }
  #nav-main #nav-main-menu a.submenu-item {
    background: 94% 50% no-repeat url("/media/img/sandstone/arrow-go.png");
  }
  #nav-main #nav-main-menu a:hover,
  #nav-main #nav-main-menu a:focus,
  #nav-main #nav-main-menu a:active {
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    background-color: #247ac1;
    background-position: 94% 50%;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(top, #43a6e2, #247ac1);
    background-image: linear-gradient(to bottom, #43a6e2, #247ac1);
  }
  #nav-main #nav-main-menu a.submenu-item:hover,
  #nav-main #nav-main-menu a.submenu-item:focus,
  #nav-main #nav-main-menu a.submenu-item:active {
    background-image: url("/media/img/sandstone/arrow-go.png"), -webkit-linear-gradient(top, #43a6e2, #247ac1);
    background-image: url("/media/img/sandstone/arrow-go.png"), linear-gradient(to bottom, #43a6e2, #247ac1);
  }
  #nav-main #nav-main-menu li.first > a {
    border-radius: 10px 10px 0 0;
  }
  #nav-main #nav-main-menu li.last > a {
    border-radius: 0 0 10px 10px;
  }
  #nav-main-menu {
    background: #fff;
    position: absolute;
    z-index: 99;
    width: 200px;
    margin: 20px 0 0 -20px;
    left: -999em;
    top: 30px;
    overflow: visible;
    border-radius: 10px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  }
  #nav-main:hover #nav-main-menu,
  #nav-main-menu:target {
    left: auto;
  }
  .js #nav-main-menu {
    left: auto;
    display: none;
  }
  #nav-main-menu:before {
    content: "";
    display: block;
    width: 28px;
    height: 10px;
    background: no-repeat url("/media/img/sandstone/menu-point.png");
    position: absolute;
    left: 22px;
    top: -10px;
  }
  .html-rtl #masthead nav {
    float: right;
  }
  .html-rtl #masthead .toggle {
    left: auto;
    right: 10px;
  }
  .html-rtl #nav-main-menu {
    margin-left: 0;
    margin-right: -20px;
  }
  .html-rtl #nav-main-menu:before {
    left: auto;
    right: 12px;
  }
}
/* Wide Mobile Layout: 480px */
@media only screen and (min-width: 480px) and (max-width: 760px) {
  #wrapper {
    width: 440px;
  }
  #masthead,
  #main-feature,
  #main-content,
  .billboard,
  .container,
  .main-column,
  .sidebar {
    width: auto;
  }
  .main-column,
  .sidebar {
    padding-left: 0;
    padding-right: 0;
  }
  .mozID #wrapper .container {
    width: 440px;
  }
  #colophon.universal .row,
  #colophon.old .row {
    width: 440px;
  }
}
/* }}} */
@media only screen and (max-width: 480px) {
  .title-shadow-box {
    width: 240px;
  }
  .title-shadow-box:after {
    display: none;
  }
  #colophon.universal .row,
  #colophon.old .row {
    width: 300px;
  }
}
.no-js .platform-img.js {
  display: none;
}
/* }}} */

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
/****************************************************************************/
/****************************************************************************/
/* -------------------------------------------------------------------------- */
.moz-global-nav {
  background: #fff;
  margin: 0 auto;
  max-width: 1420px;
  overflow: hidden;
  position: relative;
}
.moz-global-nav a:link,
.moz-global-nav a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.moz-global-nav a:hover,
.moz-global-nav a:focus,
.moz-global-nav a:active {
  color: #000;
  text-decoration: underline;
  transition: color 0.1s ease-in-out;
}
.moz-global-nav .nav-button-menu {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 25px;
  margin: 13px 0;
  padding: 0;
  width: 50px;
}
.moz-global-nav .nav-button-menu .p1,
.moz-global-nav .nav-button-menu .p2,
.moz-global-nav .nav-button-menu .p3 {
  transition: transform 0.2s ease-in-out;
}
.moz-global-nav .nav-button-menu:hover .p1,
.moz-global-nav .nav-button-menu:active .p1 {
  transform: translateX(4px);
}
.moz-global-nav .nav-button-menu:hover .p2,
.moz-global-nav .nav-button-menu:active .p2 {
  transform: translateX(-3px);
}
.moz-global-nav .nav-button-menu:hover .p3,
.moz-global-nav .nav-button-menu:active .p3 {
  transform: translateX(4px);
}
.moz-global-nav .nav-button-menu:focus {
  outline: none;
}
.moz-global-nav .nav-button-menu:focus .p1,
.moz-global-nav .nav-button-menu:focus .p2,
.moz-global-nav .nav-button-menu:focus .p3 {
  fill: #646464;
}
.moz-global-nav .nav-button-menu::-moz-focus-inner {
  border: none;
}
.moz-global-nav .nav-button-menu.nav-hidden {
  display: none;
}
.moz-global-nav .nav-logo {
  font-size: 15px;
  font-size: 0.9375rem;
  float: left;
  height: 25px;
  margin: 0 0 0 17px;
  padding: 13px 0;
}
.moz-global-nav .nav-logo a {
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background: url('/media/img/pebbles/moz-wordmark-dark-reverse.svg') top left no-repeat;
  display: block;
  width: 78px;
  height: 25px;
}
@media only screen and (max-width: 1140px) {
  .moz-global-nav .nav-logo {
    margin-left: 5px;
  }
  .moz-global-nav .nav-logo a {
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    background-image: url('/media/img/favicon/favicon-196x196.png');
    width: 25px;
  }
}
.moz-global-nav .nav-horizontal-menu {
  zoom: 1;
  margin-left: 17px;
  padding: 25px 0 10px;
  position: relative;
  overflow: hidden;
}
.moz-global-nav .nav-horizontal-menu:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
@media only screen and (max-width: 860px) {
  .moz-global-nav .nav-horizontal-menu {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 1140px) {
  .moz-global-nav .nav-horizontal-menu {
    margin-left: 5px;
  }
}
.moz-global-nav .nav-primary-links {
  font-size: 16px;
  font-size: 1rem;
  display: block;
  float: left;
  list-style-type: none;
  margin: 0 0 0 21px;
  padding: 13px 0;
}
.moz-global-nav .nav-primary-links > li {
  display: inline-block;
  padding: 0 21px;
  margin: 0;
}
.moz-global-nav .nav-primary-links > li a:hover,
.moz-global-nav .nav-primary-links > li a:active,
.moz-global-nav .nav-primary-links > li a:focus {
  text-decoration: none;
}
.moz-global-nav .nav-primary-links > li a:focus {
  outline: none;
}
@media only screen and (max-width: 1140px) {
  .moz-global-nav .nav-primary-links {
    margin-left: 10px;
  }
  .moz-global-nav .nav-primary-links > li {
    padding: 0 6px;
  }
}
@media only screen and (max-width: 860px) {
  .moz-global-nav .nav-primary-links {
    display: none;
  }
}
.moz-global-nav.simple .nav-primary-links {
  display: block;
}
.moz-nav-open .moz-global-nav .nav-button-menu .p1 {
  transform: translateX(4px);
}
.moz-nav-open .moz-global-nav .nav-button-menu .p2 {
  transform: translateX(-3px);
}
.moz-nav-open .moz-global-nav .nav-button-menu .p3 {
  transform: translateX(4px);
}
/* -------------------------------------------------------------------------- */
.moz-global-nav-drawer {
  background: #000;
  bottom: 0;
  color: #fff;
  left: -320px;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 280px;
  z-index: 1000;
}
.moz-global-nav-drawer a:link,
.moz-global-nav-drawer a:visited {
  transition: color 0.1s ease-in-out;
  color: #fff;
  text-decoration: none;
}
.moz-global-nav-drawer a:hover,
.moz-global-nav-drawer a:active,
.moz-global-nav-drawer a:focus {
  transition: color 0.1s ease-in-out;
}
.moz-global-nav-drawer a:focus {
  outline: none;
}
.moz-global-nav-drawer abbr[title] {
  text-decoration: none;
}
.moz-global-nav-drawer .nav-drawer-close-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  font-size: 13px;
  font-size: 0.8125rem;
  background-color: #000;
  border: none;
  cursor: pointer;
  height: 22px;
  margin: 30px 0 0 22px;
  padding: 0;
  text-transform: uppercase;
}
.moz-global-nav-drawer .nav-drawer-close-button .rect {
  transform-origin: center center;
  transition: transform 0.12s ease-in-out;
  transform: translate(0, 0) rotate(45deg);
}
.moz-global-nav-drawer .nav-drawer-close-button .center {
  transform: rotate(45deg);
}
.moz-global-nav-drawer .nav-drawer-close-button:hover .top-left,
.moz-global-nav-drawer .nav-drawer-close-button:active .top-left,
.moz-global-nav-drawer .nav-drawer-close-button:focus .top-left {
  transform: translate(-7px, -7px) rotate(45deg);
}
.moz-global-nav-drawer .nav-drawer-close-button:hover .top-right,
.moz-global-nav-drawer .nav-drawer-close-button:active .top-right,
.moz-global-nav-drawer .nav-drawer-close-button:focus .top-right {
  transform: translate(7px, -7px) rotate(45deg);
}
.moz-global-nav-drawer .nav-drawer-close-button:hover .bottom-left,
.moz-global-nav-drawer .nav-drawer-close-button:active .bottom-left,
.moz-global-nav-drawer .nav-drawer-close-button:focus .bottom-left {
  transform: translate(-7px, 7px) rotate(45deg);
}
.moz-global-nav-drawer .nav-drawer-close-button:hover .bottom-right,
.moz-global-nav-drawer .nav-drawer-close-button:active .bottom-right,
.moz-global-nav-drawer .nav-drawer-close-button:focus .bottom-right {
  transform: translate(7px, 7px) rotate(45deg);
}
@media only screen and (max-width: 1140px) {
  .moz-global-nav-drawer .nav-drawer-close-button .rect {
    transition: none;
  }
  .moz-global-nav-drawer .nav-drawer-close-button .top-left {
    transform: translate(-7px, -7px) rotate(45deg);
  }
  .moz-global-nav-drawer .nav-drawer-close-button .top-right {
    transform: translate(7px, -7px) rotate(45deg);
  }
  .moz-global-nav-drawer .nav-drawer-close-button .bottom-left {
    transform: translate(-7px, 7px) rotate(45deg);
  }
  .moz-global-nav-drawer .nav-drawer-close-button .bottom-right {
    transform: translate(7px, 7px) rotate(45deg);
  }
}
.moz-global-nav-drawer .nav-drawer-close-button:focus {
  outline: none;
}
.moz-global-nav-drawer .nav-drawer-close-button::-moz-focus-inner {
  border: none;
}
.moz-global-nav-drawer .nav-menu-inner-container {
  margin-top: 42px;
  position: relative;
}
.moz-global-nav-drawer .nav-menu-scroll-pane {
  padding: 0 22px;
  width: 234px;
}
.moz-global-nav-drawer .nav-menu-primary-links {
  padding-bottom: 40px;
  list-style-type: none;
}
.moz-global-nav-drawer .nav-menu-primary-links > li {
  margin: 20px 0;
}
.moz-global-nav-drawer .intro {
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0 0 20px;
}
.moz-global-nav-drawer .summary {
  font-size: 18px;
  font-size: 1.125rem;
  padding-bottom: 20px;
  text-shadow: none;
  font-weight: bold;
}
.moz-global-nav-drawer .summary a:link,
.moz-global-nav-drawer .summary a:visited {
  position: relative;
  display: block;
}
.moz-global-nav-drawer .summary a:link:after,
.moz-global-nav-drawer .summary a:visited:after {
  background-image: url('/media/img/nav/subnav-expand.svg');
  content: '';
  height: 12px;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.2s ease-in-out;
  width: 12px;
}
.moz-global-nav-drawer .summary.selected a:link:after,
.moz-global-nav-drawer .summary.selected a:visited:after {
  transform: rotate(45deg);
}
.moz-global-nav-drawer .detail-container {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-top: 20px;
}
.moz-global-nav-drawer .nav-menu-secondary-links > li {
  font-size: 16px;
  font-size: 1rem;
  margin: 20px 0;
}
.moz-global-nav-drawer .nav-menu-secondary-links > li a:link,
.moz-global-nav-drawer .nav-menu-secondary-links > li a:visited {
  display: block;
}
/* -------------------------------------------------------------------------- */
.moz-global-nav .item-firefox a:hover,
.moz-global-nav-drawer .item-firefox a:hover,
.moz-global-nav .item-firefox a:active,
.moz-global-nav-drawer .item-firefox a:active,
.moz-global-nav .item-firefox a:focus,
.moz-global-nav-drawer .item-firefox a:focus,
.moz-global-nav .item-firefox a.selected,
.moz-global-nav-drawer .item-firefox a.selected {
  color: #ff9500;
}
.moz-global-nav .item-internet-health a:hover,
.moz-global-nav-drawer .item-internet-health a:hover,
.moz-global-nav .item-internet-health a:active,
.moz-global-nav-drawer .item-internet-health a:active,
.moz-global-nav .item-internet-health a:focus,
.moz-global-nav-drawer .item-internet-health a:focus,
.moz-global-nav .item-internet-health a.selected,
.moz-global-nav-drawer .item-internet-health a.selected {
  color: #4eb5e6;
}
.moz-global-nav .item-technology a:hover,
.moz-global-nav-drawer .item-technology a:hover,
.moz-global-nav .item-technology a:active,
.moz-global-nav-drawer .item-technology a:active,
.moz-global-nav .item-technology a:focus,
.moz-global-nav-drawer .item-technology a:focus,
.moz-global-nav .item-technology a.selected,
.moz-global-nav-drawer .item-technology a.selected {
  color: #b0b2e9;
}
.moz-global-nav .item-about-us a:hover,
.moz-global-nav-drawer .item-about-us a:hover,
.moz-global-nav .item-about-us a:active,
.moz-global-nav-drawer .item-about-us a:active,
.moz-global-nav .item-about-us a:focus,
.moz-global-nav-drawer .item-about-us a:focus,
.moz-global-nav .item-about-us a.selected,
.moz-global-nav-drawer .item-about-us a.selected {
  color: #b6d806;
}
.moz-global-nav .item-get-involved a:hover,
.moz-global-nav-drawer .item-get-involved a:hover,
.moz-global-nav .item-get-involved a:active,
.moz-global-nav-drawer .item-get-involved a:active,
.moz-global-nav .item-get-involved a:focus,
.moz-global-nav-drawer .item-get-involved a:focus,
.moz-global-nav .item-get-involved a.selected,
.moz-global-nav-drawer .item-get-involved a.selected {
  color: #ff8385;
}
body[data-global-nav-current-link="firefox"] .nav-primary-links .item-firefox > a:link,
body[data-global-nav-current-link="firefox"] .nav-primary-links .item-firefox > a:visited {
  color: #ff9500;
}
body[data-global-nav-current-link="internet-health"] .item-internet-health > a:link,
body[data-global-nav-current-link="internet-health"] .item-internet-health > a:visited {
  color: #4eb5e6;
}
body[data-global-nav-current-link="technology"] .item-technology > a:link,
body[data-global-nav-current-link="technology"] .item-technology > a:visited {
  color: #b0b2e9;
}
body[data-global-nav-current-link="about-us"] .item-about-us > a:link,
body[data-global-nav-current-link="about-us"] .item-about-us > a:visited {
  color: #b6d806;
}
body[data-global-nav-current-link="get-involved"] .item-get-involved > a:link,
body[data-global-nav-current-link="get-involved"] .item-get-involved > a:visited {
  color: #ff8385;
}
/* -------------------------------------------------------------------------- */
.moz-global-nav-page-mask {
  background: #000;
  bottom: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  right: auto;
  top: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 10000;
}
html.moz-nav-open .moz-global-nav-page-mask {
  bottom: 0;
  opacity: 0.3;
  right: 0;
  transition: opacity 0.2s ease-in-out;
}
/* -------------------------------------------------------------------------- */
#global-nav-download-firefox {
  float: right;
  margin: -2px 85px 0 0;
}
#global-nav-download-firefox .download-list {
  margin: 0;
}
#global-nav-download-firefox .download-list > li {
  margin: 0;
}
#global-nav-download-firefox .download-link:link,
#global-nav-download-firefox .download-link:visited {
  font-size: 14px;
  font-size: 0.875rem;
  background: inherit;
  border-radius: 0;
  border: none;
  color: #646464;
  display: inline-block;
  padding: 14px 10px;
  text-decoration: none;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
#global-nav-download-firefox .download-link:link .download-title,
#global-nav-download-firefox .download-link:visited .download-title {
  font-weight: bold;
}
#global-nav-download-firefox .download-link:link .download-title:before,
#global-nav-download-firefox .download-link:visited .download-title:before {
  font-size: 16px;
  font-size: 1rem;
  color: #ff9500;
  content: "\2193\00A0";
  transition: color 0.1s ease-in-out;
  white-space: nowrap;
}
#global-nav-download-firefox .download-link:link:hover,
#global-nav-download-firefox .download-link:visited:hover,
#global-nav-download-firefox .download-link:link:focus,
#global-nav-download-firefox .download-link:visited:focus,
#global-nav-download-firefox .download-link:link:active,
#global-nav-download-firefox .download-link:visited:active {
  background-color: #ff9500;
  color: #fff;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}
#global-nav-download-firefox .download-link:link:hover .download-title:before,
#global-nav-download-firefox .download-link:visited:hover .download-title:before,
#global-nav-download-firefox .download-link:link:focus .download-title:before,
#global-nav-download-firefox .download-link:visited:focus .download-title:before,
#global-nav-download-firefox .download-link:link:active .download-title:before,
#global-nav-download-firefox .download-link:visited:active .download-title:before {
  color: #fff;
  transition: color 0.1s ease-in-out;
}
@media only screen and (max-width: 1140px) {
  #global-nav-download-firefox {
    margin-right: 60px;
  }
  #global-nav-download-firefox .download-link:link,
  #global-nav-download-firefox .download-link:visited {
    padding: 14px 10px;
  }
}
@media only screen and (max-width: 860px) {
  #global-nav-download-firefox {
    margin-right: 20px;
  }
}
#global-nav-download-firefox .fx-privacy-link {
  display: none;
}
.other #global-nav-download-firefox,
.oldwin #global-nav-download-firefox,
.oldmac #global-nav-download-firefox {
  display: none;
}
/* -------------------------------------------------------------------------- */
.moz-global-nav-drawer .detail {
  display: none;
}
.moz-global-nav-drawer .summary.selected + .detail {
  display: block;
}
@supports (transition: max-height .6s ease-in-out, visibility 0s 0s) {
  .moz-global-nav-drawer .detail {
    display: block;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: max-height 0.3s ease-in-out, visibility 0s 0.8s;
  }
  .moz-global-nav-drawer .summary.selected + .detail {
    max-height: 1000px;
    visibility: visible;
    transition: max-height 0.6s ease-in-out, visibility 0s 0s;
  }
}
body {
  overflow-x: hidden;
}
html.moz-nav-open body {
  left: 320px;
  position: relative;
}
@supports (transform: translateX(320px)) {
  body {
    position: static;
    transition: transform 0.25s ease-in-out;
  }
  html.moz-nav-open {
    height: 100%;
  }
  html.moz-nav-open body {
    height: 100%;
    left: 0;
    overflow: hidden;
    transform: translateX(320px);
    transition: transform 0.25s ease-in-out;
  }
  html.moz-nav-open .moz-global-nav-drawer {
    transition: visibility 0s 0s;
    visibility: visible;
  }
  .moz-global-nav-drawer {
    bottom: auto;
    height: 100%;
    left: 0;
    transform: translateX(-320px);
    transition: visibility 0s .4s;
    visibility: hidden;
  }
  .moz-global-nav-drawer .nav-menu-inner-container {
    margin-top: 22px;
    height: 100%;
  }
  .moz-global-nav-drawer .nav-menu-scroll-pane {
    bottom: 100px;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    width: 254px;
  }
  .moz-global-nav-drawer .nav-menu-scroll-pane::-webkit-scrollbar {
    width: 8px;
    height: 100%;
  }
  .moz-global-nav-drawer .nav-menu-scroll-pane::-webkit-scrollbar-track {
    background: #000;
  }
  .moz-global-nav-drawer .nav-menu-scroll-pane::-webkit-scrollbar-thumb {
    width: 8px;
    height: 8px;
    background: #999;
    border-radius: 8px;
  }
  .moz-global-nav-drawer .nav-menu-primary-links {
    padding-right: 20px;
  }
  @media only screen and (max-width: 1140px) {
    html.moz-nav-open {
      height: auto;
    }
    html.moz-nav-open body {
      height: auto;
      overflow-x: hidden;
      overflow-y: initial;
    }
    .moz-global-nav-drawer {
      bottom: 0;
      height: auto;
    }
    .moz-global-nav-drawer .nav-menu-inner-container {
      height: auto;
    }
    .moz-global-nav-drawer .nav-menu-scroll-pane {
      position: static;
      overflow-y: visible;
      width: 234px;
    }
    .moz-global-nav-drawer .nav-menu-primary-links {
      padding-right: 0;
    }
  }
}
/* -------------------------------------------------------------------------- */
.moz-global-nav-drawer .nav-promo {
  text-align: center;
  width: 216px;
}
.moz-global-nav-drawer .nav-promo .thumbnail {
  border: 1px solid #fff;
  display: block;
  height: 146px;
  margin-bottom: 20px;
  padding: 5px 0 20px;
  position: relative;
  width: 214px;
}
.moz-global-nav-drawer .nav-promo img {
  display: inline;
  height: auto;
  max-width: 100%;
}
.moz-global-nav-drawer .nav-promo figcaption {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #000;
  bottom: 0;
  color: inherit;
  left: 0;
  line-height: 1.3;
  margin: 0;
  padding: 5px;
  position: absolute;
  text-align: left;
}
.moz-global-nav-drawer .nav-promo .meta {
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  display: block;
  padding: 0 0 5px 5px;
  text-align: left;
}
@media only screen and (max-width: 860px) {
  .moz-global-nav-drawer .nav-promo {
    display: none;
  }
}
/* -------------------------------------------------------------------------- */
.no-js #global-nav-download-firefox {
  display: none;
}
.no-js .nav-primary-links {
  display: block;
}
.no-js .moz-global-nav-drawer {
  display: none;
}