@media only screen and (max-width: 40em) {
  /* line 4, ../scss/full-metal-furies.scss */
  .hero > .row {
    background: url("../assets/img/fmf_site_subnavBannerBg_mb.png") center center no-repeat;
    background-size: 95% 100%;
  }

  /* line 8, ../scss/full-metal-furies.scss */
  .hero nav ul {
    width: 100%;
    padding: 0;
  }

  /* line 12, ../scss/full-metal-furies.scss */
  .hero nav ul li {
    padding: 0;
  }

  /* line 15, ../scss/full-metal-furies.scss */
  .storyline {
    padding: 0 20px;
  }

  /* line 18, ../scss/full-metal-furies.scss */
  .tabs-content {
    padding: 0;
  }

  /* line 21, ../scss/full-metal-furies.scss */
  h4 {
    font-size: 1.8em;
  }

  /* line 25, ../scss/full-metal-furies.scss */
  main {
    margin-top: -80px;
  }

  /* line 29, ../scss/full-metal-furies.scss */
  main .hero nav ul li.active {
    background-color: transparent;
  }

  /* line 33, ../scss/full-metal-furies.scss */
  main .hero nav ul li.active a {
    color: #FFFFFF;
  }

  /* line 37, ../scss/full-metal-furies.scss */
  .fmf-logo {
    content: url("../assets/img/fmf_home_logo_mobile.png");
  }

  /* Hero */
  /* line 43, ../scss/full-metal-furies.scss */
  .hero-home {
    background-image: url("../assets/img/fmf_home_banner_mobile.jpg");
  }

  /* line 48, ../scss/full-metal-furies.scss */
  section.hero {
    background-size: cover;
    background-position: 50% 100%, bottom left;
    background-repeat: no-repeat, repeat;
    height: 270px;
    /* Negative margin trick to remvove the empty gap when using position relative. */
    position: relative;
    /*z-index: -1;*/
  }

  /* Slanted DIV */
    /*section.hero + div {
        background: #696969;
        position: relative;
        margin: 0 auto;
        height: 45px;
        width: 100%;
    }

    section.hero + div:after,
    section.hero + div:before {
        content: none;
    }

    section.hero nav > ul{
        display:flex;
        flex-direction:column;
    }

    section.hero > div.row{
        position:absolute;
        bottom:-171px;
    }*/
  /* line 82, ../scss/full-metal-furies.scss */
  section.where-to-buy .row > .columns:nth-child(3) {
    margin-top: 30px;
  }

  /* line 85, ../scss/full-metal-furies.scss */
  section.storyline {
    margin-top: 50px;
  }

  /* line 88, ../scss/full-metal-furies.scss */
  section.storyline h4 + p {
    padding: 0 35px;
  }

  /* line 93, ../scss/full-metal-furies.scss */
  .tabs-content {
    /*margin-top:150px;*/
  }

  /* line 97, ../scss/full-metal-furies.scss */
  .game-features > div + div > .columns + .columns {
    margin-top: 40px;
  }

  /* line 101, ../scss/full-metal-furies.scss */
  .video-container {
    margin-left: -30px;
    margin-right: -30px;
  }

  /* line 106, ../scss/full-metal-furies.scss */
  .storyline, .latest-news {
    margin-top: 100px;
  }

  /* line 110, ../scss/full-metal-furies.scss */
  .tabs-content > div > section + section {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 51.25em) {
  /* line 115, ../scss/full-metal-furies.scss */
  main {
    margin-top: -115px;
  }

  /* line 118, ../scss/full-metal-furies.scss */
  .hero > .row {
    background: url("../assets/img/fmf_site_subnavBannerBg.png") center center no-repeat;
  }

  /* line 121, ../scss/full-metal-furies.scss */
  .hero nav ul {
    width: 600px;
  }

  /* line 124, ../scss/full-metal-furies.scss */
  .hero nav ul li {
    padding: 0 10px;
  }

  /* line 127, ../scss/full-metal-furies.scss */
  .tabs-content {
    padding-top: 75px;
  }

    /*
    main .hero nav ul li.active {
        border-bottom-color: #FCC902;
        background-color: #FCC902;
    }

    main .hero nav ul li.active a {
        color: #333333;
    }
    */
  /* Hero */
  /* line 143, ../scss/full-metal-furies.scss */
  section.hero {
    height: 600px;
    max-height: 600px;
    width: 100%;
    position: relative;
    background-size: cover;
  }

  /* Slanted DIV */
  /*section.hero + div {
      background: #696969;
      position: relative;
      margin: 0 auto;
      height: 45px;
      width: 782px;
  }*/
  /* line 160, ../scss/full-metal-furies.scss */
  .storyline .video-container {
    margin: 0 50px;
    padding: 30px;
    background: black;
  }

  /* line 165, ../scss/full-metal-furies.scss */
  .storyline .video-container > div {
    border: 3px solid #555555;
    max-width: 800px;
    padding: 0;
    position: relative;
    margin-bottom: -75px;
    top: -100px;
    background-color: #000000;
  }

  /* line 175, ../scss/full-metal-furies.scss */
  .storyline, .latest-news {
    margin-top: 150px;
  }

  /* line 179, ../scss/full-metal-furies.scss */
  .tabs-content > div > section + section {
    margin: 150px auto;
  }

  /* line 182, ../scss/full-metal-furies.scss */
  .game-features .big-features {
    margin-bottom: 70px;
  }

  /* line 185, ../scss/full-metal-furies.scss */
  section.hero + div:after,
  section.hero + div:before {
    height: 0;
    width: 0;
    content: "";
    display: block;
    position: relative;
  }

    /*section.hero + div:before {
        border-top: 45px solid #696969;
        border-left: 12px solid transparent;
        left: -12px;
    }

    section.hero + div:after {
        border-top: 45px solid #696969;
        border-right: 12px solid transparent;
        left: 782px;
        top: -45px;
    }*/
}
/* line 208, ../scss/full-metal-furies.scss */
body {
  color: #DFDFDF;
  background: linear-gradient(rgba(33, 33, 33, 0.85), rgba(33, 33, 33, 0.85)), url(../assets/img/background.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/* line 216, ../scss/full-metal-furies.scss */
h4 {
  color: #B59277;
}

/* line 220, ../scss/full-metal-furies.scss */
h4 + i {
  color: #FCC902;
}

/* line 224, ../scss/full-metal-furies.scss */
h5 {
  margin: 20px auto;
  color: #DFDFDF;
}

/* line 229, ../scss/full-metal-furies.scss */
dl dd,
dl dt {
  margin-bottom: 0;
}

/* line 233, ../scss/full-metal-furies.scss */
.fmf-logo {
  /* Centering */
  position: absolute;
  top: 0;
  /*bottom: 0;*/
  left: 0;
  right: 0;
  margin: auto;
}

/* line 242, ../scss/full-metal-furies.scss */
.top-bar-container {
  z-index: 1;
  position: relative;
}

/* line 247, ../scss/full-metal-furies.scss */
.tabs-content {
  padding-bottom: 150px;
  margin-bottom: 0;
}

/*.tabs-content > div > section:not(.hero) {
    margin: 60px auto;
}*/
/* line 256, ../scss/full-metal-furies.scss */
.row > .columns > h4 {
  font-family: 'Love Ya Like A Sister', cursive;
  margin: 0;
}

/* line 261, ../scss/full-metal-furies.scss */
.radius {
  border-radius: 8px;
}

/* line 265, ../scss/full-metal-furies.scss */
.flexslider_slider {
  height: 484px;
  position: static;
}

/* line 270, ../scss/full-metal-furies.scss */
.flexslider_slider .flex-control-nav {
  width: 100%;
  bottom: 0;
  background: transparent;
  /* Centering Absolute Element */
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

/* line 281, ../scss/full-metal-furies.scss */
.flex-control-paging li a.flex-active {
  border: 2px solid white;
  background-color: white;
}

/* line 286, ../scss/full-metal-furies.scss */
.flex-control-paging li a {
  border: 2px solid #FCC902;
  background: transparent;
}

/* line 291, ../scss/full-metal-furies.scss */
.flexslider_slider .flex-prev .fs1,
.flexslider_slider .flex-next .fs1 {
  height: 40px;
  width: 40px;
  display: flex;
  align-self: center;
  top: auto;
}

/* line 300, ../scss/full-metal-furies.scss */
.flexslider_slider:hover .flex-prev {
  left: -15px;
}

/* line 304, ../scss/full-metal-furies.scss */
.flexslider_slider:hover .flex-next {
  right: -15px;
}

/* line 308, ../scss/full-metal-furies.scss */
.flexslider_slider_hero > .slides {
  max-width: 865px;
  margin: 0 auto;
}
/* line 312, ../scss/full-metal-furies.scss */
.flexslider_slider_hero > .slides > li p {
  background-color: #111111;
  height: 135px;
  position: relative;
  top: -15px;
  padding: 35px 100px;
  margin: 0 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 323, ../scss/full-metal-furies.scss */
.flexslider_slider_hero .flex-prev .fs1,
.flexslider_slider_hero .flex-next .fs1 {
  height: 40px;
  width: 40px;
  display: flex;
  align-self: center;
  top: auto;
}

/*
.flexslider_slider_hero:hover .flex-prev {
    left: -15px;
}

.flexslider_slider_hero:hover .flex-next {
    right: -15px;
}*/
/* line 339, ../scss/full-metal-furies.scss */
.flexslider_slider_hero .custom-navigation-slider a {
  opacity: 1;
  top: 48%;
}

/* line 343, ../scss/full-metal-furies.scss */
.flexslider_slider_hero .custom-navigation-slider .flex-prev {
  left: 25px;
}

/* line 346, ../scss/full-metal-furies.scss */
.flexslider_slider_hero .custom-navigation-slider .flex-next {
  right: 25px;
}

/* line 349, ../scss/full-metal-furies.scss */
.flexslider_slider_hero .flex-control-nav {
  bottom: -40px;
  z-index: 99999;
  left: -50%;
  transform: translateX(50%);
}

/* line 356, ../scss/full-metal-furies.scss */
.hero:after {
  background-color: white;
  content: ' ';
  height: 14px;
  width: 100%;
  background: url("../assets/img/fmf_site_subnav_hr.png") bottom left repeat;
  position: absolute;
  top: 100%;
  left: 0;
}

/* line 367, ../scss/full-metal-furies.scss */
.hero > .row {
  min-height: 132px;
  bottom: -75px;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 19;
}

/* line 380, ../scss/full-metal-furies.scss */
.hero nav ul {
  margin: 15px auto 0;
  display: table;
  border-spacing: 2px 0;
  table-layout: fixed;
}

/* line 387, ../scss/full-metal-furies.scss */
.hero nav ul li {
  display: table-cell;
  width: 100%;
}

/* line 392, ../scss/full-metal-furies.scss */
.hero nav ul li a, .hero nav ul li span {
  font-weight: 800;
  font-size: 1.3em;
  display: block;
  text-align: center;
  color: #453E39;
  text-decoration: none;
  outline: 0;
}

/* line 401, ../scss/full-metal-furies.scss */
.hero nav ul li span {
  opacity: .3;
}

/* line 404, ../scss/full-metal-furies.scss */
.hero.herobanner {
  margin: 9px;
}

/* line 407, ../scss/full-metal-furies.scss */
main .hero nav ul li {
  font-family: 'Love Ya Like A Sister', cursive;
}

/* line 413, ../scss/full-metal-furies.scss */
#panel-aboutus .latest-news {
  margin-bottom: 100px;
}

/* line 416, ../scss/full-metal-furies.scss */
#panel-aboutus .storyline h4 {
  margin-bottom: 15px;
}

/* line 420, ../scss/full-metal-furies.scss */
.tabs-content {
  zoom: 1;
  /* Customized */
  display: block !important;
}

/* Customized */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 451, ../scss/full-metal-furies.scss */
.tabs-content:before,
.tabs-content:after {
  content: " ";
  display: table;
}

/* line 457, ../scss/full-metal-furies.scss */
.tabs-content:after {
  clear: both;
}

/* line 461, ../scss/full-metal-furies.scss */
.tabs-content > .content {
  display: none;
  float: left;
  padding: 0.9375rem 0;
}

/* line 467, ../scss/full-metal-furies.scss */
.tabs-content > .content.active {
  /* Customized */
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  opacity: 1;
  display: block;
}

/* line 476, ../scss/full-metal-furies.scss */
.small-features, .big-features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/* line 481, ../scss/full-metal-furies.scss */
.small-features > div, .big-features > div {
  margin-bottom: 35px;
}
/* line 484, ../scss/full-metal-furies.scss */
.small-features p, .big-features p {
  margin: 0;
}

/* line 489, ../scss/full-metal-furies.scss */
.coming-soon {
  margin: 25px 0;
}
@media only screen and (max-width: 40em) {
  /* line 489, ../scss/full-metal-furies.scss */
  .coming-soon {
    margin: 135px 0 25px 0;
  }
}
/* line 495, ../scss/full-metal-furies.scss */
.coming-soon > p:nth-child(1) {
  font-size: 3rem;
}
/* line 498, ../scss/full-metal-furies.scss */
.coming-soon > p:nth-child(3) {
  font-size: 1.7rem;
}
/* line 501, ../scss/full-metal-furies.scss */
.coming-soon img {
  width: 100px;
  margin: 0 15px;
}

/* line 507, ../scss/full-metal-furies.scss */
.faq {
  margin-top: 50px;
}

/*main .hero nav ul li:nth-child(1) {
    border-bottom-color: #FCC902;
    background-color: #FCC902;
}

main .hero nav ul li:nth-child(1) a {
    color: #333333;
}*/
/* line 520, ../scss/full-metal-furies.scss */
.comics-container, .abcs-container {
  background-color: #000;
  padding: 35px;
}
/* line 524, ../scss/full-metal-furies.scss */
.comics-container .columns + .columns:last-child, .abcs-container .columns + .columns:last-child {
  float: left;
}
/* line 527, ../scss/full-metal-furies.scss */
.comics-container p, .abcs-container p {
  text-align: left;
}

/* line 531, ../scss/full-metal-furies.scss */
.comics-container h5, .abcs-container h5 {
  font-family: 'Love Ya Like A Sister', cursive;
  color: #b59277;
}

/* line 535, ../scss/full-metal-furies.scss */
.hero nav ul li.is-active a {
  color: #FF6926;
}

/*.snav-active.snav-active:not(.buy) {        
        color:#FF6926;
}
a.buy.buy{
    color:#FFFFFF;
    background-color:#eb6123;
}*/
/* line 545, ../scss/full-metal-furies.scss */
.snav-selection {
  font-family: 'Allerta Stencil', sans-serif;
  font-size: 2em;
  color: #FFDD00;
  display: block;
  text-align: center;
  margin-top: 20px;
}

/* line 553, ../scss/full-metal-furies.scss */
.fmf-close.fmf-close {
  color: #FCC902;
  text-decoration: none;
  position: absolute;
  top: 25px;
  right: 25px;
}

/* Video */
/* line 561, ../scss/full-metal-furies.scss */
button.fancybox-close-small:hover, button.fancybox-close-small:focus {
  background-color: transparent;
}

/* line 564, ../scss/full-metal-furies.scss */
video::-internal-media-controls-download-button {
  display: none;
}

/* line 567, ../scss/full-metal-furies.scss */
video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

/* line 570, ../scss/full-metal-furies.scss */
video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

/* line 573, ../scss/full-metal-furies.scss */
.fmf-video {
  padding: 35px;
}

/* line 576, ../scss/full-metal-furies.scss */
.tabs-panel {
  min-height: 800px;
  display: none;
}
@media only screen and (max-width: 40em) {
  /* line 576, ../scss/full-metal-furies.scss */
  .tabs-panel {
    min-height: 0;
  }
}

/* line 583, ../scss/full-metal-furies.scss */
.tabs-panel.is-active {
  display: block;
}

/* line 586, ../scss/full-metal-furies.scss */
a[data-fancybox] {
  position: relative;
  display: block;
  overflow: hidden;
}
/* line 591, ../scss/full-metal-furies.scss */
a[data-fancybox] .mask span {
  right: 50px;
}