/** TOP NAVIGATION BAR **/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'gill-sans-nova', sans-serif;
  font-weight: 500;
}

h1,
h2 {
  color: #003A70;
}

p {
  font-family: 'gill-sans-nova', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #424243;
}

.MuiBox-root h3 a {
  color: #003A70;
}

.content-block-title {
  font-family: 'gill-sans-nova', sans-serif;
}

.title {
  font-family: 'gill-sans-nova', sans-serif;
}

.btn,
.btn-default,
.btn-primary,
.btn:active,
.btn-default:active,
.btn-primary:active,
.btn:focus,
.btn-default:focus,
.btn-primary:focus {
  font-family: 'Neutra Display', Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}

.btn-client {
  background-color: #0699A9;
  color: #ffffff;
}

.btn-default:hover {
  background-color: #592C82;
  color: #ffffff;
}

.title {
  color: #003A70;
}

.sidebarCTAs .CTAbox {
  box-shadow: 0 7px 15px 2px rgba(0, 0, 0, .2);
  padding: 30px;
  border-top: 4px solid #ffba00;
  margin-bottom: 20px;
}

.CTAbox a {
  background-color: #ffba00;
  border-radius: 30px;
  text-transform: uppercase;
  color: #000000;
  padding: 11px 22px;
  margin-top: 20px;
  display: inline-block;
  font-size: 14px;
  border: 2px solid transparent;
  transition: color .2s ease-in-out, border-color .2s ease-in-out, background .2s ease-in-out;
}
.CTAbox a:hover{
  border-color: #ffba00;
  color: #000000;
  background-color: #ffffff;
  text-decoration: none;
}

#navbar {
  background-color: #003A70;
  border-color: #ffffff;
}

#navbar li,
#navbar li a {
  color: #FFFFFF;
}

#navbar li:hover a:hover {
  background-color: #B2E0E2;
  color: #003A70;
}

#navbar-menu-right>li>a.navbar-button {
  background-color: #0699A9;
  color: #ffffff;
}

#store-top-nav>div>ul>li>h4>a {
  color: #003A70;
}

#page-footer {
  background-color: #898A8D;
  border-color: #ffffff;
  position: absolute;
  bottom: 0;
  width: 100%;
  clear: both;
  height: 100px;
  padding-top: 25px;
  text-align: left;
}

#footer-text {
  color: white;
}

#footer-text a {
  color: #B2E0E2;
}

.modal {
  width: 100%;
  text-align: justify;
}

#footer-trademark {
  margin-top: 5px;
}

#footer-terms,
#footer-trademark {
  font-size: 9px;
}

#home-carousel>ol>li {
  background-color: #C0B7AF;
}

#home-carousel>ol>li.active {
  background-color: #0699A9;
  border-color: #0699A9;
}

#profile-nav.page-navigation>ul.nav-tabs {
  background-color: #163D68;
  color: #ffffff;
}

div.gray-bar {
  background: #C0B7AF repeat left top;
  height: 2px;
  margin-top: 2px;
}

.support-header,
.title {
  margin-top: 50px;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 7%;
  font-size: 20px;
  color: #fff;
  text-align: left;
  filter: alpha(opacity=50);
  opacity: .5;
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .0001) 100%);
}

.carousel-control.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, 0) 100%)
}

#profile-navigation li>a {
  color: #ffffff;
  background-color: #C0B7AF !important;
}

#profile-navigation li.active>a,
#profile-navigation>li.active>a:focus,
#profile-navigation>li.active>a:hover {
  color: #ffffff;
  background-color: #0699A9 !important;
}

#profile-navigation li>a:focus,
#profile-navigation li>a:hover {
  color: #ffffff;
  background-color: #003A70 !important;
}

#event-navigation li>a {
  color: #ffffff;
  background-color: #C0B7AF !important;
}

#event-navigation li.active>a,
#event-navigation>li.active>a:focus,
#event-navigation>li.active>a:hover {
  color: #ffffff;
  background-color: #0699A9 !important;
}

#event-navigation li>a:focus,
#event-navigation li>a:hover {
  color: #ffffff;
  background-color: #003A70 !important;
}

.video-placeholder {
  display: none;
  font-size: 1px;
  color: white;
}

@media print {
  .hide-when-printing {
    display: none !important;
  }

  .video-placeholder {
    display: block !important;
    font-size: 14px;
    color: black;
    padding-top: 8px;
  }
}