.moz-video-button {
 display:none
}
.moz-video-container {
 position:relative
}
.js .moz-video-container video {
 z-index:0
}
.js .moz-video-button {
 -webkit-background-size:cover;
 background-size:cover;
 background-color:transparent;
 background-position:top left;
 background-repeat:no-repeat;
 border:none;
 bottom:0;
 color:#fff;
 cursor:pointer;
 font-size:0;
 left:0;
 position:absolute;
 right:0;
 top:0;
 width:100%;
 z-index:1
}
.js .moz-video-button:after {
 -webkit-transition:opacity .3s;
 transition:opacity .3s;
 background:url("/media/img/icons/video-play.b8e75e4e23bd.svg") top left no-repeat;
 content:'';
 height:100px;
 left:50%;
 margin:-50px 0 0 -50px;
 opacity:.7;
 position:absolute;
 top:50%;
 width:100px;
 z-index:2
}
.js .moz-video-button:focus:after,.js .moz-video-button:hover:after {
 opacity:1
}
.js .supports-video .moz-video-button {
 display:block
}
.js .supports-video .moz-video-container video {
 visibility:hidden
}
.content {
 width:auto
}
@media only screen and (max-width: 1000px)
 {
	 .features-scroller-header-container
	 {
		 display:none;
	 }
}

