/* line 11, ../sass/m-sticky-nav.scss */
.m-sticky-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  border-bottom: 1px solid #0e0e0e;
  background-color: rgba(40, 40, 40, 0.9);
  z-index: 100;
}
/* line 22, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu {
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 50px;
  bottom: 0;
  height: 100%;
  overflow: auto;
  left: -100%;
  width: 200px;
  background-color: rgba(40, 40, 40, 0.95);
  border-right: 1px solid #0e0e0e;
  border-bottom: 1px solid #0e0e0e;
}
/* line 35, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu.active {
  left: 0;
}
/* line 38, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu li {
  font-weight: 100;
  font-size: 0.8em;
  border-bottom: 1px solid #0e0e0e;
}
/* line 42, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu li:last-child {
  border-bottom: none;
  margin-bottom: 50px;
}
/* line 46, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu li > span,
.m-sticky-nav .menu li a {
  color: rgba(255, 255, 255, 0.9);
  padding: 15px;
  display: block;
}
/* line 52, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu li a {
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  text-decoration: none;
}
/* line 55, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu li a:hover {
  background-color: rgba(66, 66, 66, 0.95);
  text-decoration: none;
}
/* line 60, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu li:first-child a {
  text-align: center;
  background-color: #0e0e0e;
  font-size: 1.5em;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 25px;
}
/* line 67, ../sass/m-sticky-nav.scss */
.m-sticky-nav .menu li:first-child a:hover {
  background-color: #353535;
}
/* line 74, ../sass/m-sticky-nav.scss */
.m-sticky-nav .social {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
}
/* line 80, ../sass/m-sticky-nav.scss */
.m-sticky-nav .social li {
  display: inline-block;
  width: 50px;
  line-height: 49px;
  text-align: center;
  border-left: 1px solid #0e0e0e;
  overflow-y: hidden;
}
/* line 87, ../sass/m-sticky-nav.scss */
.m-sticky-nav .social li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
}
/* line 93, ../sass/m-sticky-nav.scss */
.m-sticky-nav .social li .icon-twitter,
.m-sticky-nav .social li .icon-facebook,
.m-sticky-nav .social li .icon-gplus,
.m-sticky-nav .social li .icon-prev,
.m-sticky-nav .social li .icon-next {
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
/* line 101, ../sass/m-sticky-nav.scss */
.m-sticky-nav .social li:hover .icon-twitter {
  background-color: #00ACEE;
}
/* line 104, ../sass/m-sticky-nav.scss */
.m-sticky-nav .social li:hover .icon-facebook {
  background-color: #3B5998;
}
/* line 107, ../sass/m-sticky-nav.scss */
.m-sticky-nav .social li:hover .icon-gplus {
  background-color: #D34836;
}

/* line 115, ../sass/m-sticky-nav.scss */
.m-sticky-nav__burger {
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  display: block;
  height: 49px;
  line-height: 50px;
  position: absolute;
  left: 0;
  padding: 0 15px;
  color: white;
  font-size: 1.3em;
  border-right: 1px solid #0e0e0e;
  text-decoration: none;
}
/* line 128, ../sass/m-sticky-nav.scss */
.m-sticky-nav__burger:after {
  content: "\e803";
  font-family: 'fontello';
  font-weight: normal;
  font-style: normal;
}
/* line 135, ../sass/m-sticky-nav.scss */
.m-sticky-nav__burger.active:after {
  content: "\e812";
  font-family: 'fontello';
  font-weight: normal;
  font-style: normal;
}
/* line 142, ../sass/m-sticky-nav.scss */
.m-sticky-nav__burger:hover {
  color: white;
  background-color: rgba(14, 14, 14, 0.95);
  text-decoration: none;
}
/* line 148, ../sass/m-sticky-nav.scss */
.m-sticky-nav__burger:active {
  color: white;
  line-height: 54px;
}

/* line 154, ../sass/m-sticky-nav.scss */
.m-sticky-nav__logo {
  height: 50px;
  line-height: 50px;
  position: absolute;
  left: 20px;
  width: 100px;
  background-image: url("http://ea-cdn.voxmedia.com/production/polygon-call-of-duty-cover/images/polygon_logo-949ec223.png");
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: center;
}