.btn {
  border: 0;
  border-radius: 50px;
  padding: 1rem 2rem;
  font-weight: 700;
  margin-top: 1rem;
  display: inline-block;
  background: none;
  transition: all 0.25s ease;
  font-family: "PT Sans Narrow", sans-serif;
}
.btn:hover {
  color: white;
}
.btn:active {
  color: white;
}
.btn:visited {
  color: white;
}
.btn:focus {
  color: white;
}

.small {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 900;
}

.tiny {
  padding: 0.25rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 900;
}

.wide {
  width: 100%;
  text-align: center;
}

.blueBtn {
  color: white;
  background-color: #3d5a80;
}

.redBtn {
  color: white;
  background-color: #FF4D4F;
}

.greenBtn {
  color: white;
  background-color: #52C41A;
}

.orangeBtn {
  color: white;
  background-color: #FFA500;
}

.goldBtn {
  color: #1F1F1F;
  background-color: #FFD700;
}
.goldBtn:hover {
  color: white;
}

.darkBtn {
  color: #A9A9A9;
  background-color: #1F1F1F;
}
.darkBtn:hover {
  color: white;
}

.grayBtn {
  color: #1F1F1F;
  background-color: #D3D3D3;
}
.grayBtn:hover {
  color: white;
}

.whiteBtn {
  color: #3d5a80;
  background-color: white;
}
.whiteBtn:hover {
  color: #3d5a80;
}
.whiteBtn:active {
  color: #3d5a80;
}
.whiteBtn:visited {
  color: #3d5a80;
}
.whiteBtn:focus {
  color: #3d5a80;
}

.whiteHollow {
  color: white;
  border: 2px solid white;
}

.redHollow {
  color: #FF4D4F;
  border: 2px solid #FF4D4F;
}
.redHollow:hover {
  color: white;
  background-color: #FF4D4F;
}

/*
300,400,700,900:
font-family: 'Lato', sans-serif;

400,700
font-family: 'PT Sans Narrow', sans-serif;
*/
body {
  font-family: "Lato", sans-serif;
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  display: block;
}

a {
  color: #3d5a80;
}

a:hover {
  color: #FF4D4F;
}

p:last-child {
  margin-bottom: 0;
}

#section .section_name {
  display: none;
}

/* SPACING CLASSES */
.marginTop1 {
  margin-top: 1rem;
}

.marginTop2 {
  margin-top: 2rem;
}

.marginBottom1 {
  margin-bottom: 1rem;
}

.marginBottom2 {
  margin-bottom: 2rem;
}

.margin0 {
  margin: 0;
}

/* /SPACING CLASSES */
.red {
  color: #FF4D4F;
}

.blue {
  color: #3d5a80;
}

.gray {
  color: #A9A9A9;
}

.lightGray {
  color: #D3D3D3;
}

.yellow {
  color: #FFC107;
}

.gold {
  color: #FFD700;
}

.green {
  color: #52C41A;
}

.white {
  color: white;
}

.black {
  color: black;
}