@media screen and (min-width:760px) {
 .content {
  width:auto;
  padding:20px 60px
 }
}
@media screen and (min-width:1000px) {
 .content {
  width:auto;
  padding:20px 85px
 }
}
@media screen and (min-width:1400px) {
 .content {
  width:auto;
  max-width:1420px
 }
}
#masthead {
 color:#000;
 padding:0;
 width:100%
}
#masthead .content {
 position:relative
}
#masthead .masthead-nav-main {
 float:left
}
#masthead .fx-privacy-link {
 display:none
}
#masthead .masthead-nav-main {
 font-size:16px;
 font-size:.88889rem;
 font-family:"Open Sans",X-LocaleSpecific,sans-serif;
 font-weight:700;
 margin:0 0 0 20px;
 text-transform:none
}
#masthead .masthead-nav-main .nav-main-menu a:hover {
 border-color:#000;
 color:#000
}
@media screen and (min-width:760px) {
 #masthead .masthead-nav-main {
  margin-right:0;
  width:80%
 }
 #masthead .masthead-nav-main .nav-main-menu {
  padding:15px 0
 }
 #masthead .masthead-nav-main .nav-main-menu a:link,#masthead .masthead-nav-main .nav-main-menu a:visited {
  color:#000
 }
 #masthead .masthead-nav-main .nav-main-menu li {
  display:inline-block;
  padding:0 20px 10px 0
 }
 #masthead .masthead-nav-main .nav-main-menu li:first-child {
  border-left:none
 }
}
@media screen and (min-width:1000px) {
 #masthead .masthead-nav-main {
  width:60%
 }
}
@media screen and (min-width:1400px) {
 #masthead .masthead-nav-main {
  margin:0 0 0 40px;
  width:70%
 }
 #masthead .masthead-nav-main .nav-main-menu li {
  padding:0 40px 10px 0
 }
}
#nav-download-firefox {
 display:none;
 float:right;
 margin:11px 0 0
}
#nav-download-firefox .download-list {
 margin:0
}
#nav-download-firefox .download-list>li {
 margin:0
}
#nav-download-firefox .download-link:link,#nav-download-firefox .download-link:visited {
 font-size:12px;
 font-size:.66667rem;
 background-color:#fff;
 border-radius:100px;
 border:2px solid #16da00;
 color:#16da00;
 display:inline-block;
 font-weight:700;
 padding:.5em 20px;
 text-decoration:none;
 transition:color .1s ease-in-out,background-color .1s ease-in-out
}
@media screen and (min-width:760px) {
 #nav-download-firefox .download-link:link,#nav-download-firefox .download-link:visited {
  font-size:14px;
  font-size:.77778rem
 }
}
#nav-download-firefox .download-link:link .download-title,#nav-download-firefox .download-link:visited .download-title {
 font-weight:700
}
#nav-download-firefox .download-link:link:active,#nav-download-firefox .download-link:link:focus,#nav-download-firefox .download-link:link:hover,#nav-download-firefox .download-link:visited:active,#nav-download-firefox .download-link:visited:focus,#nav-download-firefox .download-link:visited:hover {
 background-color:#16da00;
 color:#fff;
 transition:color .1s ease-in-out,background-color .1s ease-in-out
}
@media screen and (min-width:1000px) {
 #nav-download-firefox {
  display:block;
  width:200px
 }
 #nav-download-firefox .download-link {
  float:right
 }
}
.oldmac #nav-download-firefox,.oldwin #nav-download-firefox,.other #nav-download-firefox {
 display:none
}
html[dir=rtl] #masthead .masthead-nav-main {
 float:right;
 margin:0 20px 0 0
}
html[dir=rtl] #masthead .masthead-nav-main .nav-main-menu li {
 border:0
}
@media screen and (min-width:760px) {
 html[dir=rtl] #masthead .masthead-logo {
  float:right
 }
}
@media screen and (min-width:1400px) {
 html[dir=rtl] #masthead .masthead-nav-main {
  margin:0 40px 0 0
 }
 html[dir=rtl] #masthead .masthead-nav-main .nav-main-menu li {
  padding:0 0 0 40px
 }
}
html[dir=rtl] #nav-download-firefox {
 float:left
}
@media screen and (min-width:760px) {
 html[dir=rtl] #nav-download-firefox .download-link {
  float:left
 }
}
.moz-sub-nav {
 zoom:1;
 font-family:"Open Sans",X-LocaleSpecific,sans-serif;
 background:#fff;
 display:none;
 min-height:52px;
 overflow:hidden
}
.moz-sub-nav:after {
 clear:both;
 content:'';
 display:block;
 height:0;
 visibility:hidden
}
.moz-sub-nav a:link,.moz-sub-nav a:visited {
 color:#000;
 font-weight:700;
 text-decoration:none
}
.moz-sub-nav a:active,.moz-sub-nav a:focus,.moz-sub-nav a:hover {
 color:#000;
 text-decoration:underline;
 transition:color .1s ease-in-out
}
.moz-sub-nav .nav-horizontal-menu {
 zoom:1;
 border-top:2px solid #000;
 margin:0 60px;
 position:relative
}
.moz-sub-nav .nav-horizontal-menu:after {
 clear:both;
 content:'';
 display:block;
 height:0;
 visibility:hidden
}
@media screen and (min-width:1000px) {
 .moz-sub-nav .nav-horizontal-menu {
  margin:0 85px
 }
}
.moz-sub-nav .nav-horizontal-menu-container {
 max-width:1420px;
 margin:0 auto
}
.moz-sub-nav .sub-nav-primary-links-container {
 float:left;
 width:calc(100% - 200px)
}
.moz-sub-nav .sub-nav-primary-links {
 font-size:16px;
 font-size:.88889rem;
 list-style-type:none;
 margin:0;
 padding:13px 0 0
}
.moz-sub-nav .sub-nav-primary-links>li {
 display:inline-block;
 padding:0 20px 10px 0
}
.moz-sub-nav .sub-nav-primary-links>li a:active,.moz-sub-nav .sub-nav-primary-links>li a:focus,.moz-sub-nav .sub-nav-primary-links>li a:hover {
 text-decoration:none
}
.moz-sub-nav .sub-nav-primary-links>li a:focus {
 outline:0
}
.moz-sub-nav .sub-nav-primary-links>li:last-child {
 padding-right:0
}
@media screen and (min-width:760px) {
 .moz-sub-nav {
  display:block;
  margin-bottom:20px
 }
 .moz-sub-nav .sub-nav-logo-link+.sub-nav-primary-links {
  margin-left:45px
 }
 .moz-sub-nav.stuck {
  box-shadow:0 2px 2px rgba(0,0,0,.4);
  position:fixed;
  top:0;
  transform:translateY(-4px);
  width:100%;
  z-index:200
 }
 .moz-sub-nav.stuck .sub-nav-download-wrapper {
  height:auto;
  width:200px
 }
}
@media screen and (min-width:1000px) {
 .moz-sub-nav .sub-nav-primary-links li {
  padding:0 20px 10px 0
 }
 .moz-sub-nav .sub-nav-primary-links li:last-child {
  padding-right:0
 }
 .moz-sub-nav .sub-nav-logo-link+.sub-nav-primary-links {
  margin-left:98px
 }
}
@media screen and (min-width:1400px) {
 .moz-sub-nav .sub-nav-primary-links li {
  padding-right:40px
 }
 .moz-sub-nav .sub-nav-logo-link+.sub-nav-primary-links {
  margin-left:118px
 }
}
.moz-sub-nav .sub-nav-logo-link {
 display:block;
 position:absolute;
 top:2px;
 left:0;
 height:26px;
 padding-top:10px;
 width:26px
}
.moz-sub-nav .sub-nav-logo-link .sub-nav-logo-path {
 transition:fill .1s ease-in-out
}
.moz-sub-nav .sub-nav-download-wrapper {
 float:right;
 text-align:right;
 overflow:hidden;
 width:0;
 height:0
}
.moz-sub-nav.firefox .sub-nav-primary-links>li a:active,.moz-sub-nav.firefox .sub-nav-primary-links>li a:focus,.moz-sub-nav.firefox .sub-nav-primary-links>li a:hover {
 color:#ff9500
}
.moz-sub-nav.firefox .sub-nav-primary-links>li a.current {
 color:#ff9500
}
.moz-sub-nav.firefox .sub-nav-primary-links>li a.current:hover {
 cursor:default
}
.moz-sub-nav.firefox .sub-nav-logo-link a:active .sub-nav-logo-path,.moz-sub-nav.firefox .sub-nav-logo-link:focus .sub-nav-logo-path,.moz-sub-nav.firefox .sub-nav-logo-link:hover .sub-nav-logo-path {
 fill:#ff9500
}
.moz-sub-nav.internet-health .sub-nav-primary-links>li a:active,.moz-sub-nav.internet-health .sub-nav-primary-links>li a:focus,.moz-sub-nav.internet-health .sub-nav-primary-links>li a:hover {
 color:#4eb5e6
}
.moz-sub-nav.internet-health .sub-nav-primary-links>li a.current {
 color:#4eb5e6
}
.moz-sub-nav.internet-health .sub-nav-primary-links>li a.current:hover {
 cursor:default
}
.moz-sub-nav.internet-health .sub-nav-logo-link a:active .sub-nav-logo-path,.moz-sub-nav.internet-health .sub-nav-logo-link:focus .sub-nav-logo-path,.moz-sub-nav.internet-health .sub-nav-logo-link:hover .sub-nav-logo-path {
 fill:#4eb5e6
}
.moz-sub-nav.technology .sub-nav-primary-links>li a:active,.moz-sub-nav.technology .sub-nav-primary-links>li a:focus,.moz-sub-nav.technology .sub-nav-primary-links>li a:hover {
 color:#b0b2e9
}
.moz-sub-nav.technology .sub-nav-primary-links>li a.current {
 color:#b0b2e9
}
.moz-sub-nav.technology .sub-nav-primary-links>li a.current:hover {
 cursor:default
}
.moz-sub-nav.technology .sub-nav-logo-link a:active .sub-nav-logo-path,.moz-sub-nav.technology .sub-nav-logo-link:focus .sub-nav-logo-path,.moz-sub-nav.technology .sub-nav-logo-link:hover .sub-nav-logo-path {
 fill:#b0b2e9
}
#sub-nav-download-firefox {
 margin:7px 0 0;
 opacity:0;
 transform:translateY(-100px);
 transition:opacity .3s ease .1s,transform .4s ease-in-out;
 visibility:hidden
}
#sub-nav-download-firefox .download-list {
 margin:0
}
#sub-nav-download-firefox .download-list>li {
 margin:0
}
#sub-nav-download-firefox .download-link:link,#sub-nav-download-firefox .download-link:visited {
 font-size:12px;
 font-size:.66667rem;
 background-color:#fff;
 border-radius:100px;
 border:2px solid #16da00;
 color:#16da00;
 display:inline-block;
 font-weight:700;
 padding:.5em 20px;
 text-decoration:none;
 transition:color .1s ease-in-out,background-color .1s ease-in-out
}
@media screen and (min-width:760px) {
 #sub-nav-download-firefox .download-link:link,#sub-nav-download-firefox .download-link:visited {
  font-size:14px;
  font-size:.77778rem
 }
}
#sub-nav-download-firefox .download-link:link .download-title,#sub-nav-download-firefox .download-link:visited .download-title {
 font-weight:700
}
#sub-nav-download-firefox .download-link:link:active,#sub-nav-download-firefox .download-link:link:focus,#sub-nav-download-firefox .download-link:link:hover,#sub-nav-download-firefox .download-link:visited:active,#sub-nav-download-firefox .download-link:visited:focus,#sub-nav-download-firefox .download-link:visited:hover {
 background-color:#16da00;
 color:#fff;
 transition:color .1s ease-in-out,background-color .1s ease-in-out
}
#sub-nav-download-firefox .fx-privacy-link {
 display:none
}
@media screen and (min-width:760px) {
 .moz-sub-nav.stuck #sub-nav-download-firefox {
  opacity:1;
  transform:translateY(0);
  visibility:visible
 }
 .oldmac .moz-sub-nav.stuck #sub-nav-download-firefox,.oldwin .moz-sub-nav.stuck #sub-nav-download-firefox,.other .moz-sub-nav.stuck #sub-nav-download-firefox {
  display:none
 }
}
html[dir=rtl] .sub-nav-primary-links-container {
 float:right
}
html[dir=rtl] .sub-nav-primary-links>li {
 padding:0 0 10px 20px
}
html[dir=rtl] .sub-nav-primary-links>li:last-child {
 padding-left:0
}
@media screen and (min-width:760px) {
 html[dir=rtl] .sub-nav-logo-link+.sub-nav-primary-links {
  margin-left:0;
  margin-right:45px
 }
}
@media screen and (min-width:1000px) {
 html[dir=rtl] .sub-nav-logo-link+.sub-nav-primary-links {
  margin-left:0;
  margin-right:98px
 }
}
@media screen and (min-width:1400px) {
 html[dir=rtl] .sub-nav-primary-links li {
  padding-left:40px;
  padding-right:0
 }
 html[dir=rtl] .sub-nav-logo-link+.sub-nav-primary-links {
  margin-left:0;
  margin-right:120px
 }
}
html[dir=rtl] .sub-nav-logo-link {
 left:auto;
 right:0
}
html[dir=rtl] .sub-nav-download-wrapper {
 float:left;
 text-align:left
}
body {
 font-family:"Open Sans",X-LocaleSpecific,sans-serif
}
h1,h2,h3,h4,h5,h6 {
 font-weight:400
}
.features-scroller-section.page-section {
 background-color:#f9f9fa;
 padding:0;
 position:relative
}
.features-scroller-section.page-section .content {
 padding:0
}
.features-scroller-section.page-section .features-scroller-container {
 position:relative
}
.features-scroller-section.page-section .feature-content {
 background-color:#f9f9fa;
 padding-top:60px
}
.features-scroller-section.page-section .feature-content figure {
 padding:0 20px
}
.features-scroller-section.page-section .feature-content figure img,.features-scroller-section.page-section .feature-content figure video {
 box-shadow:2px 3px 8px 0 rgba(0,0,0,.2)
}
.features-scroller-section.page-section .feature-content figcaption {
 padding:0 20px
}
.features-scroller-section.page-section .feature-content h2 {
 margin:0px 0 20px;
 color: #f07d00;
 font-size: 24px;
 font-family: Montserrat-regular;
}
.features-scroller-section.page-section .feature-content p {
 margin:0 auto;
 max-width:30em
}
.features-scroller-section.page-section .feature-content:last-child {
 padding-bottom:60px
}
@media screen and (min-width:1000px) {
 .features-scroller-section.page-section {
  text-align:left
 }
 .features-scroller-section.page-section:before {
  background-color:#005ea8;
  /*! background-image:linear-gradient(143deg,#ff1ad9 0,#ff24c7 8%,#ff30b2 18%,#ff9400 100%); */bottom:0;
  content:'';
  left:0;
  position:absolute;
  top:0;
  width:50%
 }
 .features-scroller-section.page-section .content {
  padding:0 0%;
 }
 .features-scroller-section.page-section .features-scroller-content {
  padding-left:45%;
 }
 .features-scroller-section.page-section .feature-content {
  padding:30px 0 0 4%;
 }
 .features-scroller-section.page-section .feature-content figcaption,.features-scroller-section.page-section .feature-content figure {
  padding:0
 }
 .features-scroller-section.page-section .feature-content p {
  margin:0;
  max-width:none
 }
}
html[dir=rtl] .features-scroller-section.page-section .feature-content:last-child {
 padding-bottom:60px
}
@media screen and (min-width:1000px) {
 html[dir=rtl] .features-scroller-section.page-section {
  text-align:right
 }
 html[dir=rtl] .features-scroller-section.page-section:before {
  left:auto;
  right:0
 }
 html[dir=rtl] .features-scroller-section.page-section .features-scroller-content {
  padding-left:0;
  padding-right:35%
 }
 html[dir=rtl] .features-scroller-section.page-section .feature-content {
  padding:160px 10% 0 0
 }
}
.features-scroller-section.page-section .features-scroller-header {
 color:#fff;
 background-color:#ff1ad9;
 background-image:linear-gradient(143deg,#ff1ad9 0,#ff24c7 8%,#ff30b2 18%,#ff9400 100%)
}
.features-scroller-section.page-section .features-scroller-header .features-scroller-header-container {
 padding:40px 0
}
.features-scroller-section.page-section .features-scroller-header .features-scroller-nav {
 display:none
}
.features-scroller-section.page-section .features-scroller-header h2.section-title:before {
 background:#fff
}
.features-scroller-section.page-section .features-scroller-header ul {
 margin:20px 0 0
}
.features-scroller-section.page-section .features-scroller-header ul li a:link,.features-scroller-section.page-section .features-scroller-header ul li a:visited {
 font-size:18px;
 font-size:1rem;
 color:#ffffff;
 text-decoration:none;
 border-left: 3px solid #fff;
 padding-left: 30px;
}
@media screen and (min-width:1000px) {
 .features-scroller-section.page-section .features-scroller-header ul li a:link,.features-scroller-section.page-section .features-scroller-header ul li a:visited {
  font-size:24px;
  font-size:22px;
 }
}
.features-scroller-section.page-section .features-scroller-header ul li a:hover {
 text-decoration:underline
}
.features-scroller-section.page-section .features-scroller-header ul li a.current:active,.features-scroller-section.page-section .features-scroller-header ul li a.current:focus,.features-scroller-section.page-section .features-scroller-header ul li a.current:hover,.features-scroller-section.page-section .features-scroller-header ul li a.current:link,.features-scroller-section.page-section .features-scroller-header ul li a.current:visited {
 color:#f88323;
 font-weight:700;
 text-decoration:none;
 cursor:default;
 border-left: 3px solid #f88323;
 padding-left: 30px;
 /*! background: #FFF; */
 padding-right: 20px;
 /*! padding-bottom: 6px; */
 /*! padding-top: 6px; */
}
.features-scroller-section.page-section .features-scroller-header .next,.features-scroller-section.page-section .features-scroller-header .previous {
 display:none
}
@media screen and (min-width:1000px) {
 .features-scroller-section.page-section .features-scroller-header {
  background:0 0;
  bottom:0;
  left:0;
  position:absolute;
  text-align:left;
  top:0;
  width:45%;
  z-index:100;
  font-family: Montserrat-regular;
 }
 .features-scroller-section.page-section .features-scroller-header .features-scroller-header-container {
  left:0;
  padding:100px 40px 60px 100px;
  position:sticky;
  position:-webkit-sticky;
  top:0
 }
 .features-scroller-section.page-section .features-scroller-header .features-scroller-nav {
  display:block
 }
 .features-scroller-section.page-section .features-scroller-header h2.section-title:before {
  left:0;
  margin-left:0
 }
 .features-scroller-section.page-section .features-scroller-header ul {
  margin:40px 0
 }
 .features-scroller-section.page-section .features-scroller-header .next,.features-scroller-section.page-section .features-scroller-header .previous {
  overflow:hidden;
  text-indent:120%;
  white-space:nowrap;
  border:none;
  cursor:pointer;
  display:block;
  font-size:0;
  height:28px;
  margin-bottom:20px;
  width:26px
 }
 .features-scroller-section.page-section .features-scroller-header .previous {
 background:transparent url("/media/img/quantum/icon-arrow-up.fcf99a6b3ba6.svg") top left no-repeat;
  background-image:url(../../../../PublishingImages/refonte_iam/FR/assistance_iam/icontop.png);
  background-repeat:no-repeat;
 width: 30px;
 }
 .features-scroller-section.page-section .features-scroller-header .next {
  background:transparent url("/media/img/quantum/icon-arrow-down.39193270e4df.svg") top left no-repeat;
   background-image:url(../../../../PublishingImages/refonte_iam/FR/assistance_iam/iconbottom.png);
   background-repeat:no-repeat;
  width: 30px;
 }
}
@media screen and (min-width:1400px) {
 .features-scroller-section.page-section .features-scroller-header ul {
  /*! border-left:5px solid #fff; */
  /*! margin:40px 0 40px 10px; */
  position:relative
 }
 .features-scroller-section.page-section .features-scroller-header ul:before {
  /*! -webkit-transition:transform .1s linear; */
  /*! transition:transform .1s linear; */
  /*! content:''; */
  /*! top:0; */
  /*! left:-5px; */
  /*! width:5px; */
  /*! height:25%; */
  /*! background:#fa831f; */
  /*! position:absolute */
 }
 .features-scroller-section.page-section .features-scroller-header ul li {
  /*padding:10px 60px*/
  padding:10px 19px;
 }
}
@media screen and (min-width:1000px) {
 html[dir=rtl] .features-scroller-section.page-section .features-scroller-header {
  left:auto;
  right:0;
  text-align:right
 }
 html[dir=rtl] .features-scroller-section.page-section .features-scroller-header .features-scroller-header-container {
  left:auto;
  right:0;
  padding:100px 0 60px 40px
 }
 html[dir=rtl] .features-scroller-section.page-section .features-scroller-header h2.section-title:before {
  left:auto;
  right:0
 }
}
@media screen and (min-width:1400px) {
 html[dir=rtl] .features-scroller-section.page-section .features-scroller-header ul {
  border-left:none;
  border-right:5px solid #fff;
  margin:40px 10px 40px 0
 }
 html[dir=rtl] .features-scroller-section.page-section .features-scroller-header ul:before {
  right:-5px;
  left:auto
 }
}
body {
 overflow-x:hidden
}
.page-section {
 padding:40px 0;
 text-align:center
}
.page-section h2 {
 font-size:18px;
 font-size:1rem;
 line-height:1.5
}
@media screen and (min-width:760px) {
 .page-section h2 {
  font-size:24px;
  font-size:1.33333rem
 }
}
@media screen and (min-width:1000px) {
 .page-section h2 {
  font-size:36px;
  font-size:2rem
 }
}
.page-section h2.section-title {
 padding-top:30px;
 position:relative
}
.page-section h2.section-title:before {
 background:#000;
 border-radius:5px;
 content:'';
 height:5px;
 left:50%;
 margin-left:-32px;
 position:absolute;
 top:0;
 width:64px
}
.page-section h3 {
 font-size:18px;

 font-size:1rem
}
@media screen and (min-width:1000px) {
 .page-section h3 {
  font-size:24px;
  font-size:1.33333rem
 }
}
.page-section p {
 line-height:1.8
}
@media screen and (min-width:760px) {
 .page-section {
  padding:60px 0
 }
}
@media screen and (min-width:1000px) {
 .page-section {
  padding:80px 0
 }
}
.main-header-section h1 {
 background-image:url("/media/img/logos/firefox/logo-quantum.9c5e96634f92.png");
 background-size:90px 90px;
 font-size:24px;
 font-size:1.33333rem;
 background-position:top center;
 background-repeat:no-repeat;
 color:#000;
 margin:0 auto 10px;
 padding-top:110px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
 .main-header-section h1 {
  background-image:url("/media/img/logos/firefox/logo-quantum-high-res.cfd87a8f62ae.png");
  background-size:90px 90px
 }
}
@media screen and (min-width:760px) {
 .main-header-section h1 {
  font-size:36px;
  font-size:2rem
 }
}
@media screen and (min-width:1000px) {
 .main-header-section h1 {
  font-size:48px;
  font-size:2.66667rem
 }
}
.main-header-section h2 {
 font-size:18px;
 font-size:1rem;
 margin-top:20px
}
@media screen and (min-width:760px) {
 .main-header-section h2 {
  font-size:24px;
  font-size:1.33333rem
 }
}
@media screen and (min-width:1000px) {
 .main-header-section h2 {
  font-size:36px;
  font-size:2rem
 }
}
.main-header-section h3 {
 font-size:18px;
 font-size:1rem
}
@media screen and (min-width:760px) {
 .main-header-section h3 {
  font-size:24px;
  font-size:1.33333rem
 }
}
@media screen and (min-width:1000px) {
 .main-header-section h3 {
  font-size:36px;
  font-size:2rem
 }
}
.main-header-section .download-button {
 margin:40px 0
}
.main-header-section .fx-privacy-link a {
 color:#000
}
@media screen and (min-width:760px) {
 .main-header-section {
  min-height:550px;
  text-align:left;
  padding-top:40px
 }
 .main-header-section h1 {
  background-position:left center;
  margin:-40px 0 10px;
  padding:40px 0 40px 110px
 }
 .main-header-section .header-content {
  float:left;
  width:55%
 }
 .main-header-section .header-image {
  margin-bottom:0;
  position:absolute;
  right:0;
  top:20px;
  width:45%
 }
 .main-header-section .header-image img {
  display:block;
  height:auto;
  max-width:none;
  width:903px
 }
}
@media screen and (min-width:1400px) {
 .main-header-section {
  padding-top:80px
 }
 .main-header-section .header-content {
  width:43%
 }
 .main-header-section .header-image {
  width:57%
 }
}
@media screen and (min-width:760px) {
 html[dir=rtl] .main-header-section h1 {
  background-position:right center;
  padding:40px 110px 40px 0
 }
 html[dir=rtl] .main-header-section .header-content {
  float:right;
  text-align:right
 }
 html[dir=rtl] .main-header-section .header-image {
  left:0;
  right:auto
 }
}
.whats-new-section {
 background:#ff1ad9;
 background:linear-gradient(to right,#ff1ad9 0,#ff9400 100%);
 color:#fff
}
.whats-new-section h2.section-title {
 margin:0 auto 40px;
 max-width:30em
}
.whats-new-section h2.section-title:before {
 background:#fff
}
.whats-new-section ul li {
 font-weight:700;
 margin:0 auto 40px;
 max-width:30em
}
.whats-new-section .quote {
 font-style:italic;
 margin:0 auto 30px;
 max-width:30em
}
.whats-new-section .quote a:link,.whats-new-section .quote a:visited {
 color:#fff;
 font-weight:700;
 text-decoration:underline
}
.whats-new-section .quote a:active,.whats-new-section .quote a:focus,.whats-new-section .quote a:hover {
 text-decoration:none
}
@media screen and (min-width:760px) {
 .whats-new-section {
  background:url("/media/img/firefox/home/whats-new-tail.a56d54a30f98.png") top -300px center no-repeat,linear-gradient(to right,#ff1ad9 0,#ff9400 100%)
 }
}
@media screen and (min-width:1000px) {
 .whats-new-section {
  text-align:left
 }
 .whats-new-section h2.section-title {
  margin:0 0 40px
 }

 .whats-new-section h2.section-title:before {
  left:0;
  margin-left:0
 }
 .whats-new-section .quote,.whats-new-section ul li {
  margin:0 0 30px
 }
 .whats-new-section .whats-new-content {
  float:left;
  width:40%
 }
 .whats-new-section .whats-new-image {
  margin-bottom:0;
  position:absolute;
  right:0;
  top:0;
  width:55%
 }
 .whats-new-section .whats-new-image img {
  display:block;
  height:auto;
  max-width:none;
  width:903px
 }
}
@media screen and (min-width:1400px) {
 .whats-new-section .whats-new-content {
  width:25%
 }
 .whats-new-section .whats-new-image {
  width:70%;
  right:-5px
 }
}
@media screen and (min-width:1000px) {
 html[dir=rtl] .whats-new-section {
  text-align:right
 }
 html[dir=rtl] .whats-new-section h2.section-title:before {
  left:auto;
  right:0
 }
 html[dir=rtl] .whats-new-section .whats-new-content {
  float:right
 }
 html[dir=rtl] .whats-new-section .whats-new-image {
  left:0;
  right:auto
 }
}
.key-features-section h2 {
 margin-bottom:20px
}
.key-features-section p {
 margin:0 auto 40px;
 max-width:30em
}
.key-features-section a:link,.key-features-section a:visited {
 color:#000;
 font-weight:700;
 text-decoration:underline
}
.key-features-section a:active,.key-features-section a:focus,.key-features-section a:hover {
 text-decoration:none
}
.key-features-section .key-feature {
 margin:40px 0 0
}
.key-features-section .key-feature .content {
 padding:0
}
.key-features-section .key-feature .key-feature-container {
 background-color:#10fcb2;
 background-image:linear-gradient(to right,#00feff 0,#10fcb2 67%,#24f954 100%);
 padding:40px 20px
}
.key-features-section .key-feature-media.video {
 background:#000 url("/media/img/firefox/home/quantum-vs-chrome-poster.fb3d13bca8eb.png") top left no-repeat;
 -webkit-background-size:cover;
 background-size:cover;
 box-shadow:2px 3px 8px 0 rgba(0,0,0,.2);
 margin:0 auto;
 max-width:645px
}
.key-features-section .key-feature-media.video .video-container {
 height:0;
 overflow:hidden;
 padding-bottom:56.25%;
 position:relative;
 width:100%
}
.key-features-section .key-feature-media.video .moz-video-button {
 background-image:url("/media/img/firefox/home/quantum-vs-chrome-poster.fb3d13bca8eb.png")
}
.key-features-section .key-feature-media.image img {
 box-shadow:2px 3px 8px 0 rgba(0,0,0,.2)
}
@media screen and (min-width:1000px) {
 .key-features-section {
  text-align:left
 }
 .key-features-section h2.section-title:before {
  left:0;
  margin-left:0
 }
 .key-features-section p {
  margin-bottom:0
 }
 .key-features-section .key-feature {
  margin:80px 0
 }
 .key-features-section .key-feature .content {
  padding:0 85px
 }
 .key-features-section .key-feature .key-feature-container {
  zoom:1;
  padding:60px 70px
 }
 .key-features-section .key-feature .key-feature-container:after {
  clear:both;
  content:'';
  display:block;
  height:0;
  visibility:hidden
 }
 .key-features-section .key-feature .key-feature-content {
  width:38%
 }
 .key-features-section .key-feature .key-feature-media {
  width:55%
 }
 .key-features-section .key-feature:nth-child(odd) {
  background-image:linear-gradient(to right,transparent 0,transparent 50%,#24f954 50%,#24f954 100%)
 }
 .key-features-section .key-feature:nth-child(odd) .key-feature-container {
  background-image:linear-gradient(to right,#00feff 0,#10fcb2 67%,#24f954 100%)
 }
 .key-features-section .key-feature:nth-child(odd) .key-feature-content {
  float:left
 }
 .key-features-section .key-feature:nth-child(odd) .key-feature-media {
  float:right
 }
 .key-features-section .key-feature:nth-child(even) {
  background-image:linear-gradient(to left,transparent 0,transparent 50%,#24f954 50%,#24f954 100%)
 }
 .key-features-section .key-feature:nth-child(even) .key-feature-container {
  background-image:linear-gradient(to left,#00feff 0,#10fcb2 67%,#24f954 100%)
 }
 .key-features-section .key-feature:nth-child(even) .key-feature-content {
  float:right
 }
 .key-features-section .key-feature:nth-child(even) .key-feature-media {
  float:left
 }
 .key-features-section .key-feature:last-child {
  margin-bottom:0
 }
}
@media screen and (min-width:1400px) {
 .key-features-section .key-feature {
  margin:140px 0 240px
 }
 .key-features-section .key-feature .key-feature-media {
  height:400px;
  margin:-100px 0;
  width:645px
 }
 .key-features-section .key-feature .key-feature-media:nth-child(odd) {
  margin-right:-20px
 }
 .key-features-section .key-feature .key-feature-media:nth-child(even) {
  margin-left:-20px
 }
 .key-features-section .key-feature .key-feature-media.video {
  height:364px;
  margin:-40px 0
 }
 .key-features-section .key-feature .key-feature-media .moz-video-container {
  width:100%;
  height:100%;
  position:relative
 }
 .key-features-section .key-feature .key-feature-media .moz-video-container .video-container {
  position:absolute;
  left:0;
  bottom:0
 }
}
@media screen and (min-width:1000px) {
 html[dir=rtl] .key-features-section {
  text-align:right
 }
 html[dir=rtl] .key-features-section h2.section-title:before {
  left:auto;
  right:0
 }
 html[dir=rtl] .key-features-section .key-feature:nth-child(odd) .key-feature-content {
  float:right
 }
 html[dir=rtl] .key-features-section .key-feature:nth-child(odd) .key-feature-media {
  float:left
 }
 html[dir=rtl] .key-features-section .key-feature:nth-child(even) .key-feature-content {
  float:left
 }
 html[dir=rtl] .key-features-section .key-feature:nth-child(even) .key-feature-media {
  float:right
 }
}
@media screen and (min-width:1400px) {
 html[dir=rtl] .key-features-section .key-feature .key-feature-media:nth-child(odd) {
  margin-right:0;
  margin-left:-20px
 }
 html[dir=rtl] .key-features-section .key-feature .key-feature-media:nth-child(even) {
  margin-left:0;
  margin-right:-20px
 }
}
.switch-section {
 margin-top:-40px
}
.switch-section h2 {
 margin-bottom:20px
}
.switch-section p {
 margin:0 auto 40px;
 max-width:30em
}
.switch-section a:link,.switch-section a:visited {
 color:#000;
 display:block;
 font-weight:700;
 margin:20px 0;
 text-decoration:underline
}
.switch-section a:active,.switch-section a:focus,.switch-section a:hover {
 text-decoration:none
}
.switch-section .section-content {
 margin-bottom:40px
}
.switch-section .section-media a {
 display:block;
 margin:0 auto;
 max-width:500px
}
@media screen and (min-width:1000px) {
 .switch-section {
  margin-top:0;
  text-align:left
 }
 .switch-section h2.section-title:before {
  left:0;
  margin-left:0
 }
 .switch-section p {
  margin-bottom:0
 }
 .switch-section .section-content {
  float:right;
  width:38%
 }
 .switch-section .section-media {
  float:left;
  width:55%
 }
 .switch-section .section-media a {
  margin:0;
  max-width:none
 }
}
@media screen and (min-width:1000px) {
 html[dir=rtl] .switch-section {
  text-align:right
 }
 html[dir=rtl] .switch-section h2.section-title:before {
  left:auto;
  right:0
 }
 html[dir=rtl] .switch-section .section-content {
  float:left
 }
 html[dir=rtl] .switch-section .section-media {
  float:right
 }
}
.privacy-section {
 background-color:#c42482;
 background-image:linear-gradient(222deg,#ff272d 0,#c42482 33%,#ab217f 47%,#671878 84%,#4a1475 100%);
 color:#fff
}
.privacy-section h2 {
 margin-bottom:20px
}
.privacy-section h2.section-title:before {
 background:#fff
}
.privacy-section h3 {
 font-weight:700;
 margin-bottom:20px
}
.privacy-section header {
 margin-bottom:60px
}
.privacy-section .tagline {
 font-size:18px;
 font-size:1rem;
 margin-bottom:40px
}
@media screen and (min-width:1000px) {
 .privacy-section .tagline {
  font-size:24px;
  font-size:1.33333rem
 }
}
.privacy-section ul li {
 border-bottom:1px solid #fff;
 margin:0 auto 40px;
 max-width:30em;
 padding:0 0 20px
}
.privacy-section ul li h3 {
 background:url("/media/img/firefox/home/icon-sprite.adeeb2d6c2d4.svg") no-repeat
}
.privacy-section ul li.private-browsing h3 {
 background-position:center top -752px;
 min-height:19px;
 padding-top:40px
}
.privacy-section ul li.tracking-protection h3 {
 background-position:center top -1300px;
 min-height:32px;
 padding-top:50px
}
.privacy-section ul li.faster-loading h3 {
 background-position:center top -871px;
 min-height:42px;
 padding-top:60px
}
.privacy-section ul li:last-child {
 border-bottom:none
}
.privacy-section ul li p {
 max-width:20em;
 margin:0 auto 1.25em
}
.privacy-section a:link,.privacy-section a:visited {
 color:#fff;
 font-weight:700;
 text-decoration:underline
}
.privacy-section a:active,.privacy-section a:focus,.privacy-section a:hover {
 text-decoration:none
}
.privacy-section img {
 box-shadow:2px 4px 8px 0 rgba(0,0,0,.1);
 margin-bottom:20px
}
@media screen and (min-width:1000px) {
 .privacy-section {
  margin-bottom:200px;
  position:relative;
  text-align:left
 }
 .privacy-section h2.section-title:before {
  left:0;
  margin-left:0
 }
 .privacy-section ul {
  float:left;
  width:45%
 }
 .privacy-section ul li {
  margin:0 0 40px;
  max-width:none;
  padding:0 0 20px 60px
 }
 .privacy-section ul li h3 {
  margin-left:-60px
 }
 .privacy-section ul li.faster-loading h3,.privacy-section ul li.private-browsing h3,.privacy-section ul li.tracking-protection h3 {
  padding:0 0 0 60px
 }
 .privacy-section ul li.private-browsing h3 {
  background-position:left -20px top -752px
 }
 .privacy-section ul li.tracking-protection h3 {
  background-position:left -20px top -1300px
 }
 .privacy-section ul li.faster-loading h3 {
  background-position:left -20px top -871px
 }
 .privacy-section ul li p {
  margin:0 0 1.25em
 }
 .privacy-section .privacy-section-media {
  float:right;
  width:50%
 }
}
@media screen and (min-width:1400px) {
 .privacy-section .privacy-section-media img {
  margin:0 0 40px 60px
 }
 .privacy-section .privacy-section-media img:nth-child(2) {
  margin-left:120px
 }
}
@media screen and (min-width:1000px) {
 html[dir=rtl] .privacy-section {
  text-align:right
 }
 html[dir=rtl] .privacy-section h2.section-title:before {
  left:auto;
  right:0
 }
 html[dir=rtl] .privacy-section ul {
  float:right
 }
 html[dir=rtl] .privacy-section ul li {
  padding:0 60px 20px 0
 }
 html[dir=rtl] .privacy-section ul li h3 {
  margin-left:0;
  margin-right:-60px
 }
 html[dir=rtl] .privacy-section ul li.faster-loading h3,html[dir=rtl] .privacy-section ul li.private-browsing h3,html[dir=rtl] .privacy-section ul li.tracking-protection h3 {
  padding:0 60px 0
 }
 html[dir=rtl] .privacy-section ul li.private-browsing h3 {
  background-position:right -20px top -752px
 }
 html[dir=rtl] .privacy-section ul li.tracking-protection h3 {
  background-position:right -20px top -1300px
 }
 html[dir=rtl] .privacy-section ul li.faster-loading h3 {
  background-position:right -20px top -871px
 }
 html[dir=rtl] .privacy-section .privacy-section-media {
  float:left
 }
}
@media screen and (min-width:1400px) {
 html[dir=rtl] .privacy-section .privacy-section-media img {
  margin:0 60px 40px 0
 }
 html[dir=rtl] .privacy-section .privacy-section-media img:nth-child(2) {
  margin-left:0;
  margin-right:120px
 }
}
@media screen and (min-width:1400px) {
 .features-scroller-section.page-section .features-scroller-header .features-scroller-nav[data-current=Mobile_assistance] ul:before {
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 .features-scroller-section.page-section .features-scroller-header .features-scroller-nav[data-current=Fixe_assistance] ul:before {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
 .features-scroller-section.page-section .features-scroller-header .features-scroller-nav[data-current=Internet_assistance] ul:before {
  -webkit-transform:translateY(200%);
  transform:translateY(200%);
 }
 .features-scroller-section.page-section .features-scroller-header .features-scroller-nav[data-current=Salefecare_assistance] ul:before {
  -webkit-transform:translateY(300%);
  transform:translateY(300%)
 }
}

.customization-section h2 {
 margin-bottom:40px
}
.customization-section h3 {
 font-weight:700;
 margin-bottom:10px
}
.customization-section ul li {
 margin:40px 0;
 padding-top:120px;
 position:relative
}
.customization-section ul li:before {
 background:#ffe900 url("/media/img/firefox/home/icon-sprite.adeeb2d6c2d4.svg") center 0 no-repeat;
 background:url("/media/img/firefox/home/icon-sprite.adeeb2d6c2d4.svg") center 0 no-repeat,linear-gradient(to bottom,#ffe900 0,#ff9400 100%) top left;
 border-radius:100%;
 content:'';
 height:100px;
 left:50%;
 margin-left:-50px;
 position:absolute;
 top:0;
 width:100px
}
.customization-section ul li.extensions:before {
 background-position:center top -284px;
 background-position:center top -284px,top left
}
.customization-section ul li.themes:before {
 background-position:center top -984px;
 background-position:center top -984px,top left
}
.customization-section ul li.toolbar:before {
 background-position:center top -1128px;
 background-position:center top -1128px,top left
}
@media screen and (min-width:760px) {
 .customization-section ul {
  display:flex;
  flex-wrap:wrap
 }
 .customization-section ul li {
  margin:40px auto;
  padding-top:160px;
  width:30%
 }
}
@supports (display:grid) {
 @media screen and (min-width:1000px) {
  .customization-section ul {
   display:grid;
   grid-gap:100px;
   grid-template-columns:repeat(3,1fr)
  }
  .customization-section ul li {
   margin:40px 0;
   width:auto
  }
 }
}
.sync-section {
 background:#ededf0;
 padding-bottom:0
}
.sync-section h2 {
 margin-bottom:40px
}
.sync-section p {
 margin:0 auto 40px
}
@media screen and (min-width:1000px) {
 .sync-section {
  position:relative
 }
 .sync-section h2.section-title:before {
  left:0;
  margin-left:0
 }
 .sync-section .sync-section-content {
  float:right;
  text-align:left;
  width:50%
 }
 .sync-section .sync-section-content p {
  max-width:24em;
  margin:0 0 40px
 }
 .sync-section .sync-section-image {
  float:left;
  width:50%
 }
 .sync-section .sync-section-image img {
  height:571px;
  margin:-140px 0 -140px -420px;
  max-width:none;
  width:788px
 }
}
@media screen and (min-width:1400px) {
 .sync-section .sync-section-image img {
  margin-left:-300px
 }
}
@media screen and (min-width:1000px) {
 html[dir=rtl] .sync-section h2.section-title:before {
  left:auto;
  right:0
 }
 html[dir=rtl] .sync-section .sync-section-content {
  text-align:right
 }
}
.browse-for-good-section {
 padding-bottom:130px
}
.browse-for-good-section .browse-for-good-section-container {
 background-image:url("/media/img/firefox/home/mozilla.6ad4bf2a0da5.png");
 background-size:300px 261px;
 background-position:top center;
 background-repeat:no-repeat;
 padding-top:280px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
 .browse-for-good-section .browse-for-good-section-container {
  background-image:url("/media/img/firefox/home/mozilla-high-res.4bd9c7793437.png");
  background-size:300px 261px
 }
}
.browse-for-good-section h2 {
 margin-bottom:20px
}
.browse-for-good-section p {
 margin:0 auto;
 max-width:24em
}
@media screen and (min-width:760px) {
 .browse-for-good-section .browse-for-good-section-container {
  -webkit-background-size:350px 305px;
  background-size:350px 305px;
  zoom:1;
  background-position:top left;
  min-height:305px;
  padding-top:40px
 }
 .browse-for-good-section .browse-for-good-section-container:after {
  clear:both;
  content:'';
  display:block;
  height:0;
  visibility:hidden
 }
 .browse-for-good-section .browse-for-good-section-content {
  float:right;
  text-align:right;
  width:45%

 }
 .browse-for-good-section .browse-for-good-section-content h2.section-title:before {
  left:auto;
  margin-left:0;
  right:0
 }
 .browse-for-good-section .browse-for-good-section-content p {
  margin:0;
  float:right
 }
}
@media screen and (min-width:1000px) {
 .browse-for-good-section {
  padding:200px 0 0
 }
 .browse-for-good-section .browse-for-good-section-container {
  -webkit-background-size:450px 392px;
  background-size:450px 392px;
  min-height:392px;
  padding-top:100px
 }
}
@media screen and (min-width:1400px) {
 .browse-for-good-section .browse-for-good-section-container {
  -webkit-background-size:541px 471px;
  background-size:541px 471px;
  background-position:top left 20px;
  min-height:471px
 }
}
.secondary-download-section {
 background-color:#0060df;
 background-image:linear-gradient(to bottom,#0060df 0,#009cff 50%,#00abff 100%);
 color:#fff;
 position:relative
}
.secondary-download-section:before {
 background:transparent url("/media/img/firefox/home/wave.09fee20ffc01.svg") top center no-repeat;
 -webkit-background-size:3000px 151px;
 background-size:3000px 151px;
 content:'';
 display:block;
 height:151px;
 left:0;
 position:absolute;
 top:-5px;
 width:100%
}
.secondary-download-section .content {
 margin-top:-70px
}
.secondary-download-section h2 {
 background-image:url("/media/img/logos/firefox/logo-quantum.9c5e96634f92.png");
 background-size:200px 200px;
 font-size:24px;
 font-size:1.33333rem;
 background-position:top center;
 background-repeat:no-repeat;
 padding-top:220px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
 .secondary-download-section h2 {
  background-image:url("/media/img/logos/firefox/logo-quantum-high-res.cfd87a8f62ae.png");
  background-size:200px 200px
 }
}
@media screen and (min-width:760px) {
 .secondary-download-section h2 {
  font-size:36px;
  font-size:2rem
 }
}
@media screen and (min-width:1000px) {
 .secondary-download-section h2 {
  font-size:48px;
  font-size:2.66667rem
 }
}
.secondary-download-section p {
 margin-bottom:0
}
.secondary-download-section .download-button {
 margin-top:40px
}
@media screen and (min-width:1000px) {
 .secondary-download-section .content {
  margin-top:-110px
 }
}