.gold-icon {
  color: #8E6F3E; 
  margin-left: 10px; 
  margin-right: 10px;
}

.gray-icon {
  color: #555; 
  margin-left: 12px; 
  margin-right: 12px;
}




.QA-Q, .QA-A { background-color: #C4BFC0; border-radius: 3px; color: #000; margin-right: 10px; padding: 5px; padding-top: 2px; }
.QA-Q { color: #FFF; }
.QA-A { background-color: #FFF; padding-left: 6px; padding-right: 6px; padding-top: 2px; }
.QA-row { margin-bottom: 10px; margin-top: 20px; padding: 10px; }
.QA-row p { font-size: 18px; line-height: 34px; margin-bottom: 13px; }
.QA-row p:first-child { font-weight: bold; }

body { background-color: #000; background-image: url('controls/images/ARMS.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center top; }

.fa-exclamation { position: absolute; color: #DAAA00; top: 20px; left: 10px; }
button .fa-exclamation { left: 20px; }
p .fa-exclamation { left: 0; top: 0; }
h4 { width: 100%; }

.year-button { background: rgba(85, 89, 96, 0.85); border: 0; border-radius: 5px; color: #FFF; float: left; font-size: 18px; margin: 10px; margin-right: 0; padding: 5px 15px; transition: 0.3s; }
.year-selected { background: rgba(142, 111, 62, 0.85); outline: 0; }
.year-button:active { border: 0; }
.year-button:focus {background: rgba(235, 217, 159, 0.85); color: #000; outline: 0; }
.year-selected::after { content: ''; display: inherit; width: 50%; margin: 2px auto; border-bottom: 4px solid rgba(218, 170, 0, 0.85); }
.year-button:hover { background: rgba(235, 217, 159, 0.85); color: #000; cursor: pointer; }

.NADVF-main { background: linear-gradient(to right, rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.65) 35%, rgba(0, 0, 0, 0) 50%); margin: 0; padding: 0; }
.NADVF-window.not-selected { display: none; }
.NADVF-window.selected { display: inline-block; }

.NADVF-button {
  background:                rgba(0, 0, 0, 0.85);
  border:                    0;
  border-top-left-radius:    6px;
  border-bottom-left-radius: 6px;
  box-shadow:                inset -16px 0 6px -10px rgba(0, 0, 0, 0.35);
  color:                     #FFF;
  font-size:                 20px;
  height:                    70px;
  margin:                    0;
  padding:                   20px;
  text-align:                left;
  transition:                0.3s;
  width:                     100%;
}
.NADVF-button.selected { background: rgba(142, 111, 62, 0.85); }
.NADVF-button:hover { background: rgba(235, 217, 159, 0.85); color: #000; cursor: pointer; }
.NADVF-button:active { outline: 0; }
.NADVF-button:focus { background: rgba(235, 217, 159, 0.85); color: #000; outline: 0; }

.NADVF-screen { background: #EEE; display: block; float: left; padding: 10px; width: 100%; }
.NADVF-screen.not-selected { display: none; }
.NADVF-tab { background: #EEE; border: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; float: left; font-size: 18px; margin-bottom: 0; margin-right: 5px; margin-top: 0; padding: 10px 20px; }
.NADVF-tab:active { border: 0; outline: 0; }
.NADVF-tab.not-selected { background: #DDD; transition: 0.3s; }
.NADVF-tab.not-selected:hover { background: #8E6F3E; color: #FFF; cursor: pointer; }

.NADVF-body { padding: 15px; position: relative; }
.NADVF-body p { font-size: 18px; margin-bottom: 20px; }

.NADVF-photo { background: #000; display: inline-block; padding-bottom: 20px; position: relative; text-align: center; width: auto; z-index: 10; }

.rings { color: rgba(0, 0, 0, 0.65); position: absolute; font-size: 80px; right: -60px; top: -4px; }

/* --- M E D I A   Q U E R I E S --- */
.NADVF-body { padding: 0px; }
.NADVF-body p { padding-left: 10px; padding-right: 10px; }
.NADVF-button { font-size: 10px; }
.NADVF-photo { float: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%; }
@media (min-width: 576px) {
  .NADVF-body { padding: 0px; }
  .NADVF-body p { padding-left: 10px; padding-right: 10px; }
  .NADVF-button { font-size: 11px; }
  .NADVF-photo { float: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%; }
}
@media (min-width: 768px) {
  .NADVF-body { padding: 15px; margin-top: -15px; }
  .NADVF-body p { padding-left: 0; padding-right: 0; }
  .NADVF-button { font-size: 14px; }
  .NADVF-photo { float: left; margin-left: -15px; margin-right: 20px; padding-left: 40px; padding-right:  40px; width: auto; }
}
@media (min-width: 992px) {
  .NADVF-body { padding: 15px; margin-top: -15px; }
  .NADVF-body p { padding-left: 0; padding-right: 0; }
  .NADVF-button { font-size: 20px; }
  .NADVF-photo { float: left; margin-left: -15px; margin-right: 20px; padding-left: 40px; padding-right:  40px; width: auto; }
}
@media (min-width: 1200px) {
  .NADVF-body { padding: 15px; margin-top: -15px; }
  .NADVF-body p { padding-left: 0; padding-right: 0; }
  .NADVF-button { font-size: 20px; }
  .NADVF-photo { float: left; margin-left: -15px; margin-right: 20px; padding-left: 40px; padding-right:  40px; width: auto; }
}