.hide {
  display: none;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

/*
h1 {
	font-size:2rem;
}
*/
.text-left {
  text-align: left !important;
}

/* FOUNDATION OVERRIDE */
.row {
  max-width: 80rem;
}

.pagination .current a {
  color: #fff !important;
}

/* FOUNDATION OVERRIDE */
.homepage {
  margin: 0.5rem 0;
  /* HOMEPAGE */
  /* HOMEPAGE */
}
.homepage h1 {
  font-size: 2rem;
}
.homepage h2 {
  font-size: 1.5rem;
}
.homepage h3 {
  font-size: 1.25rem;
}
.homepage h4 {
  font-size: 1rem;
}
.homepage h5 {
  font-size: 0.75rem;
}
.homepage .growAccount {
  margin-bottom: 1rem;
}
.homepage .growAccount div {
  border: 1px solid #F5F5F5;
  padding: 1rem;
}
.homepage .luPanel,
.homepage .rrPanel {
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.homepage .luPanel {
  background-color: white;
  border: 1px solid #52C41A;
}
.homepage .rrPanel {
  background-color: white;
  border: 1px solid #FFC107;
}
.homepage .luPanel img {
  height: 50px;
}
.homepage .rrPanel img {
  height: 50px;
}
.homepage .alerts {
  padding: 2rem inherit;
  margin-bottom: 1rem;
}
.homepage .alerts .alert {
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  position: relative;
}
.homepage .alerts .alert a {
  font-weight: 700;
  color: #2d425d;
}
.homepage .alerts .alert i.fa {
  margin-left: -1rem;
  display: inline-block;
  padding: 0 2rem;
  min-width: 100px;
}
.homepage .alerts .alert .button {
  color: #3d5a80;
  background: white;
  border-radius: 50px;
  margin-top: 1rem;
  display: block;
}
.homepage .alerts .basic {
  background-color: #e9e9e9;
}
.homepage .alerts .urgent {
  background-color: #e43434 !important;
  color: white !important;
}
.homepage .alerts .super.urgent {
  animation: glow 1s infinite alternate;
}
@keyframes glow {
  0% {
    background-color: #e43434;
    box-shadow: 0 0 5px #e43434;
  }
  100% {
    background-color: #9d1515;
    box-shadow: none;
  }
}
.homepage .posts h3 {
  font-size: 1.25rem;
}
.homepage .posts a {
  display: block;
}

.advancement {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #52C41A;
  border-radius: 1rem;
  margin: 1rem 0;
}
.advancement .adv_affiliate {
  padding: 1rem 0.5rem;
  position: relative;
}
.advancement .adv_affiliate .fas {
  position: absolute;
  color: #3CA80C;
  font-size: 1.25rem;
  left: 4px;
}
.advancement .adv_affiliate img {
  width: 75px;
  border-radius: 50%;
}
.advancement .adv_info {
  padding: 1rem 0;
  line-height: 1.25;
}
.advancement .adv_info a {
  font-size: 1.25rem;
  font-weight: 700;
  display: block;
}
.advancement .adv_info .subText {
  font-size: 0.75rem;
  color: #A9A9A9;
  line-height: 2;
}

.adv_rq {
  border: 1px solid #8A2BE2;
}
.adv_rq .fas {
  color: #8A2BE2 !important;
}
.adv_rq .adv_affiliate .fas {
  color: #8A2BE2;
}

.standard {
  margin: 1rem 0;
}

.grayPanel {
  padding: 1rem;
  background-color: #f5f5f5;
  border-radius: 1rem;
}
.grayPanel .grayPanel h3 {
  margin: 0;
  text-align: left;
}

.pagination .current {
  background: #8A2BE2;
}

@media (min-width: 1280px) {
  .advancement .adv_affiliate {
    padding: 1rem;
  }
  .advancement .adv_affiliate .fas {
    position: absolute;
    color: #3CA80C;
    left: 8px;
  }
}
@media (max-width: 480px) {
  .center-small {
    text-align: center;
  }

  .homepage {
    margin-top: calc(1rem + 15px);
    margin-bottom: calc(1rem + 50px);
  }
  .homepage h1 {
    font-size: 1.5rem;
  }
  .homepage .posts {
    margin-top: 1rem;
  }
  .homepage .alerts .alert {
    padding: 1rem;
    font-size: 0.8rem;
  }
  .homepage .alerts .alert i.fa {
    margin-left: -1rem;
    min-width: 60px;
    padding: 0 1rem;
    text-align: center;
  }
  .homepage .alerts .alert button {
    display: block;
    margin-top: 1rem;
    background: #fff;
    color: #3d5a80;
    border-radius: 50px;
  }

  .standard {
    margin: 96px 0 0 0;
  }

  .mobileTop {
    margin-top: 1rem;
  }

  .mobileBottom {
    margin-bottom: 1rem;
  }

  .advancement .adv_affiliate {
    padding: 1rem;
  }
  .advancement .adv_affiliate .fas {
    left: 8px;
  }
}
.veil {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.75);
  height: 100vh;
  width: 100%;
}

#myAccount {
  height: 100vh;
  width: 420px;
  position: fixed;
  z-index: 10001;
  right: 0;
  top: 0;
  background-color: #3d5a80;
  text-align: center;
  color: #fff;
  padding: 1rem;
  font-family: "PT Sans Narrow", sans-serif;
}
#myAccount .arrow {
  position: absolute;
  top: 1.5rem;
  right: 0.5rem;
  color: #fff;
  font-size: 1.5rem;
}
#myAccount .affilPhoto {
  height: 100px;
  width: 100px;
  border: 5px solid #fff;
  border-radius: 100px;
  margin-bottom: 1rem;
}
#myAccount .affName {
  font-weight: 900;
  font-size: 1.5rem;
  line-height: 1;
}
#myAccount .affLevel {
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
#myAccount .affLevel img {
  max-width: 185px;
  margin-top: 0.5rem;
}
#myAccount .affNumbers, #myAccount .affSQ {
  font-size: 0.75rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 700;
}
#myAccount .affSQ strong {
  display: block;
}
#myAccount .affSQ .red {
  padding: 2px 8px;
  background-color: #fff;
  border-radius: 4px;
}
#myAccount .affDG {
  font-size: 0.75rem;
}
#myAccount .currentDate {
  font-size: 0.9rem;
  text-align: center;
  display: block;
}
#myAccount .currentDate strong {
  display: block;
}

