@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
    url('/fonts/glyphicons-halflings-regular.woff') format('woff'),
    url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
    url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
body {
  font-size: 16px;
  color: #333;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto Slab', Georgia, serif;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
}
h1 .btn,
h2 .btn,
h3 .btn,
h4 .btn,
h5 .btn,
h6 .btn {
  margin-left: 15px;
  position: relative;
  top: -3px;
}
h1 .btn.btn-success,
h1 .btn.btn-primary,
h1 .btn.btn-danger,
h1 .btn.btn-blue,
h1 .btn.btn-red,
h2 .btn.btn-success,
h2 .btn.btn-primary,
h2 .btn.btn-danger,
h2 .btn.btn-blue,
h2 .btn.btn-red,
h3 .btn.btn-success,
h3 .btn.btn-primary,
h3 .btn.btn-danger,
h3 .btn.btn-blue,
h3 .btn.btn-red,
h4 .btn.btn-success,
h4 .btn.btn-primary,
h4 .btn.btn-danger,
h4 .btn.btn-blue,
h4 .btn.btn-red,
h5 .btn.btn-success,
h5 .btn.btn-primary,
h5 .btn.btn-danger,
h5 .btn.btn-blue,
h5 .btn.btn-red,
h6 .btn.btn-success,
h6 .btn.btn-primary,
h6 .btn.btn-danger,
h6 .btn.btn-blue,
h6 .btn.btn-red {
  color: white;
}
@media (max-width: 767px) {
  h1 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  h4,
  h5,
  h6 {
    font-size: 16px;
  }
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: #063b86;
}
a:active {
  opacity: 0.7;
}
a:hover {
  color: #0850b7;
}
p {
  margin-bottom: 20px;
  line-height: 1.6;
}
ul,
ol {
  margin-bottom: 20px;
}
ul li,
ol li {
  padding-bottom: 7px;
}
ul li:last-child,
ol li:last-child {
  padding-bottom: 0;
}
.text-red {
  color: #c80013 !important;
}
.text-blue {
  color: #063b86 !important;
}
.btn {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 15px;
}
.btn-red {
  background-color: #95000e;
  color: white;
  font-weight: bold;
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus {
  color: white;
  background-color: #c80013;
}
.btn-red.active {
  background-color: #fff;
  color: #c80013;
}
.btn-blue {
  background-color: #063b86;
  color: white;
  font-weight: bold;
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
  color: white;
  background-color: #0850b7;
}
.btn-blue.active {
  background-color: #fff;
  color: #0850b7;
}
.btn-gold {
  background-color: #9f7e42;
  color: white;
  font-weight: bold;
}
.btn-gold:hover,
.btn-gold:active,
.btn-gold:focus {
  color: white;
  background-color: #ba985a;
}
.btn-gold.active {
  background-color: #fff;
  color: #9f7e42;
}
label.btn-default {
  background-color: #a4a7b1;
  color: white;
  font-weight: bold;
  border-color: transparent;
}
label.btn-default:hover,
label.btn-default:active,
label.btn-default:focus {
  color: white;
  background-color: #bfc2c9;
}
label.btn-default.active {
  background-color: #fff;
  color: #a4a7b1;
}
.panel-title {
  font-size: 18px;
}
.panel-blue {
  border-color: #063b86;
}
.panel-blue .panel-heading {
  color: white;
  background-color: #063b86;
  border-color: #063b86;
}
.panel-red {
  border-color: #c80013;
}
.panel-red .panel-heading {
  color: white;
  background-color: #c80013;
  border-color: #c80013;
}
.block {
  display: block;
}
label span {
  color: #c80013;
}
.alert-default {
  color: #333;
  background-color: whitesmoke;
  border-color: #ccc;
}
#page-header {
  margin-top: 15px;
  margin-bottom: 30px;
}
#page-header #logo div {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  width: 220px;
  height: 97px;
  background: transparent url('/images/W003_amac_logo_namefull.png') no-repeat top center;
  background-size: 100%;
  display: block;
}
@media (max-width: 767px) {
  #page-header #logo a {
    margin: 0 auto;
  }
  #page-header #logo div {
    margin: 0 auto;
  }
}
#page-header h1#page-type {
  margin-top: 10px;
  color: #063b86;
  text-align: right;
}
#page-header h2#sub-heading, 
#page-header h3#sub-heading{
  margin-top: 10px;
  font-size: 24px;
  color: #063b86;
  text-align: right;
  margin-top:0; 
  margin-bottom:5px;
}
@media (max-width: 767px) {
  #page-header h1#page-type {
    text-align: center;
  }
  #page-header h2#sub-heading, 
  #page-header h3#sub-heading {
    text-align: center;
  }
}
#page-header #siteseal {
  text-align: right;
}
@media (max-width: 767px) {
  #page-header #siteseal {
    text-align: center;
  }
}
#page-footer {
  margin: 60px 0;
}
#page-footer .copyright {
  text-align: center;
  padding-top: 15px;
  font-size: 12px;
}
h3.section-title {
  border-top: 3px solid #d9d9d9;
  padding-top: 15px;
  color: #063b86;
  margin-top: 30px;
}
.panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}
.panel h4 {
  margin-top: 0;
}
.help-block {
  margin-top: 0;
  margin-bottom: 0;
  color: #737373;
  font-size: 12px;
  padding: 5px;
  background-color: whitesmoke;
}
.form-inline {
  margin-bottom: 15px;
}
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .help-block {
  text-align: center;
}
#select-membership {
  margin-bottom: 30px;
  display: block;
}
#select-membership .btn {
  width: 25%;
  white-space: normal;
}
@media (max-width: 767px) {
  #select-membership .btn {
    width: 50%;
  }
}
#select-membership .btn i {
  font-style: normal;
  font-size: 24px;
}
#select-membership .btn.active {
  -webkit-box-shadow: inset 0 0 7px #000;
  -moz-box-shadow: inset 0 0 7px #000;
  box-shadow: inset 0 0 7px #000;
  border-color: #000;
}
#select-membership .btn.active:after {
  content: '\e013';
  font-family: 'Glyphicons Halflings';
  position: absolute;
  top: 8px;
  right: 10px;
}
.has-error label {
  color: #c80013;
}
.has-error label.error {
  display: none !important;
}
.has-error .help-block {
  color: #c80013;
}
.has-error .form-control {
  border-color: #c80013;
}
.form-control {
  background-color: #ecf9ff;
  font-size: 16px;
}
.form-control:focus {
  background-color: #fff;
}
.form-control.field-auto-width {
  width: auto;
}
label {
  margin-top: 15px;
}
.radio label,
.checkbox label {
  margin-top: 0;
}
.promo-item {
  border: 3px solid #d9d9d9;
  text-align: center;
  border-radius: 8px;
  padding-bottom: 10px;
  margin: 0 5px 30px;
  width: 47%;
}
@media (max-width: 767px) {
  .promo-item {
    width: 97%;
  }
}
.promo-item.selected {
  border-color: #9f7e42;
}
.promo-item h3 {
  color: #063b86;
  margin: 10px 0;
}
.print-cards {
  width: 670px;
  margin: 30px auto;
  position: relative;
}
.print-cards .btn-group {
  margin-top: 60px;
  text-align: center;
}
.print-cards .card {
  height: 370px;
  color: black;
  font-size: 10px;
  font-weight: bold;
  padding: 0;
  margin: 0 15px;
  width: 305px;
}
.print-cards .card img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.print-cards .card span {
  position: absolute;
  z-index: 2;
}
.print-cards .card span.name {
  top: 100px;
  left: 18px;
}
.print-cards .card span.since {
  top: 65px;
  left: 177px;
}
.print-cards .card span.member-id {
  top: 97px;
  left: 177px;
}
.print-cards .card span.exp {
  top: 129px;
  left: 177px;
}
.print-cards .card table {
  position: absolute;
  top: 191px;
  left: 0;
  width: 305px;
  font-size: 8px;
}
.print-cards .card table th {
  font-size: 8px;
  padding: 0 10px;
}
.print-cards .card table td {
  padding: 0 10px;
  font-weight: normal;
}
.panel #pass-req ul {
  padding-bottom: 0;
}
.panel #pass-req ul .valid strong {
  color: green;
}
.panel #pass-req ul .valid strong:after {
  content: '\e013';
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  padding: 0 0 0 5px;
}
.panel #pass-req ul .invalid strong {
  color: #c80013;
}
#toggle-pass {
  padding: 5px 10px;
}
@media print {
  .print-cards {
    page-break-inside: avoid;
  }
}
ul.cc-icons {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.cc-icons li {
  display: inline-block;
  background-image: url('../images/credit-cards.png');
  background-position: -30px -40px;
  width: 65px;
  height: 40px;
}
ul.cc-icons li.mast {
  background-position: -113px -40px;
}
ul.cc-icons li.disc {
  background-position: -113px -214px;
}
ul.cc-icons li.amex {
  background-position: -113px -330px;
}
.social-group {
  background-color: #063b86;
  padding: 30px 15px;
  border-radius: 4px;
  text-align: center;
  color: white;
}
.social-group h3 {
  margin: 0;
}
.social-group a {
  color: white;
  font-size: 42px;
  display: inline-block;
  padding: 15px;
  background-color: #c80013;
  margin: 15px 3px 0;
  width: 75px;
  border-radius: 200px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}
.social-group a:hover {
  background-color: white;
  color: #c80013;
  text-decoration: none;
}
/* Text opt in */
.form-inline label {
  max-width: 250px;
}
.form-inline .text-form-group {
  vertical-align: top;
  text-align: center;
  width: 50px;
  margin-left: 15px;
}

.form-inline .text-form-group label {
  position: absolute;
  top: 0;
}

.form-inline .text-form-group label sup {
  color: #929292;
  font-weight: 400;
}

.form-inline .text-form-group input {
  margin-top: 8px;
}

.fine-print {
  color: #929292;
  margin-top: 35px;
  margin-bottom: -10px;
}

/* Ambassador signup */

.ambassador-details li {
  padding: 10px;
}

.ambassador-details li b {
  margin-right: 15px;
}

/* Ambassador member form */

.promo-code-section .promo-row {
  margin-bottom: 30px;
  display: flex;
}

.promo-code-section label {
  margin: 0;
  display: flex;
  align-items: center;
}

.promo-code-section input {
  margin: 0 15px;
  min-width: 250px;
}

.info-scroll-box{
  overflow: scroll;
  height: 200px;
}

.scroll-box-wrapper{
  padding-left: 10px;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: solid;
  border-radius: 5px;
  border-color: lightgray;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  padding: 5px;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion-panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.accordion-heading {
  margin: 15px;
}

.right-align {
  float: right;
  padding-right: 5px;
}