/*:root {
  --vh: 1vh;
}
html {
   min-height: -webkit-fill-available;
   height: 100vh;
   height: calc(var(--vh, 1vh) * 100);
}*/
/* general colors start*/
body {
  background-color: #161616; }

/* general colors end */
/* header and menu start */
#mobile-app-header {
  height: 55px;
  background-color: #000;
  padding: 10px 0px 0px 0px;
  position: fixed;
  top: 0;
  width: 100%;
  /* hambuger menu animation start */
  /* hambuger menu animation end */ }
  #mobile-app-header .menu-wrap {
    display: flex;
    justify-content: space-between;
    padding: 0px 10px; }
  #mobile-app-header .logo-img {
    height: 30px;
    min-width: 50px;
    margin-top: 6px; }
  #mobile-app-header .hiUserName {
    margin-top: 10px;
    color: #686868;
    font-weight: 600; }
  #mobile-app-header nav {
    position: absolute;
    background-color: #000;
    top: 50px;
    left: 0px;
    width: 100%;
    z-index: 1050; }
    #mobile-app-header nav ul.navList {
      list-style-type: none;
      max-height: 0px;
      overflow: hidden;
      transition: all 0.5s; }
      #mobile-app-header nav ul.navList li {
        padding: 0 15px; }
        #mobile-app-header nav ul.navList li a {
          display: inline-block;
          padding: 12px;
          color: #DAE1E7;
          text-decoration: none;
          letter-spacing: 0.05em; }
          #mobile-app-header nav ul.navList li a:hover, #mobile-app-header nav ul.navList li a:focus {
            color: #AA955F; }
      #mobile-app-header nav ul.navList.mobileMenuOpen {
        max-height: 400px;
        padding: 15px 0px;
        transition: all 0.5s; }
  #mobile-app-header .hamburger {
    padding: 7px 0px 10px 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0px;
    margin: 0px;
    overflow: visible; }
  #mobile-app-header .hamburger:hover {
    opacity: 0.7; }
  #mobile-app-header .hamburger.is-active:hover {
    opacity: 0.7; }
  #mobile-app-header .hamburger.is-active .hamburger-inner,
  #mobile-app-header .hamburger.is-active .hamburger-inner::before,
  #mobile-app-header .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }
  #mobile-app-header .hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative; }
  #mobile-app-header .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
  #mobile-app-header .hamburger-inner, #mobile-app-header .hamburger-inner::before, #mobile-app-header .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  #mobile-app-header .hamburger-inner::before, #mobile-app-header .hamburger-inner::after {
    content: "";
    display: block; }
  #mobile-app-header .hamburger-inner::before {
    top: -10px; }
  #mobile-app-header .hamburger-inner::after {
    bottom: -10px; }
  #mobile-app-header .hamburger--stand .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  #mobile-app-header .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  #mobile-app-header .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  #mobile-app-header .hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  #mobile-app-header .hamburger--stand.is-active .hamburger-inner::before {
    top: 0px;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  #mobile-app-header .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0px;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/* header and menu end */
/* footer start */
#mobile-app-footer {
  padding: 15px 20px;
  background: #000;
  color: #6f6868;
  font-size: 12px; }

/* footer end */
/* page start */
.page-container {
  margin-top: 67px; }

.page-wrap {
  /*animation: .4s ease-out 0s 1 slideInLeft;*/ }

/* page end */
/* animations start */
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }

/* animations end */
/* global landing page start */
.landingPage {
  min-height: 100vh;
  margin-top: 0px;
/*  background-image: url(../images/road-bg2.jpg);*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .landingPage.landingPage1 {
    background-image: url(../images/new/new1-bw.jpg); }
  .landingPage.landingPage2 {
    background-image: url(../images/new/new2-bw.jpg); }
  .landingPage.landingPage3 {
    background-image: url(../images/new/new3-bw.jpg); }
  .landingPage .btnLanding {
    padding: 30px;
    border-radius: 0px;
    margin-top: 25px;
    width: 100%;
    background-color: #020202;
    border-color: #000;
    opacity: 0.8;
    color: #fff;
    transition: all 0.3s; }
    .landingPage .btnLanding:hover, .landingPage .btnLanding:active, .landingPage .btnLanding:focus {
      background-color: #AA955F !important;
      border-color: #AA955F !important;
      color: #000 !important; }
      .landingPage .btnLanding:hover .systemDesc, .landingPage .btnLanding:active .systemDesc, .landingPage .btnLanding:focus .systemDesc {
        color: #000 !important; }
    .landingPage .btnLanding span,
    .landingPage .btnLanding .fas, .landingPage .btnLanding .far {
      display: block; }
    .landingPage .btnLanding .fas, .landingPage .btnLanding .far, .landingPage .btnLanding svg {
      font-size: 3.5rem; }
    .landingPage .btnLanding span {
      font-size: 1.5rem;
      font-weight: 500;
      margin-top: 15px;
      word-break: break-word;
      white-space: normal; }
    .landingPage .btnLanding .systemDesc {
      margin-bottom: 0px;
      color: #fff;
      font-weight: 100;
      word-break: break-word;
      white-space: normal; }
  .landingPage .btnLanding:last-child {
    /*margin-bottom: 25px;*/ }