@media (max-width: 480px) {
  #myAccount {
    width: 100%;
    left: 0;
  }
  #myAccount .affilPhoto {
    height: 75px;
    width: 75px;
    border: 3px solid #fff;
  }
}
#mobileMenu {
  display: none;
}

@media (max-width: 480px) {
  #mobileMenu {
    height: calc(100vh - 50px);
    width: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    background-color: #3d5a80;
    display: none;
    overflow: scroll;
  }
  #mobileMenu .top-level {
    display: block;
    height: 7.6923076923%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 1rem;
  }
  #mobileMenu .top-level a {
    color: #fff;
    font-weight: 700;
    font-family: "PT Sans Narrow", sans-serif;
  }
  #mobileMenu .second-level {
    border-left: 1px solid white;
    margin-left: 1rem;
  }
  #mobileMenu .expander {
    float: right;
  }
}
#luPanel {
  position: relative;
  background: #52C41A;
  color: #fff;
  padding: 50px 0;
}
#luPanel .closePanel {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  font-size: 1.25rem;
}
#luPanel .whiteBtn {
  color: #52C41A;
  font-size: 1.5rem;
}
#luPanel img {
  width: 100%;
}

#rrPanel {
  position: relative;
  background: #FFD700;
  padding: 50px 0;
}
#rrPanel .closePanel {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #1F1F1F;
  font-size: 1.25rem;
}
#rrPanel a {
  color: #1F1F1F;
  text-decoration: underline;
}
#rrPanel .rrHeader {
  display: flex;
  align-items: center;
}
#rrPanel .rrHeader img {
  width: 100%;
}
#rrPanel .rrInfo {
  background: white;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 1rem;
}
#rrPanel .rrInfo h4 {
  font-weight: 400;
}
#rrPanel .rrInfo h6 {
  margin: 1rem 0 0 0;
  font-weight: 700;
  font-size: 0.9rem;
}
#rrPanel .rrInfo h2 {
  margin: 0;
  line-height: 1;
}

#rqPanel {
  position: relative;
  background: #8C54C9;
  color: #fff;
  padding: 50px 0;
}
#rqPanel h2 {
  color: #fff;
}
#rqPanel a {
  color: #fff;
}
#rqPanel .closePanel {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  font-size: 1.25rem;
}
#rqPanel .whiteBtn {
  color: #3d5a80;
}
#rqPanel img {
  width: 100%;
}

