* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lightbox {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0; }
  .lightbox .spinner {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 -15px;
    background: transparent url('../../../img/global/spinner.gif') top left no-repeat;
    z-index: 2;
    opacity: 0.9; }
  .lightbox .lightbox-inner {
    margin: 0 auto;
    top: 50%;
    position: relative; }
    .lightbox .lightbox-inner img.stretch {
      width: 100%; }
  .lightbox .close {
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer;
    font-weight: 300;
    text-transform: uppercase;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.75em;
    z-index: 1;
    color: white;
    width: 38px;
    height: 38px;
    background-image: url('../../../img/global/red-close.png');
    background-size: 38px 38px;
    background-repeat: no-repeat;
    background-position: bottom center; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
      .lightbox .close {
        background-image: url('../../../img/global/red-close%402x.png');
        background-size: 38px 38px; } }
    .lightbox .close:hover {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }

#faq {
  background: #063148;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2MzE0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTQ2NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #063148 0%, #094667 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #063148), color-stop(100%, #094667));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #063148 0%, #094667 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #063148 0%, #094667 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #063148 0%, #094667 100%);
  /* IE10+ */
  background: linear, to bottom, #063148 0%, #094667 100%;
  /* W3C */
  overflow: hidden; }
  #faq header {
    position: relative;
    width: 100%;
    overflow: hidden; }
    #faq header .gradient {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      background: url('../../../img/faqs/gradient.png');
      background-repeat: repeat-x;
      height: 154px; }
    #faq header ul {
      width: 101%; }
      #faq header ul li {
        border-right: 1px solid #444444;
        width: 100%;
        height: 280px;
        background-size: cover !important;
        background-position: 50% 50% !important;
        position: relative; }
        #faq header ul li:nth-child(n+2) {
          display: none; }
        @media screen and (min-width: 650px) {
          #faq header ul li {
            height: 368px;
            float: left;
            width: 50%; }
            #faq header ul li:nth-child(2) {
              display: block; } }
        @media screen and (min-width: 900px) {
          #faq header ul li {
            width: 33.3333%; }
            #faq header ul li:nth-child(3) {
              display: block; } }
        #faq header ul li .button {
          background-color: rgba(255, 81, 57, 0.7);
          padding: 5% 20px;
          display: none;
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          text-align: center;
          text-transform: uppercase;
          font-weight: 900;
          font-size: 1.25em;
          color: white;
          -webkit-transition: 0.3s background-color;
          -moz-transition: 0.3s background-color;
          transition: 0.3s background-color; }
          #faq header ul li .button:hover {
            background-color: #ff5139; }
          @media screen and (min-width: 650px) {
            #faq header ul li .button {
              display: block; } }
          #faq header ul li .button .right-arrow {
            display: inline-block;
            margin-left: 8px;
            margin-bottom: -2px;
            width: 20px;
            height: 20px;
            background-image: url('../../../img/global/icon-white-arrow.png');
            background-size: 20px 20px;
            background-repeat: no-repeat;
            background-position: bottom center; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
              #faq header ul li .button .right-arrow {
                background-image: url('../../../img/global/icon-white-arrow%402x.png');
                background-size: 20px 20px; } }
  #faq .inner {
    padding: 8% 4.5%;
    overflow: hidden;
    position: relative; }
    @media screen and (min-width: 601px) {
      #faq .inner {
        padding: 3% 3%; } }
    #faq .inner .bg-character {
      position: absolute;
      top: 93px;
      right: -72px; }
    #faq .inner .category {
      margin-bottom: 15%;
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 601px) {
        #faq .inner .category {
          margin-bottom: 6%; } }
      #faq .inner .category h3 {
        text-transform: uppercase;
        margin-bottom: 29px;
        font-size: 1.625em; }
        @media screen and (min-width: 601px) {
          #faq .inner .category h3 {
            font-size: 3em; } }
      #faq .inner .category li {
        margin-bottom: 6%; }
        @media screen and (min-width: 601px) {
          #faq .inner .category li {
            margin-bottom: 3%; } }
        #faq .inner .category li:last-of-type {
          margin-bottom: 0; }
        #faq .inner .category li .question {
          font-style: italic;
          text-transform: uppercase;
          font-weight: 900;
          font-size: 1.125em;
          margin-bottom: 3%;
          letter-spacing: 0.03em;
          line-height: 1.3em; }
          @media screen and (min-width: 601px) {
            #faq .inner .category li .question {
              font-size: 1.5em;
              margin-bottom: 1%; } }
          #faq .inner .category li .question .arrow {
            display: inline-block;
            margin-left: 8px;
            margin-bottom: -2px;
            width: 15px;
            height: 16px;
            background-image: url('../../../img/faqs/arrow.png');
            background-size: 15px 16px;
            background-repeat: no-repeat;
            background-position: bottom center; }
            @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
              #faq .inner .category li .question .arrow {
                background-image: url('../../../img/faqs/arrow%402x.png');
                background-size: 15px 16px; } }
            @media screen and (min-width: 601px) {
              #faq .inner .category li .question .arrow {
                width: 19px;
                height: 21px;
                background-image: url('../../../img/faqs/arrow.png');
                background-size: 19px 21px;
                background-repeat: no-repeat;
                background-position: bottom center; }
                @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 144dppx) {
                  #faq .inner .category li .question .arrow {
                    background-image: url('../../../img/faqs/arrow%402x.png');
                    background-size: 19px 21px; } } }
        #faq .inner .category li .answer {
          display: none; }
          #faq .inner .category li .answer p {
            font-size: 0.8875em;
            line-height: 1.6em; }
            @media screen and (min-width: 601px) {
              #faq .inner .category li .answer p {
                line-height: 1.9em;
                width: 95%;
                font-size: 0.9em; }
                #faq .inner .category li .answer p a {
                  color: #ff5139;
                  text-decoration: none; } }
          #faq .inner .category li .answer .photo {
            position: relative; }
            #faq .inner .category li .answer .photo img {
              margin-top: 20px;
              width: 100%; }
  #faq #browse {
    background-color: black;
    height: 80px;
    width: 100%; }
    #faq #browse .dropdown-wrap {
      margin: 0 auto;
      width: 325px;
      padding-top: 23px;
      padding-left: 4px; }
      #faq #browse .dropdown-wrap .label {
        text-transform: uppercase;
        float: left;
        margin-top: 11px;
        margin-right: 14px;
        font-weight: 900; }
      #faq #browse .dropdown-wrap .dropdown {
        float: left;
        width: 190px; }
#faq .inner .category li .answer ul {
    font-weight: 300;
    font-size: 0.9em;
    width: 95%;
    color: #C5C3C3;
}