@font-face {
  font-family: 'Conv_GOTHMLIG';
  src: url("/fonts/gotham/lig/GOTHMLIG.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/gotham/lig/GOTHMLIG.eot?#iefix") format("embedded-opentype"), url("/fonts/gotham/lig/GOTHMLIG.woff2") format("woff2"), url("/fonts/gotham/lig/GOTHMLIG.woff") format("woff"), url("/fonts/gotham/lig/GOTHMLIG.ttf") format("truetype"), url("/fonts/gotham/lig/GOTHMLIG.svg#svgGOTHMMED") format("svg");
  /* Legacy iOS */
}

.mainlogo {
  padding-top: 0;
}

.hamburger {
  display: none;
  cursor: pointer;
}

.hamburger img {
  height: 16px;
  margin: 8px 0;
}

.firstSection {
  width: 40%;
  padding-left: 0;
}

.sectionOrder, .section2, .section3, .section4 {
  padding-left: 0;
  padding-right: 0;
}

.sectionOrder td, .section2 td, .section3 td, .section4 td {
  padding: 0 0 0 5px;
  font-family: "Conv_GOTHMLIG";
}

.sectionOrder td .blackReadSmall, .section2 td .blackReadSmall, .section3 td .blackReadSmall, .section4 td .blackReadSmall {
  font-family: "Conv_GOTHMLIG";
  line-height: 22px;
}

.sectionOrder .tabOrder, .sectionOrder .tab2, .sectionOrder .tab3, .section2 .tabOrder, .section2 .tab2, .section2 .tab3, .section3 .tabOrder, .section3 .tab2, .section3 .tab3, .section4 .tabOrder, .section4 .tab2, .section4 .tab3 {
  padding: 10px 0;
}

.sectionOrder .tabOrder .whiteMedium, .sectionOrder .tab2 .whiteMedium, .sectionOrder .tab3 .whiteMedium, .section2 .tabOrder .whiteMedium, .section2 .tab2 .whiteMedium, .section2 .tab3 .whiteMedium, .section3 .tabOrder .whiteMedium, .section3 .tab2 .whiteMedium, .section3 .tab3 .whiteMedium, .section4 .tabOrder .whiteMedium, .section4 .tab2 .whiteMedium, .section4 .tab3 .whiteMedium {
  font-family: "Conv_GOTHMLIG";
}

div#navSidebar {
  font-family: "Conv_GOTHMLIG";
  width: 169px;
  line-height: 1.42857143;
}

div#navSidebar .navItem {
  font-size: 12px;
}

div#mainPageBar {
  /*padding: 3px 5px !important;  /*Might restore after six pack event*/
  font-family: "Conv_GOTHMLIG";
  font-weight: normal;
  line-height: 1.42857143;
  height: 25px;
  overflow: hidden !important;
}

div#mainPageBar div#homeLink {
  margin-left: 5px;
}

div.navHeader {
  font-weight: normal;
  font-family: "Conv_GOTHMLIG";
}

@media screen and (max-width: 991px) {
  .hideMobile {
    display: none;
  }
  .hamburger {
    display: inline-block;
  }
  div#mainPageBar div#welcomeUser {
    padding-top: 5px;
  }
  div#mainPageBar div#logoutLink {
    line-height: 28px;
  }
}

@media screen and (max-width: 991px) {
  .hideMobile {
    display: none;
  }
  .hamburger {
    display: inline-block;
  }
  .firstSection {
    width: 10%;
    min-width: 35px;
  }
  #liveChat img {
    margin-right: 10px;
  }
}

@media screen and (max-width: 991px) {
  .sideSlider {
    transition: margin .5s;
    margin-left: -210px;
  }
  .sideSlider.slideIn {
    margin-left: 0;
    transition: margin .5s;
  }
}

@media screen and (max-width: 600px) {
  .secondSection, .thirdSection {
    font-size: 11px;
  }
}

@media screen and (max-width: 600px) {
  div#mainPageBar div#logoutLink, div#mainPageBar div#welcomeUser {
    font-size: 11px;
  }
  div#mainPageBar div#welcomeUser {
    padding-top: 8px;
  }
  div#mainPageBar div#welcomeUser {
    max-width: 65%;
    padding-right: 3%;
  }
  div#header {
    height: 60px;
  }
  div#headerLogo img {
    width: 190px;
    height: auto;
  }
  div#chatLogo img {
    height: 35px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 450px) {
  .mainLogo img {
    width: 190px;
    height: auto;
  }
  #liveChat img {
    height: 35px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 368px) {
  div#welcomeUser{
    font-size: 10px !important;
  }
}
@media screen and (max-width: 334px) {
  div#welcomeUser{
    font-size: 9px !important;
  }
}
@media screen and (max-width: 304px) {
  div#welcomeUser{
    font-size: 8px !important;
  }
}

.sidebar-icon {
  background: #93c83e;
  color: #fff;
  font-size: 2rem;
  padding: 0.5rem;
  border-radius: 5px;
  width: 35px;
  height: 30px;
  margin-right: 2px;
  margin-bottom: 10px;
  text-align: center;
}