@media (max-width: 480px) {
  #rrPanel {
    padding: 25px 0;
  }
  #rrPanel h4 {
    font-size: 1rem;
  }
  #rrPanel .rrHeader {
    display: block;
  }
  #rrPanel .rrHeader img {
    margin-bottom: 1rem;
  }
  #rrPanel .rrInfo {
    margin-top: 1rem;
  }
  #rrPanel .rrInfo h4 {
    font-size: 1.5rem;
  }
  #rrPanel .rrInfo h6 {
    margin: 1rem 0 0 0;
    font-weight: 700;
  }
  #rrPanel .rrInfo h6:first-child {
    margin: 0;
  }
  #rrPanel .rrInfo h2 {
    margin: 0;
    line-height: 1;
    font-size: 2rem;
  }

  #rqPanel {
    padding: 25px 0;
  }
  #rqPanel .rqInfo {
    margin-bottom: 1rem;
  }
}
#searchModal {
  padding: 0;
  border-radius: 1rem;
}
#searchModal #modalTitle {
  font-weight: 300;
  font-size: 2rem;
  padding: 1rem;
  background-color: #333;
  color: #fff;
  line-height: 1;
  margin: 0;
}
#searchModal #searchBar {
  padding: 2rem;
}
#searchModal #siteSearch {
  border-radius: 0;
  border: 1px solid #ccc;
  box-shadow: none;
}
#searchModal #siteSearchPanel {
  margin-top: 1rem;
}
#searchModal #searchIdeas {
  line-height: 1.75rem;
}
#searchModal .close-button {
  top: 0.9rem;
}

#searchResults ul {
  list-style-type: none;
  margin: 0;
}
#searchResults li {
  margin: 0.5rem 0;
}

@media (max-width: 480px) {
  #searchModal {
    border-radius: 0;
  }
}
.badge_col {
  text-align: center;
  float: left !important;
}
.badge_col .insert {
  width: 185px;
  padding: 0.1rem 0;
  margin: 0 auto;
  position: relative;
  height: 40px;
}

/* .badge_col .not_earned {
	opacity:.33;
	padding:.25rem 0;
} */
.grayPanel {
  padding: 1rem;
  background-color: #FAFAFA;
  border-radius: 1rem;
}
.grayPanel h3 {
  margin: 0;
  text-align: left;
}

.text-left {
  text-align: left !important;
}

.achievementInfo ul {
  list-style-position: inside;
}

.achievementInfo h3 {
  margin: 0;
  text-align: left;
}

.bb_tabs {
  text-align: center;
  margin: 2rem 0;
  display: flex;
  justify-content: space-around;
}
.bb_tabs a {
  font-size: 1.25rem;
  font-weight: 400;
  padding: 0.25rem;
  width: 100%;
  color: #A9A9A9;
  border-bottom: 3px solid #A9A9A9;
  font-family: "PT Sans Narrow";
}
.bb_tabs a.activeTab {
  color: #fff;
  font-weight: 700;
  background: #3d5a80;
  border-bottom: 3px solid #3d5a80;
}

.badgeWrap {
  text-align: center;
  min-width: 185px;
}

.personalAchievements {
  margin-top: 2rem;
}
.personalAchievements .columns {
  padding: 1rem 0;
  text-align: center;
}
.personalAchievements strong {
  display: block;
}

.forumActivity {
  margin-top: 2rem;
  text-align: center;
}
.forumActivity span {
  display: block;
}
.forumActivity strong {
  font-size: 2rem;
  font-weight: 900;
}

.topLeaders {
  margin-top: 2rem;
}
.topLeaders h4 {
  margin-top: 0;
}
.topLeaders img {
  border-radius: 50px;
}
.topLeaders .leaders {
  padding: 0 1rem;
}
.topLeaders .small-3 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

@media (max-width: 480px) {
  .bb_tabs a {
    font-size: 0.9rem;
    padding: 0.25rem 0;
  }

  .topLeaders .small-3 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .topLeaders h4 {
    margin: 0 0 0.25rem 0;
  }
}
.earnings .grayPanel {
  text-align: center;
  margin: 0.5rem 0;
}
.earnings p {
  font-weight: 700;
  margin: 0;
}
.earnings strong {
  font-weight: 900;
  font-size: 1.5rem;
}