/* global landing page end */
.directoryLanding.beforeSearch {
  background-image: none; }

.preSearchDiv {
  display: block;
  margin-top: 40px;
  background: #161616;
  border-radius: 1rem;
  text-align: center;
  padding: 30px 30px;
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
  font-family: "Raleway", sans-serif; }
  .preSearchDiv p.searchIcon {
    color: #9EE1EC;
    margin-bottom: 20px;
    font-size: 2rem; }
  .preSearchDiv p.startSearchText {
    color: #BFBFBF;
    margin-bottom: 0px; }
  .preSearchDiv .startText {
    font-weight: 600; }
  .preSearchDiv.hide {
    display: none; }

/* directory page start */
.directoryLanding {
  min-height: calc(100vh - 67px);
  height: 100%;
  vertical-align: middle;
  width: 100%;
  margin-top: 67px;
  /* resizing start */ }
  .directoryLanding .videoPagination {
    margin-top: 30px; }
    .directoryLanding .videoPagination .page-link {
      color: #05A4BD;
      background-color: #1a1a1a;
      border: 1px solid #2b2b2b; }
      .directoryLanding .videoPagination .page-link:hover {
        color: #05A4BD;
        background-color: #1a1a1a;
        border: 1px solid #2b2b2b; }
    .directoryLanding .videoPagination .page-item.active .page-link {
      color: #E1E1E1;
      background-color: #262626; }
  .directoryLanding .googleMapsHere {
    min-height: calc(100vh - 67px);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    width: 100%;
    z-index: 1030;
    position: fixed !important;
    background-image: url(../images/google-maps.PNG); }
    .directoryLanding .googleMapsHere + .container-fluid {
      position: fixed;
      z-index: 1050; }
  .directoryLanding .interactRow {
    margin: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap; }
    .directoryLanding .interactRow .searchDiv {
      width: 100%;
      margin-right: 10px;
      position: relative; }
    .directoryLanding .interactRow .searchInputIcon {
      position: absolute;
      top: 22px;
      left: 17px;
      color: #1458c1; }
    .directoryLanding .interactRow .form-control::placeholder {
      color: #a3a8ac;
      opacity: 1; }
    .directoryLanding .interactRow .searchInput {
      border-radius: 2rem;
      margin-top: 10px;
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      border-color: #1458c1;
      transition: 0.1s ease-in-out;
      border-width: 3px;
      background: #fff;
      padding-left: 40px; }
      .directoryLanding .interactRow .searchInput:active, .directoryLanding .interactRow .searchInput:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border-color: #539EFF; }
    .directoryLanding .interactRow .agencySelectBtn,
    .directoryLanding .interactRow .countySelectBtn {
      color: #555;
      font-size: 0.9rem;
      background-color: #fff;
      border-color: #1458c1;
      border-radius: 2rem;
      margin-top: 10px;
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      margin-right: 10px;
      transition: 0.1s ease-in-out;
      border-width: 3px; }
      .directoryLanding .interactRow .agencySelectBtn.btn-primary:not(:disabled):not(.disabled):active, .directoryLanding .interactRow .agencySelectBtn.btn-primary:not(:disabled):not(.disabled).active,
      .directoryLanding .interactRow .agencySelectBtn.show > .btn-primary.dropdown-toggle,
      .directoryLanding .interactRow .countySelectBtn.btn-primary:not(:disabled):not(.disabled):active,
      .directoryLanding .interactRow .countySelectBtn.btn-primary:not(:disabled):not(.disabled).active,
      .directoryLanding .interactRow .countySelectBtn.show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #539EFF;
        border-color: #539EFF; }
      .directoryLanding .interactRow .agencySelectBtn.activeSelect,
      .directoryLanding .interactRow .countySelectBtn.activeSelect {
        background-color: #539EFF; }
      .directoryLanding .interactRow .agencySelectBtn:active, .directoryLanding .interactRow .agencySelectBtn:focus,
      .directoryLanding .interactRow .countySelectBtn:active,
      .directoryLanding .interactRow .countySelectBtn:focus {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        background-color: #539EFF;
        color: #fff;
        opacity: 1;
        border-color: #539EFF; }
      .directoryLanding .interactRow .agencySelectBtn + .dropdown-menu,
      .directoryLanding .interactRow .countySelectBtn + .dropdown-menu {
        border-color: #539EFF;
        max-height: 80vh;
        overflow-y: auto;
        width: 240px; }
        .directoryLanding .interactRow .agencySelectBtn + .dropdown-menu .dropdown-item,
        .directoryLanding .interactRow .countySelectBtn + .dropdown-menu .dropdown-item {
          color: #444; }
          .directoryLanding .interactRow .agencySelectBtn + .dropdown-menu .dropdown-item:hover, .directoryLanding .interactRow .agencySelectBtn + .dropdown-menu .dropdown-item:focus,
          .directoryLanding .interactRow .countySelectBtn + .dropdown-menu .dropdown-item:hover,
          .directoryLanding .interactRow .countySelectBtn + .dropdown-menu .dropdown-item:focus {
            color: #fff;
            text-decoration: none;
            background-color: #539EFF; }
    .directoryLanding .interactRow .favoriteSelectBtn {
      color: #212529;
      background-color: #fff;
      border-color: #1458c1;
      border-radius: 2rem;
      margin-top: 10px;
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      border-width: 3px; }
      .directoryLanding .interactRow .favoriteSelectBtn.active {
        background-color: #56bd9b;
        border-color: #fff;
        color: #f0de44;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        opacity: 1; }
  .directoryLanding .resizable.beforeSearch {
    height: 0px; }
  .directoryLanding .resizable {
    touch-action: none;
    box-sizing: border-box;
    background: #161616;
    margin: 0px 3vw;
    width: 94vw;
    height: 70%;
    height: calc(80vh - 135px);
    max-height: calc(100vh - 135px);
    position: fixed;
    bottom: 0px;
    left: 0px;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.17); }
  .directoryLanding .resizable .resizers {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow-y: scroll; }
  .directoryLanding .resizable .resizer {
    touch-action: none;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%; }
  .directoryLanding .resizable .resizer.resizerBtn {
    touch-action: none;
    color: #4d4d4d;
    background: #161616;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    height: 50px; }
    .directoryLanding .resizable .resizer.resizerBtn .fa-grip-lines {
      margin-top: 10px; }
  .directoryLanding .resultsDiv,
  .directoryLanding .detailsDiv,
  .directoryLanding .editDiv {
    padding: 10px 20px;
    color: #eaeaea;
    margin-top: 40px; }
  .directoryLanding .resultsDiv {
    animation: .4s ease-out 0s 1 slideInLeft; }
    .directoryLanding .resultsDiv .resultEntry {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      border-bottom: 1px solid #404040;
      margin-bottom: 15px;
      padding-bottom: 15px; }
      .directoryLanding .resultsDiv .resultEntry .resultInfo {
        order: 1;
        flex-grow: 2; }
        .directoryLanding .resultsDiv .resultEntry .resultInfo h3.resultName {
          margin-bottom: 8px;
          font-size: 1.2rem; }
          .directoryLanding .resultsDiv .resultEntry .resultInfo h3.resultName .favoriteTag {
            background-color: #56bd9b;
            border-color: #fff;
            color: #f0de44;
            border-radius: 2rem;
            padding: 5px;
            font-size: .7rem;
            margin-right: 10px;
            vertical-align: bottom;
            display: inline-block; }
        .directoryLanding .resultsDiv .resultEntry .resultInfo div.resultBadges .badge-ltap {
          color: #000;
          background-color: #7AB380;
          margin-right: 5px; }
        .directoryLanding .resultsDiv .resultEntry .resultInfo p.resultAgencyJob {
          margin-bottom: 0px;
          font-size: 0.9rem;
          color: #a6a6a6; }
        .directoryLanding .resultsDiv .resultEntry .resultInfo p.resultEmail {
          margin-bottom: 0px;
          font-size: 0.9rem; }
          .directoryLanding .resultsDiv .resultEntry .resultInfo p.resultEmail a {
            color: #9EE1EC; }
        .directoryLanding .resultsDiv .resultEntry .resultInfo p.resultPhone {
          margin-bottom: 0px;
          font-size: 0.9rem; }
          .directoryLanding .resultsDiv .resultEntry .resultInfo p.resultPhone a {
            color: #9EE1EC; }
      .directoryLanding .resultsDiv .resultEntry .resultActions {
        order: 2;
        flex-grow: 1;
        text-align: right; }
        .directoryLanding .resultsDiv .resultEntry .resultActions .detailsLink {
          color: #fff;
          background-color: #05A4BD;
          border-color: #05A4BD;
          border-radius: 2rem;
          font-size: 14px; }
  .directoryLanding .detailsDiv {
    animation: .4s ease-out 0s 1 slideInRight; }
    .directoryLanding .detailsDiv .detailsActions {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      margin-bottom: 20px; }
      .directoryLanding .detailsDiv .detailsActions .detailActionLink {
        color: #fff;
        background-color: #05A4BD;
        border-color: #05A4BD;
        border-radius: 50%;
        font-size: 1.2rem;
        padding: 0px;
        height: 50px;
        width: 50px;
        line-height: 2.5; }
        .directoryLanding .detailsDiv .detailsActions .detailActionLink.resultsLink {
          background-color: #555;
          border-color: #555; }
        .directoryLanding .detailsDiv .detailsActions .detailActionLink.favoriteToggle {
          background-color: #fff;
          border-color: #fff;
          color: #ccc; }
          .directoryLanding .detailsDiv .detailsActions .detailActionLink.favoriteToggle.active {
            background-color: #56bd9b;
            border-color: #fff;
            color: #f0de44; }
    .directoryLanding .detailsDiv .detailsInfo h3.detailsName {
      margin-bottom: 0px;
      font-size: 1.6rem; }
    .directoryLanding .detailsDiv .detailsInfo div.detailsBadges {
      margin-bottom: 10px; }
      .directoryLanding .detailsDiv .detailsInfo div.detailsBadges .badge-ltap {
        color: #000;
        background-color: #7AB380;
        margin-right: 5px; }
    .directoryLanding .detailsDiv .detailsInfo p.detailsAgencyJob {
      margin-bottom: 0px;
      font-size: 1.1rem;
      color: #a6a6a6; }
    .directoryLanding .detailsDiv .detailsInfo p.detailsEmail {
      margin-bottom: 0px;
      font-size: 1.1rem; }
      .directoryLanding .detailsDiv .detailsInfo p.detailsEmail a {
        color: #9EE1EC; }
    .directoryLanding .detailsDiv .detailsInfo p.detailsPhone {
      margin-bottom: 15px;
      font-size: 1.1rem; }
      .directoryLanding .detailsDiv .detailsInfo p.detailsPhone a {
        color: #9EE1EC; }
    .directoryLanding .detailsDiv .detailsInfo .infoBlock {
      margin-bottom: 15px; }
      .directoryLanding .detailsDiv .detailsInfo .infoBlock .labelText {
        margin-bottom: 0px;
        color: #939393;
        text-transform: uppercase;
        font-size: 1rem; }
      .directoryLanding .detailsDiv .detailsInfo .infoBlock .infoText {
        margin-bottom: 0px; }
        .directoryLanding .detailsDiv .detailsInfo .infoBlock .infoText a {
          color: #9EE1EC; }
    .directoryLanding .detailsDiv .detailsInfo .flagInfoLink {
      display: block;
      color: #000000;
      background-color: #78c0d0;
      border-color: #78c0d0; }
  .directoryLanding .editDiv {
    animation: .4s ease-out 0s 1 slideInRight; }
    .directoryLanding .editDiv .editActions {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      margin-bottom: 20px; }
      .directoryLanding .editDiv .editActions .editActionLink {
        color: #fff;
        background-color: #2CB1C6;
        border-color: #2CB1C6;
        border-radius: 50%;
        font-size: 1.2rem;
        padding: 0px;
        height: 50px;
        width: 50px;
        line-height: 2.5; }
        .directoryLanding .editDiv .editActions .editActionLink.detailsBackLink {
          background-color: #555;
          border-color: #555; }
    .directoryLanding .editDiv .editInfo .contactChangesExplain {
      margin-bottom: 20px;
      font-size: 1rem;
      color: #b3b3b3;
      line-height: 16px;
      text-align: center; }
    .directoryLanding .editDiv .editInfo .yourNameInput {
      margin-bottom: 20px; }
    .directoryLanding .editDiv .editInfo .contactChangesTextarea {
      margin-bottom: 20px; }
    .directoryLanding .editDiv .editInfo .submitChangesBtn {
      display: block;
      color: #000000;
      background-color: #2CBF89;
      border-color: #2CBF89; }

.directoryLanding .resultsDiv .flagInfoLink {
  display: block;
  color: #000000;
  background-color: #78c0d0;
  border-color: #78c0d0; }

/* directory page end */
/* direct page start */
.ltapDirect {
  min-height: calc(100vh - 67px);
  background: #000;
  height: 100%;
  vertical-align: middle;
  width: 100%;
  margin-top: 67px;
  padding-bottom: 100px; }
  .ltapDirect .videoBack a {
    padding: 10px 50px 10px 10px;
    color: #47DDF4;
    font-size: 2rem; }
  .ltapDirect .videoPagination {
    margin-top: 30px; }
    .ltapDirect .videoPagination .page-link {
      color: #05A4BD;
      background-color: #1a1a1a;
      border: 1px solid #2b2b2b; }
      .ltapDirect .videoPagination .page-link:hover {
        color: #05A4BD;
        background-color: #1a1a1a;
        border: 1px solid #2b2b2b; }
    .ltapDirect .videoPagination .page-item.active .page-link {
      color: #E1E1E1;
      background-color: #262626; }
  .ltapDirect .playLink {
    color: #fff;
    background-color: #05A4BD;
    border-color: #05A4BD;
    border-radius: 50%;
    font-size: 2rem;
    width: 60px;
    height: 60px; }
    .ltapDirect .playLink .fa-play {
      margin-left: 5px; }
  .ltapDirect .interactRow {
    margin: 0px;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: nowrap;
    padding: 10px;
    /* start expanding search bar */
    /* end expanding search bar */ }
    .ltapDirect .interactRow .searchbar {
      position: relative;
      min-width: 50px;
      width: 0%;
      height: 50px;
      float: right;
      overflow: hidden;
      -webkit-transition: width 0.3s;
      -moz-transition: width 0.3s;
      -ms-transition: width 0.3s;
      -o-transition: width 0.3s;
      transition: width 0.3s;
      border-top-right-radius: 2rem;
      border-bottom-right-radius: 2rem; }
    .ltapDirect .interactRow .searchbar-input {
      top: 0;
      right: 0;
      width: 100%;
      height: 50px;
      margin: 0;
      padding: 0px 55px 0px 20px;
      font-size: 20px;
      border-top-left-radius: 2rem;
      border-bottom-left-radius: 2rem;
      box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.47);
      transition: 0.1s ease-in-out;
      background: #fff; }
    .ltapDirect .interactRow .searchbar-input::-webkit-input-placeholder {
      color: #a3a8ac; }
    .ltapDirect .interactRow .searchbar-input:-moz-placeholder {
      color: #a3a8ac; }
    .ltapDirect .interactRow .searchbar-input::-moz-placeholder {
      color: #a3a8ac; }
    .ltapDirect .interactRow .searchbar-input:-ms-input-placeholder {
      color: #a3a8ac; }
    .ltapDirect .interactRow .searchbar-icon,
    .ltapDirect .interactRow .searchbar-submit {
      width: 50px;
      height: 50px;
      display: block;
      position: absolute;
      top: 0;
      font-family: verdana;
      font-size: 22px;
      right: 0;
      padding: 0;
      margin: 0;
      border: 0;
      outline: 0;
      line-height: 50px;
      text-align: center;
      cursor: pointer;
      color: #fff;
      background: #05A4BD; }
    .ltapDirect .interactRow .searchbar-open {
      width: 100%; }
  .ltapDirect .latestUploadContainer {
    height: 75vh;
    margin-top: -71px;
    display: flex;
    align-items: flex-end;
    justify-content: start;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .ltapDirect .latestUploadContainer.pokemon {
      background-image: url(../images/videopreviews/pokemon.PNG); }
    .ltapDirect .latestUploadContainer .latestUploadInfo {
      background: black;
      background: linear-gradient(360deg, black 0%, rgba(255, 255, 255, 0) 100%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .ltapDirect .latestUploadContainer .latestUploadInfo .latestUploadTitle {
        color: #ccc;
        font-size: 2rem;
        font-weight: 300; }
  .ltapDirect .directMenu {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #0b0b0b;
    z-index: 1060;
    display: flex;
    justify-content: space-around;
    align-items: center;
    -webkit-box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.08);
    border-top: 2px solid #acacac; }
    .ltapDirect .directMenu .directMenuItem {
      padding: 15px 0px;
      flex-grow: 1;
      flex-basis: 0;
      text-align: center;
      border-right: 1px solid #373737;
      color: #05A4BD;
      font-size: 1.5rem; }
      .ltapDirect .directMenu .directMenuItem:last-child {
        border-right: 0px; }
      .ltapDirect .directMenu .directMenuItem.active, .ltapDirect .directMenu .directMenuItem:hover {
        background: #2b2b2b;
        color: #FFF; }
  .ltapDirect .searchResultsWrap {
    padding: 0px 15px; }
    .ltapDirect .searchResultsWrap .searchInput {
      padding: 0px 0px 15px 0px; }
    .ltapDirect .searchResultsWrap .searchResultsCount {
      color: #9b9b9b;
      font-size: .9rem;
      font-style: italic;
      padding-bottom: 15px; }
    .ltapDirect .searchResultsWrap .searchTagList h3 {
      color: #9d9d9d;
      font-weight: 500; }
    .ltapDirect .searchResultsWrap .searchTagList .list-group .list-group-item {
      background-color: #242424; }
    .ltapDirect .searchResultsWrap .searchTagList .list-group .list-group-item-action {
      color: #b3b3b3; }
    .ltapDirect .searchResultsWrap .btnClear {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      background-color: #C8C8C8;
      border-color: #C8C8C8;
      color: #212529; }
  .ltapDirect .horizontalCard {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    background: #242424;
    border: 1px solid #313131; }
    .ltapDirect .horizontalCard .videoImage {
      height: 100px;
      height: 20vh;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      flex-grow: 1;
      flex-basis: 0;
      position: relative; }
      .ltapDirect .horizontalCard .videoImage .badge {
        position: absolute;
        top: 5px;
        left: 5px; }
        .ltapDirect .horizontalCard .videoImage .badge.timeBadge {
          bottom: 5px;
          right: 5px;
          top: auto;
          left: auto; }
      .ltapDirect .horizontalCard .videoImage.rogueone {
        background-image: url(../images/videopreviews/rogueone.PNG); }
      .ltapDirect .horizontalCard .videoImage.soul {
        background-image: url(../images/videopreviews/soul.PNG); }
      .ltapDirect .horizontalCard .videoImage.pokemon {
        background-image: url(../images/videopreviews/pokemon.PNG); }
    .ltapDirect .horizontalCard .videoDescription {
      flex-grow: 2;
      flex-basis: 0;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 15px;
      font-size: 1rem;
      color: #e3e3e3; }
      .ltapDirect .horizontalCard .videoDescription h5 {
        font-size: 1.1rem;
        font-weight: bold;
        margin-bottom: 3px; }
    .ltapDirect .horizontalCard .videoAction a {
      padding: 20px;
      font-size: 1.7rem;
      color: #05A4BD; }
  .ltapDirect .videoContent {
    /* YOUTUBE EMBED STYLES
      .videoContainer {
         position: relative;
         width: 100%;
         height: 0;
         padding-bottom: 56.25%;
         .videoFrame {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            max-height: 70vw;
         }
      }*/
    /* AZURE MEDIA STYLES */ }
    .ltapDirect .videoContent .videoBack a {
      padding: 10px 50px 10px 10px;
      color: #47DDF4;
      font-size: 2rem; }
    .ltapDirect .videoContent .videoContainer {
      position: relative;
      width: 100vw;
      height: calc(100vh - 185px); }
      .ltapDirect .videoContent .videoContainer .video-player-dimensions {
        width: 100% !important;
        height: 100% !important; }
    .ltapDirect .videoContent .videoInformation {
      padding: 15px 15px 0px 15px; }
      .ltapDirect .videoContent .videoInformation .videoTitle {
        color: #e3e3e3;
        margin-bottom: 0px; }
      .ltapDirect .videoContent .videoInformation .videoDuration {
        margin-bottom: 0px;
        color: #acacac;
        font-size: 1rem; }
      .ltapDirect .videoContent .videoInformation .videoUpload {
        margin-bottom: 0px;
        font-size: 1rem;
        text-align: left;
        color: #acacac; }
      .ltapDirect .videoContent .videoInformation .videoWatchTag {
        margin-bottom: 15px; }
      .ltapDirect .videoContent .videoInformation .videoDescription {
        color: #e3e3e3; }
      .ltapDirect .videoContent .videoInformation .videoTags {
        margin-bottom: 15px; }
  .ltapDirect .searchResultsContainer {
    background: #000;
    height: calc(100vh - 118px);
    width: 0vw;
    position: absolute;
    right: -100vw;
    -webkit-transition: right 0.3s ease-out;
    -moz-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
    z-index: 1060; }
    .ltapDirect .searchResultsContainer.open {
      right: 0px !important;
      width: 100vw; }
  .ltapDirect .watchHistoryHeader {
    padding: 15px; }
    .ltapDirect .watchHistoryHeader h2 {
      color: #AA955F;
      text-transform: uppercase;
      font-size: 1.6rem;
      font-weight: 300;
      margin-bottom: 0px; }
  .ltapDirect .watchHistoryFilters {
    padding: 0px 15px 15px 15px; }
  .ltapDirect .searchHeader {
    padding: 15px 15px 15px 15px; }
    .ltapDirect .searchHeader h2 {
      color: #AA955F;
      text-transform: uppercase;
      font-size: 1.6rem;
      font-weight: 300;
      margin-bottom: 0px; }
  .ltapDirect .videoResultsContainer {
    padding-top: 30px; }
    .ltapDirect .videoResultsContainer .owl-item {
      height: 300px; }
      .ltapDirect .videoResultsContainer .owl-item .item {
        height: 100%; }
    .ltapDirect .videoResultsContainer .owl-carousel .owl-stage {
      padding-left: 0px !important; }
    .ltapDirect .videoResultsContainer .videoCategoryHeader {
      color: #AA955F;
      text-transform: uppercase;
      font-size: 1.6rem;
      font-weight: 300; }
    .ltapDirect .videoResultsContainer .carouselBtnLeft,
    .ltapDirect .videoResultsContainer .carouselBtnRight {
      color: #fff;
      background-color: #05A4BD;
      border-color: #05A4BD;
      border-radius: 50%;
      font-size: 1.2rem;
      padding: 0px;
      height: 50px;
      width: 50px;
      line-height: 2.5; }
    .ltapDirect .videoResultsContainer .carouselBtnLeft {
      margin-right: 10px; }
    .ltapDirect .videoResultsContainer .card {
      border-top-right-radius: 0.25rem;
      border-top-left-radius: 0.25rem;
      background-color: #242424;
      border: 1px solid #313131;
      height: 100%; }
      .ltapDirect .videoResultsContainer .card:hover {
        /*cursor: pointer;*/ }
      .ltapDirect .videoResultsContainer .card.viewMoreCard {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        background-color: #040404;
        border: 1px solid #c1c1c1; }
        .ltapDirect .videoResultsContainer .card.viewMoreCard h4.viewMoreText {
          margin-bottom: 0px;
          color: #05A4BD;
          font-size: 1.8rem; }
      .ltapDirect .videoResultsContainer .card .videoThumbnail {
        position: relative;
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-top-right-radius: 0.25rem;
        border-top-left-radius: 0.25rem; }
        .ltapDirect .videoResultsContainer .card .videoThumbnail .badge {
          position: absolute;
          top: 5px;
          left: 5px; }
          .ltapDirect .videoResultsContainer .card .videoThumbnail .badge.timeBadge {
            bottom: 5px;
            right: 5px;
            top: auto;
            left: auto; }
        .ltapDirect .videoResultsContainer .card .videoThumbnail .carouselPlayLink {
          color: #fff;
          background-color: #05A4BD;
          border-color: #05A4BD;
          border-radius: 50%;
          font-size: 2rem;
          width: 60px;
          height: 60px;
          margin: 65px auto 0px auto;
          display: block;
          box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.62);
          -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.62);
          -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.62); }
          .ltapDirect .videoResultsContainer .card .videoThumbnail .carouselPlayLink .fa-play {
            margin-left: 5px; }
          .ltapDirect .videoResultsContainer .card .videoThumbnail .carouselPlayLink:hover, .ltapDirect .videoResultsContainer .card .videoThumbnail .carouselPlayLink:focus, .ltapDirect .videoResultsContainer .card .videoThumbnail .carouselPlayLink:active {
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            opacity: 1; }
        .ltapDirect .videoResultsContainer .card .videoThumbnail.pokemon {
          background-image: url(../images/videopreviews/pokemon.PNG); }
        .ltapDirect .videoResultsContainer .card .videoThumbnail img {
          height: 100%;
          width: 100%; }
      .ltapDirect .videoResultsContainer .card .card-body {
        padding: 1rem; }
        .ltapDirect .videoResultsContainer .card .card-body .card-title {
          margin-bottom: 10px;
          font-size: 1rem;
          font-weight: 700;
          color: #e3e3e3; }
        .ltapDirect .videoResultsContainer .card .card-body .cardTextWrap {
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis; }
          .ltapDirect .videoResultsContainer .card .card-body .cardTextWrap .card-text {
            margin-bottom: 5px;
            color: #e3e3e3;
            line-height: 2;
            font-size: .9rem; }
        .ltapDirect .videoResultsContainer .card .card-body .card-badges {
          margin-bottom: 0px; }
        .ltapDirect .videoResultsContainer .card .card-body .card-date {
          margin-bottom: 0px;
          font-size: .7rem;
          text-align: right;
          color: #acacac; }

/* direct page end */
@media (max-width: 380px) {
  .ltapDirect .horizontalCard .videoImage {
    display: none; } }

@media screen and (max-width: 550px) {
  .landingLogo {
    max-width: 100%; }
  .directoryLanding .resizable {
    max-height: calc(100vh - 260px); }
  .directoryLanding .interactRow {
    flex-wrap: wrap;
    justify-content: center; }
  .directoryLanding .searchDiv {
    margin-right: 0px; }
  .directoryLanding .resultsDiv .resultEntry {
    display: block; }
    .directoryLanding .resultsDiv .resultEntry .resultActions {
      text-align: left; }
      .directoryLanding .resultsDiv .resultEntry .resultActions .detailsLink {
        width: 100%;
        margin-top: 10px; } }

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none; }

/* demo adds */
@media (max-width: 850px) {
  .mobile-hide {
    display: none !important; } }

.profilePage {
  margin-top: 67px;
  /* participant cards and modals */
  /* start tables */ }
  .profilePage .card-header,
  .profilePage .modal-header {
    background: #333333;
    color: #fff;
    border-bottom: 0px; }
  .profilePage .card-body,
  .profilePage .modal-body {
    background: #292929;
    color: #fff;
    border-bottom: 0px; }
  .profilePage .card-footer,
  .profilePage .modal-footer {
    background: #292929;
    color: #fff;
    border-top: 0px; }
  .profilePage .close {
    color: #fff; }
  .profilePage .close:hover,
  .profilePage .close:focus {
    color: #fff;
    opacity: .8; }
  .profilePage .card-body .lockIcon,
  .profilePage .card-body .successIcon {
    display: none; }
  .profilePage .card-body.cardLocked:hover {
    cursor: pointer; }
  .profilePage .card-body.cardLocked .lockIcon {
    display: block;
    position: absolute;
    top: 70px;
    z-index: 1000;
    font-size: 40px;
    left: 45%; }
  .profilePage .cardLocked:after {
    position: absolute;
    background: rgba(0, 0, 0, 0.89);
    width: 100%;
    height: 135px;
    content: "How do I unlock Master Road Builder?";
    bottom: 0;
    right: 0;
    text-align: center;
    color: #d1d1d1;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 85px; }
  .profilePage .cardLocked.roadBuilder:after {
    content: "How do I unlock Road Builder?"; }
  .profilePage .cardLocked.masterRoadBuilder:after {
    content: "How do I unlock Master Road Builder?"; }
  .profilePage .card-body.cardSuccess .successIcon {
    display: block;
    position: absolute;
    top: 70px;
    z-index: 1000;
    font-size: 40px;
    left: 47%; }
  .profilePage .cardSuccess:after {
    position: absolute;
    background: rgba(0, 24, 10, 0.89);
    width: 100%;
    height: 135px;
    content: "You completed this!";
    bottom: 0;
    right: 0;
    text-align: center;
    color: #d1d1d1;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    padding-top: 85px; }
  .profilePage .table-dark {
    color: #fff;
    background-color: #292929; }
  .profilePage .table-dark th,
  .profilePage .table-dark td,
  .profilePage .table-dark thead th {
    border-color: #383838; }

/* layers */
.directoryLanding .interactRow {
  position: relative;
  z-index: 1042; }

#mobile-app-header nav ul.navList.mobileMenuOpen {
  position: relative;
  z-index: 1090; }

#mobile-app-header {
  z-index: 1090; }

.directoryLanding .resizable {
  z-index: 1041; }

@media (max-width: 850px) {
  .mobile-hide {
    display: none !important; }
  .m-100 {
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px !important; }
  .m-block {
    display: block;
    width: 100%; } }

@media (min-width: 851px) {
  .desktop-hide {
    display: none !important; } }

.modal-backdrop.show {
  opacity: 0.7; }

.modal-backdrop {
  z-index: 1090; }

.modal.favoritesModal ~ .modal-backdrop {
  z-index: 1990 !important; }

.modal.favoritesModal {
  z-index: 2000 !important; }
  .modal.favoritesModal .modal-content {
    background-color: #161616; }
  .modal.favoritesModal .btn {
    border-radius: 2rem;
    color: #fff;
    font-size: 14px; }
    .modal.favoritesModal .btn.btn-primary {
      background-color: #05A4BD;
      border-color: #05A4BD; }
    .modal.favoritesModal .btn.btn-secondary {
      background-color: #555;
      border-color: #555; }
  .modal.favoritesModal .modal-body {
    color: #fff; }
  .modal.favoritesModal .modal-footer {
    border-top: 0px; }
  .modal.favoritesModal .btn-secondary:not(:disabled):not(.disabled):active:focus, .modal.favoritesModal .btn-secondary:not(:disabled):not(.disabled).active:focus, .modal.favoritesModal .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(200, 200, 200, 0.5); }
  .modal.favoritesModal p.icon {
    font-size: 2.2rem;
    color: #f0de44; }

.loggedOutCard {
  color: #fff;
  padding: 1.5rem;
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .loggedOutCard .btn {
    border-radius: 2rem;
    color: #fff;
    font-size: 14px; }
    .loggedOutCard .btn.btn-primary {
      background-color: #05A4BD;
      border-color: #05A4BD; }
  .loggedOutCard p.icon {
    font-size: 2.2rem;
    color: #05A4BD; }

/* DESKTOP MENU */
@media (min-width: 850px) {
  #mobile-app-header .hamburger {
    display: none; }
  #mobile-app-header nav ul.navList {
    max-height: 60px;
    position: absolute;
    top: -48px;
    left: 210px; }
  #mobile-app-header nav ul.navList li {
    display: inline-block; }
  .directoryLanding {
    margin-top: 60px; }
  .ltapDirect .directMenu .directMenuItem {
    padding: 30px 0px;
    font-size: 1.8rem; } }