.movers {
  margin-top: 2rem;
}
.movers .mover {
  background: #f5f5f5;
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 2rem;
}
.movers .mover .moverSmallText {
  font-size: 0.75rem;
}
.movers .mover .moverID {
  font-size: 0.75rem;
  color: #1F1F1F;
  font-weight: 700;
}
.movers .mover .moverName {
  font-family: "PT Sans Narrow", sans-serif;
  font-size: 1.15rem;
  color: #52C41A;
  font-weight: 900;
  line-height: 1.1;
}
.movers .mover .moverPhoto {
  position: relative;
}
.movers .mover .moverPhoto img {
  border-radius: 100px;
}
.movers .mover .moverPhoto .moverFire {
  position: absolute;
  color: #FF4D4F;
  font-size: 1.5rem;
}
.movers .mover .moverPhoto .moverLevel {
  background-color: #1F1F1F;
  color: #999;
  text-align: center;
  font-size: 0.75rem;
  padding: 0.15rem 0;
  border-radius: 5px;
  position: absolute;
  width: 100%;
  bottom: 5px;
  font-weight: 900;
}
.movers .mover .moverPhoto .levelReached {
  background-color: #52C41A;
  color: #fff;
}
.movers .mover .moverIcons {
  text-align: center;
  padding-top: 1rem;
}
.movers .mover .moverPhone {
  text-align: center;
}
.movers .mover .moverMainDetails {
  font-size: 0.9rem;
}
.movers .mover .moverSubDetails {
  font-size: 0.75rem;
}
.movers .mover .moverData {
  text-align: right;
}

@media (max-width: 480px) {
  .movers .mover .moverPhoto .moverFire {
    font-size: 0.75rem;
    top: -8px;
    left: -5px;
  }
  .movers .mover .moverPhoto .moverLevel {
    font-size: 0.6rem;
    padding: 0;
    bottom: -3px;
    border-radius: 3px;
  }
  .movers .mover .leftText {
    text-align: left;
  }
  .movers .mover .moverName {
    font-size: 1.5rem;
    margin-top: 0.5rem;
  }
  .movers .mover .moverData {
    text-align: left;
    margin-bottom: 0.5rem;
  }
}
.createPost {
  margin-bottom: 4rem;
}
.createPost .postNote {
  padding: 0;
  font-size: 0.8rem;
  font-weight: 900;
  margin: 0 0 1rem 0 !important;
}
.createPost h3 {
  text-align: left;
  margin: 0;
}

.streamPost {
  display: flex;
  justify-content: left !important;
  align-items: top;
  margin-bottom: 2rem;
  position: relative;
}
.streamPost .streamImg {
  width: 90px;
  height: 90px;
  border-radius: 90px;
}
.streamPost .streamOptions {
  position: absolute;
  top: 100px;
  text-align: center;
  width: 90px;
}
.streamPost .streamContent {
  text-align: left;
  padding-left: 15px;
  font-size: 0.9rem;
  display: grid;
}
.streamPost .streamContent .streamPoster {
  font-weight: 700;
  font-size: 1rem;
}
.streamPost .streamContent .streamPostTime {
  font-weight: 300;
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.streamPost .streamContent .streamHeadline {
  font-weight: 900;
  font-size: 1.25rem;
}

.connectSidebar h2 {
  text-align: center;
  margin: 0rem;
}
.connectSidebar .forumTabs {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.connectSidebar .forumTabs a {
  padding: 0.25rem 1rem;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 700;
}
.connectSidebar .forumTabs a.liveTab {
  border-bottom: 4px solid #3d5a80;
}
.connectSidebar .forumPost {
  display: flex;
  justify-content: left !important;
  align-items: center;
  margin-bottom: 1rem;
}
.connectSidebar .forumPost img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}
.connectSidebar .forumPost .forumPreview {
  text-align: left;
  padding-left: 15px;
  font-size: 0.9rem;
}
.connectSidebar .forumPost .forumPreview strong {
  display: block;
}

@media (max-width: 480px) {
  .stream {
    padding: 0;
  }

  .streamPost .streamImg {
    width: 70px;
    height: 70px;
    border-radius: 90px;
  }
  .streamPost .streamOptions {
    position: absolute;
    top: 80px;
    text-align: center;
    width: 70px;
  }
}
.sfiuBlock {
  padding: 0rem 1rem 2rem 1rem;
  background-color: #FAFAFA;
  display: flow-root;
  margin: 2rem 0.9375rem;
  border-radius: 1rem;
}

#streakTracker {
  text-align: center;
}
#streakTracker span {
  margin: 0 2px;
  padding: 2px 12px;
  border-radius: 15px;
  background: #FF4D4F;
  color: #fff;
  font-weight: 900;
  font-size: 0.75rem;
}
#streakTracker .extendStreak {
  background: #52C41A;
}

.bb_tabs_sm {
  width: 100%;
  text-align: center;
  margin: 2rem 0;
  display: flex;
  justify-content: space-evenly;
}
.bb_tabs_sm a {
  font-size: 1rem;
  font-weight: 700;
  padding: 0.25rem 0.1rem;
  width: 100%;
  color: #A9A9A9;
  border-bottom: 1px solid #A9A9A9;
  font-family: "PT Sans Narrow";
}
.bb_tabs_sm a.activeTab {
  color: #fff;
  font-weight: 700;
  background: #3d5a80;
  border-bottom: 3px solid #3d5a80;
}
.bb_tabs_sm a.viewedTab {
  color: #fff;
  background: #52C41A;
  border-bottom: 3px solid #52C41A;
}
.bb_tabs_sm a.viewedTabActive {
  color: #52C41A;
  background: none;
  border-bottom: 3px solid #52C41A;
}

.zingWrap {
  position: relative;
}
.zingWrap .chooseZing {
  background: #3d5a80;
  color: #fff;
  display: block;
  padding: 0.5rem;
  font-weight: 700;
}
.zingWrap .zings {
  border: 2px solid #3d5a80;
  position: absolute;
  width: 100%;
  display: none;
}
.zingWrap .zings a {
  display: block !important;
  padding: 0.5rem;
  font-weight: 700;
  border-bottom: 2px solid #3d5a80;
  background: #fff;
}
.zingWrap .zings a.tcSpent {
  color: #52C41A;
}
.zingWrap .zings a:last-child {
  border-bottom: none;
}

header .promoLarge {
  font-size: 1rem;
  font-weight: 700;
  padding: 4px 0;
  text-align: center;
  background-color: #8C54C9;
  color: #fff;
}
header .promoLarge a {
  color: #fff;
  text-decoration: underline;
}
header .mainLogo {
  height: 50px;
}
header a {
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 700;
}
header #header_top {
  height: 95px;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}
header #header_top a {
  font-size: 1.1rem;
  color: #1F1F1F;
}
header #header_top a .unread {
  background: #52C41A;
  color: #fff;
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: 700;
  border-radius: 50px;
  padding: 4px;
  position: absolute;
  top: -6px;
  left: -12px;
  font-size: 0.75rem;
  line-height: 1;
}
header #header_top a .chatRequest {
  background: #52C41A;
  color: #fff;
  border-radius: 50px;
  padding: 4px;
  position: absolute;
  top: -6px;
  left: -12px;
  font-size: 0.75rem;
  line-height: 1;
}
header #header_top .main-actions {
  display: flex;
  justify-content: space-around;
}
header #header_top .main-actions a {
  position: relative;
}
header #header_top .main-actions .fa-exclamation-circle {
  color: #52C41A;
  position: absolute;
  top: -2px;
  left: -10px;
}
header #header_top .myAccountLink {
  position: relative;
}
header #header_top .myAccountLink .affilPhoto {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  border: 2px solid #3d5a80;
}
header #header_top .myAccountLink .fas {
  color: #FF4D4F;
  position: absolute;
  top: -10px;
  right: -10px;
}
header #header_nav {
  height: 40px;
  background-color: #3d5a80;
  display: flex;
  justify-content: center;
  align-items: center;
}
header #header_nav a {
  color: #fff;
  display: inline-block;
  padding: 0 1.25rem;
}
header #header_bb {
  background-color: #9eb4d1;
  padding: 0.5rem 0 0 0;
}
header #header_bb .promoSmall {
  display: none;
}
header #header_bb .bb_tab {
  padding: 0.25rem 0 0.5rem 0;
}
header #header_bb .bb_tab_active {
  background: #fff;
  border-radius: 0.5rem 0.5rem 0 0;
}
header #header_bb a {
  color: #3d5a80;
  font-weight: 700;
}
header #header_bb a span {
  width: 100%;
}
header #header_bb a span .ul-complete {
  color: #52C41A;
}
header #header_bb a span .ul-incomplete {
  color: #FF4D4F;
}
header #header_bb a span .locked {
  color: #A9A9A9;
}
header #header_bb a span .fa-lock {
  color: #F5F5F5;
}
header #header_bb.completed-all {
  background-color: #eafbe2 !important;
}
header nav .main-navigation ul {
  box-shadow: 0 2px 3px #888, 0 1px 1px #888;
}
header nav .main-navigation > .root-item > ul > li > ul {
  z-index: -1;
}
header nav .main-navigation > .root-item > ul > li > ul li > ul {
  z-index: -2;
}

@media (max-width: 768px) {
  header #header_nav a {
    padding: 0 0.5rem;
  }
}
@media (max-width: 480px) {
  header .promoLarge {
    display: none;
  }
  header #header_top {
    height: 60px;
    padding: 12px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: #F5F5F5;
    border-bottom: 1px solid #e5e5e5;
  }
  header #header_top .mainLogo {
    height: 32px;
  }
  header #header_top .myAccountLink .affilPhoto {
    height: 32px;
    width: 32px;
  }
  header #header_top .small-6 {
    padding: 0;
  }
  header #header_top .main-actions a {
    display: none;
  }
  header #header_bb {
    padding: 0;
    margin-top: calc(44px + 1rem);
  }
  header #header_bb .promoSmall {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 8px 0;
    text-align: center;
    background-color: #8C54C9;
    color: #fff;
    display: block;
  }
  header #header_bb .promoSmall a {
    color: #fff;
    text-decoration: underline;
  }
  header #header_bb .row .column, header #header_bb .row .columns {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  header #header_bb .row .column .fa-2x, header #header_bb .row .columns .fa-2x {
    font-size: 1.5rem;
  }
}
footer {
  background-color: #1480f0;
  color: white;
  padding-top: 1rem;
  font-size: 0.9rem;
}
footer h5 {
  font-size: 1rem;
  font-weight: 400;
  color: white;
}
footer a {
  display: block;
  color: white;
}
footer .testimonialPhoto {
  width: 100%;
  border-radius: 100px;
}
footer .small-offset-4 {
  margin-left: 0;
}

#bottomMenu {
  display: none;
}

@media (max-width: 480px) {
  footer {
    padding: 2rem 0;
  }
  footer .footerItem {
    margin-bottom: 1rem;
    float: left;
  }
  footer .testimonialPhoto {
    width: 100%;
    border-radius: 100px;
  }
  footer .small-offset-4 {
    margin-left: 33.3333%;
  }

  #bottomMenu {
    display: block;
    position: fixed;
    bottom: 0;
    height: 50px;
    background-color: #fff;
    border-top: 1px solid #F5F5F5;
    width: 100%;
  }
  #bottomMenu .buttonBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }
  #bottomMenu .buttonBar a {
    color: #D3D3D3;
    height: 50px;
    display: flex;
    position: relative;
    align-items: center;
    padding: 0 20px;
    font-size: 1.25rem;
  }
  #bottomMenu .buttonBar a .unread {
    background: #52C41A;
    color: #fff;
    font-family: "PT Sans Narrow", sans-serif;
    font-weight: 700;
    border-radius: 50px;
    padding: 4px;
    position: absolute;
    top: 4px;
    left: 32px;
    font-size: 0.75rem;
    line-height: 1;
  }
  #bottomMenu .buttonBar a .chatRequest {
    background: #52C41A;
    color: #fff;
    border-radius: 50px;
    padding: 4px;
    position: absolute;
    top: 4px;
    left: 32px;
    font-size: 0.75rem;
    line-height: 1;
  }
  #bottomMenu .buttonBar a.current {
    color: white;
    background: #3d5a80;
  }
}