/* ==========================
         REO INTRANET
        AUTHOR: LDRAPER
   ========================== */

   html,body {
    /*font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;*/
    font-family: 'Open Sans', 'HelveticaNeue-Light', sans-serif;
    font-size:16px; 
    margin:0; 
    /*background-color:#424244;*/
   /* background-color: #E6E8E3;*/
  }
  
  *ul {margin: 10px; padding: 0;}
  
  h4 {font-size: 16px; margin:0; padding:0;}
  h2 {font-size: 18px;}
  h1 {font-size: 21px;}
  
  
  @font-face {
    font-family: HelveticaNeueLTStd-Cn; 
    src: url("../fonts/HelveticaNeueLTStd-Cn.otf");
  }
  
  @font-face {
    font-family: HelveticaNeueLTStd-BdCn; 
    src: url("../fonts/HelveticaNeueLTStd-BdCn.otf");
  }
  
  @font-face {
    font-family: product-sans; 
    src: url("../fonts/product-sans-regular.ttf");
  }
  
  
  @font-face {
    font-family: product-sans-bold; 
    src: url("../fonts/product-sans-bold.ttf");
  }
  
  
  
  a:link {/*color:#fff;*/ text-decoration: none;}
  /*a:visited {color:#fff;}
  a:hover {color:#fff;}*/
  
  .text {
    background-color: #fff;
    font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;    
    font-size: 12px;
    color: #333;
  }
  
  /* .cf {clear: both;}  sk-grid takes care of this */
  .color1 {color:#231F20;}
  .color2 {color:#E92A3B;}
  
  /*<><><><> SPLASH PAGE <><><><>*/
  #login-body {background-color: #424244}
  #container {width:1100px; margin:0px auto; background-color:#424244; position:relative;}
  #content {
    position: relative;
    float:right; width:730px; height: 950px; 
    background-image:url('images/splash/gray_shadow.jpg'); 
    background-repeat: repeat-y;
  }
  #sidebar {float:left; width:370px; height: 975px; background-color: #4da2d5;}
  #sidebar img {border: 0;}
  #links {float:left; width:70px; height: 232px; display:inline; margin: 0 0 0 0; position: relative; z-index: 1;}
  
  #head_logos {float:left; width:642px;}
  #max_broock {display:inline; margin: 35px 0 0 145px;}
  #reo_logo {display:inline; margin: 15px 0 0 0;}
  #johnstone_johnstone_logo {display:inline; margin: 45px 0 0 0;}
  
  #sign_in {float:left; width:730px; clear:both; margin: -15px 0 0 50px}
  #one_place_logo {display:inline; position: relative; z-index: 10; width: 615px; height: 200px;}
  #login {display:inline; margin: 0 0 0 285px; width: 139px; height: 73px;}
  
  #eval_notice {
    background-color: #030840;
    display: block;
    color: #ffe;
    text-align: center;
    font-size: 1.3rem;
    padding: 10px 0px;
  }
  
  #login-form label { display: inline-block; margin-right: 10px; width: 82px;}
  form .username_n, form .password_n {height: 17px; width: 135px; border: 0; border-radius: 5px; padding: 5px;}
  form .password_n {margin-top: 5px}
  
  #login_form {
    width: 620px; 
    background-image:url('../images/splash/login_bg_s.jpg'); 
    background-repeat: no-repeat; 
    position: relative; 
    color: #fff; 
    font-weight:bold;
    /* background-position:0 2px; */
  }
  #login_form form {margin: 0 0 0 310px; width: 255px; }
  #oneplace-login__form .error {color: white; font-variant: small-caps;}
  
  #sign_in p a {color: #a7a9ac; text-decoration:none;} 
  
  /* This style will need to be added to production */
  #beta_button {
  
    width: 100%;
    display: block;
  /*  padding: 1em;
    margin-top: 10px;*/
    box-sizing: border-box;
  
  
  /*  border: 2px solid gray;
    border-radius: 5px;*/
    font-size: 0.7rem;
    text-align: right;
    color: white;
  
  /*  -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;*/
  }
  
  
  #enter {
    width: 75px; height: 38px; 
    background-image: url('../images/splash/enter.jpg');
    background-repeat: no-repeat; 
    border: 0;
    vertical-align: middle;
    background-position:0 0;
    cursor:pointer;
  } 
  
  #enter:hover {background-position: -75px 0;}
  
  #ad a {position: absolute; bottom: 0; left: 0; margin: 0 0 0 0px;}
  
  #powered_by_logo {
    width: 160px; 
    margin: 30px auto; 
    display: block;
  }  
  
  /* ------------- Oneplace Login Edits ----------------- */
  
    .oneplace-login__form {  }
  
    #oneplace-login__form label {
      display: block;
      margin-bottom: 8px;
      font-size: 1rem;
      font-variant: small-caps;
      color: white;
      font-family: helvetica;
    }
  
  
    #oneplace-login__form input[type="text"],
    #oneplace-login__form input[type="password"] {
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      margin-bottom: 20px;
      border-radius: 5px;
      width: 100%;
      box-sizing: border-box;
      border: 1px solid black;
  
    }

    .oneplace-login__container {
      width:450px;
      margin: 10vh auto 0px auto;
    }
  
    .oneplace-login__submit {
      width: 100%;
      background: #f4476b;
      padding: 11px;
      color: #fff;
      border: 0px solid black;
      font-size: 12px;
      cursor: pointer;
      box-sizing: border-box;
      border-radius: 5px;
    }
  
  
    .oneplace-login__submit:hover {
      background-color: #ef5e7c;
    }
  
    .oneplace-login__logo-container {
      margin-top: 25px;
    }
  
    .oneplace-login__logo-container img {
      width: 80px;
    }
  
  
  
    .oneplace-login__oneplace-logo img {
      width: 100%;  height: auto;
    }
  
    .login-page__right-column {
      /*margin: 0px !important;*/
    }
  
    .login-page__left-column {
      background-color: #4da2d5;
    }
  
  
  
  
    .login-page-container {
      width: 100% !important;
      max-width: none !important;
      padding: 0px !important;
  
    }
  
    .oneplace-login__sidebar {
      margin:0px auto;
      width: 370px;
      height: 975px;
      background-color: #4da2d5;
    }
  
  /*<><><><> HOME PAGE <><><><>*/
  .addSpacesLeft
  {margin-left:125px;}
  
  #i_container {
  
    /* width:1300px; */
    min-height: 465px;
    /*min-height: 100vh; */
    margin:0px auto; 
    background-color:#fff; 
    position:relative;
    border-left:1px solid #d8d8d8; 
    border-right: 1px solid #d8d8d8;
  
  }
  
  
  /* Top Header and Navigation Styles
   ---------------------------------------------------------- */
  
  /* Mobile navigation */
  .mobile-nav-menu-container {
    display: none;
    border-bottom: 2px dotted gray;
  }
  
  #top_header {
  
    height: 150px;
    width: 100%; 
    /* min-width: 1300px; */
    margin:0; 
    background-color:#231F20;
  
  }
  
  #one_place_logo_home {
    /* width: 370px;
    height: 63px;
    top: 10px;
    padding-bottom: 32px !important; */
    
    display:inline; 
    position: relative; 
    z-index: 10; 
    width: 489px; height: 92px; 
    margin:0;
    -webkit-box-sizing: initial;
  }
  
  
  #rt_header {
  right: 0;
  top: 0;
  position: absolute;
    text-align: right; 
    float: right; 
    font-size: 12px; 
    width: 620px; 
    margin: 10px; 
    font-weight:bold;
  }
  
  #search {position:relative; z-index:20;}
  
  /* #search form {margin: 0 0 0px 0;} */
  
  /* Search Box Styles
   --------------------------------- */
  #findForm {
    position: relative;
    display: inline-block;
  
    height: 55px;
    width: 340px;
  
    top: 0;
    right: 42px;
  }
  
  .search-input-wrapper {
    display: block;
  }
  
  #searchText {
    position: relative;
    width: 100%;
  
    border: none;
    border-radius: 5px;
    padding: 5px 0px 5px 33px;
  }
  
  #find {
      position: absolute;
      height: 25px;
      width: 33px;
      top: 0;
      left: 0px;
    
  
      border: none;
      background: url("../images/home/search-glass.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px;
    }
  
    .search-option-wrapper {
      width: 350px;
    }
  
  /*#img_links {margin: 10px 0 0 0;} was this before*/
  #img_links {margin: 0 0 0 0;}
  #img_links a {margin-right: 25px; height: 26px;}
  
  .header_logout {
      height: 30px;
      display: inline-block;
  }
  
  .header-logout-text {
      position: relative;
      bottom: 4px;
      font-family: "HelveticaNeueLTStd-BdCn", Helvetica, Arial, sans-serif;
      font-size: 0.9rem;
  }
  
  
  /* Nav Styles
  ------------------------- */
  /*#top_nav {
    position: absolute; 
    top: 100px; 
    left: 0; 
    height: 30px; 
    width: 100%;
    min-width: 1300px; 
    margin:0; 
    background-color:#fff;
  }
  #top_nav ul {font-size: 21px;  list-style: none; margin: 0; width: 1300px; position: absolute; left: -25px}
  #top_nav ul li {display:inline; font-weight:bold; text-align: left; color: #A7A9AC;}
  #top_nav li {float:left; margin-right: 15px;}
  #top_nav li:hover {border-bottom: 3px solid #E92A3B;}
  #top_nav li.pipe:hover {border-bottom: 0px solid white;}
  #top_nav .pipe {font-size: 20px; font-weight:bold; padding-bottom: 3px; }
  #top_nav form {cursor:pointer;}*/
  
  #top_nav_control {background-color: #fff; width: 100%; display: block; position: relative; height: 30px;}
  #top_nav {
    position: absolute; 
    left: 0; 
    height: 28px; 
    width: 100%;
    margin:0px auto;
    padding:0px;
    font-size: 21px;
    list-style-type: none; 
  }
  #top_nav > li {
    display: inline-block;
    padding: 0px 10px;
    margin: -3px;
    height: 30px;
    box-sizing: border-box;
    border-right: 3px solid gray;
    /* font-weight: bold; */
    text-align: left;
    color: #001;
  }
  
  #top_nav > li:hover,
  #top_nav > li:focus {border-bottom: 3px solid #E92A3B; cursor: pointer;}
  
  #top_nav > li:hover > .nav-submenu,
  #top_nav > li:focus > .nav-submenu,
  #top_nav > li:active > .nav-submenu {display: block; box-sizing: border-box;}
  /*#top_nav li.pipe:hover {border-bottom: 0px solid white; -webkit-box-sizing: border-box;}*/
  /*#top_nav .pipe {font-size: 20px; font-weight:bold; padding-bottom: 3px; }*/
  #top_nav form {cursor:pointer; display: block;}
  .nav-submenu {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    margin: 0px -9.8px;
    box-shadow: 1px 1px 5px #888;
    padding: 0;
    box-sizing: border-box;
  }
  .nav-submenu li {display: block; padding: 5px 10px; max-width: 370px; color: #001;}
  .nav-submenu li:hover {background-color: #E1E1E1}
  
  /* Tooltip box */
  .nav-tooltip-trigger {
      display: inline-block;
      width: 30px;
      text-align: center;
      border: 1px solid red;
      color: red;
      margin-right: 3px;
  }
  
  .nav-tooltip {
      display: none;
      width: 330px;
      position: fixed;
      border: 1px solid red;
      padding: 10px;
      background: white;
  
  
  }
  
  
  /* -------------- Mobile Nav Search Container --------------- */ 
  
  .mobile-nav-menu-container {
    display: none;
  }
  
    .quick-links__row span {}
  
  
    .quick-links__row img {
      vertical-align: middle;
    }
  
    .quick-links__row a {
      display: flex;
  /*    align-items: center;
      justify-content: center;*/
      padding: 0px 10px;
      color: #FEFEFE;
    }
  
    .quick-links__row a:visited {
      color: white;
    }
  
  
    .quick-links__content {
      width: 11rem;
    }
  
    .quick-links__column {
      background: black;
      margin: 0;
      box-sizing: border-box;
      padding: 10px 0px;
      width: 50% !important;
    }
  
    .quick-links__column:hover {
      background-color: #313131;
    }
  
    .quick-links__container {
      padding: 0px;
    }
  
    .quick-links__img {
      height: 30px;
      width: 30px;
    }
  
    .nav-menu__quick-links {
      background-color: black;
    }
  
  
  /* -------------- Mobile Nav Search Container --------------- */ 
  
  
  .nav-menu__search form {
    margin: 0px;
  }

  .search__container {
    position: relative;
    box-sizing: border-box;
    padding: 10px 10px;
    background-color: black;
  }
  
   .search__container input {
    width: 100%;
    border: 0px solid black;
    padding: 10px 0px;
    text-indent: 50px;
    font-size: 1rem;
    border-radius: 5px;
  }
  
  
  
  .search__container button {
    position: absolute;
    left: 10px;
    border: 0px solid black;
    padding: 10px 15px;
    font-size: 0.8rem;
    border-radius: 0px;
    background-color: transparent;
    background-image: url(../images/home/search-glass.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  
  }
  
  .search__container select {
    position: absolute;
    right: 10px;
    top: 14px;
    padding: 5px 10px;
    text-align: center;
    font-size: 1rem;
    border: 0px solid black;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
      
  }
  
  
  /* -------------- MobileNav Menu Items --------------- */ 
  
  
  .nav-item__list {
    padding: 0px;
    margin: 0px;
    font-size: 1.25rem;
  }
  
  .nav-item__list form {
    padding: 10px;
    cursor: pointer;
    font-size: 1.25rem
  }
  
  .nav-item__list form:hover {
    background-color: #E1E1E1;
  }
  
  
  .nav-item__list a {
    display: block;
    padding: 10px;
    cursor: pointer;
    font-size: 1.25rem
  }
  
  .nav-item__list a:hover {
    background-color: #E1E1E1;
  }
  
  .nav-item__list li {
    position: relative;
  }
  
  
  .mobile-nav-submenu-title {
    padding: 10px;
    display: block;
    cursor: pointer;
  }
  
  .mobile-nav-submenu-title:hover {
    background-color: #E1E1E1;
  }
  
  .expand-icon {
      color: red;
      font-weight: bold;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      font-size: 1.25rem;
      /* line-height: 2.4; */
      padding: 11px 20px;
      box-sizing: border-box;
  }
  
  
  .mobile-nav-submenu {
    display: none;
    position: relative;
    background-color: red;
    padding: 0;
    box-sizing: border-box;
    background-color: #E1E1E1;
  }
  
  .mobile-nav-submenu form:hover {
    background-color: #E1E1E1;
  }
  
  .mobile-nav-submenu a {
    padding: 10px;
    display: block;
    cursor: pointer;
  }
  
  .mobile-nav-submenu form {
    cursor: pointer;
  }
  
  
  
  .menu-open-button {
      display: none;
  }
  
  /* ---- nav styles end ----.*
  
  
  #i_content { /* sk-grid is on this */
  /*  float:right; 
    width:980px; 
    background-color: #fff; 
    margin: 10px 0 0 10px; 
    position: relative; 
    border-right: 2px solid #808285;} */
  
  
  /* -----------------------------------------------------------
      Mobile Header Styles
    ------------------------------------------------------------ */
  
  
  
  
  /* SIDEBAR STYLES
  ------------------------ */
  
  #i_sidebar {float:left; width:90px; background-color: #fff; margin: 10px 10px 0 0; height: 890px; border-right: 1px solid black}
  #i_sidebar ul {padding-left:10px; position: relative;}
  #i_sidebar ul li {font-size: 18px; list-style: none; font-weight:bold; color:#0071BC; margin:0; margin:15px 0px 0px 0px}
  #i_sidebar ul ul {padding-left:10px; position: relative;} 
  #i_sidebar ul ul li, #i_sidebar ul ul li a {
    position: relative;
    font-size: 14px; 
    list-style: none; 
    text-decoration: none; 
    font-weight:bold; 
    color:#333; 
    margin:0;
    padding: 5px 0px 0px 3px; 
  }
  
  #i_sidebar ul li ul {
    color: white;
    position: absolute;
    top: 0;
    left: 90px;
    width: 200px;
    background-color: black;
    padding: 10px;
    display: none;
  }
  
  #i_sidebar ul li ul li {
    padding: 10px;
    
  }
  
  
  #i_sidebar form input {
    font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;    
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding: 0px 0px 0px 3px;
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  
  /* sidebar hover effects  */
  
    #i_sidebar ul:hover li > ul {
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      transition: 0.2s ease;
      -o-transition: 0.2s ease;
      background-color: #F7DCB4;
      display: inline;
    }
  
    #i_sidebar form input:hover {
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      transition: 0.2s ease;
      -o-transition: 0.2s ease;
      color: #0071BC;
    }
  
  
  
  /** 
  * ====================================================================== 
  * Session Expire Component Styles
  * ======================================================================= 
  **/
  
  .sessionExpireWindow__modal {
    position: fixed;
    background-color: #979797cf;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 20;
  
  }
  .sessionExpireWindow__content {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 50px 50px;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background-color: white;
  /* box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  box-shadow: 0 2px 3px rgb(0 0 0 / 25%) */
  
  
  
  
  }
  
  .sessionExpireWindow__content img {
    width: 130px;
    margin-bottom: 20px;
  }
  
  .sessionExpireWindow__content h3 {
    font-size: 1.953rem;
    text-align: center;
    margin: 0px 0px 0px 0px
  }
  
  .sessionExpireWindow__content p {
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    width: 315px;
    /* width: 290px; */
    margin: 20px 0px 30px 0px;
  }
  .sessionExpireWindow__content button {
    border-radius: 20px;
    padding: 10px 50px;
    color: #e7e7e7;
    background-color: black;
    font-size: 1rem;
    border: 0px solid black;
  }
  
  .sessionExpireWindow__content button:hover {
    cursor: pointer;
    background-color: #5a5a5a;
    transition: background-color 0.1s ease;
    border: 0px solid black;
  }
  
  
  
  .fadeinright {
    position: relative;
    animation: fadeInRight 0.2s ease;
    
  }
  
  .fadeintop {
    position: relative;
    animation: fadeInTop 0.2s ease;
  }
  
  @keyframes fadeInRight {
    from {transform: translateX(-10px); opacity: 0}
    to {transform: translateX(0); opacity: 1}
  }
  
  @keyframes fadeInTop {
    from {transform: translateY(-10px); opacity: 0}
    to {transform: translateY(0); opacity: 1}
  }
  /* -------------------------------------------- End ------------------------- */
  
  
  
  /*      Market Update Video
  ------------------------------------ */
  
  
  .market_update_video {
    /*min-height: 560px;*/
    padding-bottom: 10px;
  }
  
  .video-well iframe {
    width: 100%;
  }
  
  .video-header {
    font-family: "HelveticaNeueLTStd-BdCn", 'HelveticaNeue-Light', sans-serif;
      letter-spacing: -1px;
      margin: 14.070px 0px;
      font-size: 2.4rem;
  }
  
  .video-header span {
    font-family: "HelveticaNeueLTStd-Cn", 'HelveticaNeue-Light', sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.2px;
  }
  
  
  #video {display: block; width: 510px; margin: 0px auto;} /* skeleton should take care of this */
  #video iframe {
    position: relative; 
    /*left: -10px;*/
  }
  #video h5 {font-weight: 200; line-height: 1.125rem; width:510px;}
  
  
  #notice_area {clear:both; position:relative; float: right; width: 320px; padding:0px;}
  
  .market-youtube-video {
      height: 315px;
      /*width: 554px;*/
      width: 100%;
      text-align: center;
  }
  
  
  /*      In the Know
  ------------------------------------ */
  
  .in-the-know {
    display: block;
    /* width: 600px; */
    height: 100%;
  }
  
  .in-the-know-header {
    font-family: "HelveticaNeueLTStd-BdCn", 'HelveticaNeue-Light', sans-serif;
    text-align: left;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 14.070px 0px;
    color: #231F20;
  }
  
  
  /* -- angular feed json -- */
  .gn_blog_container {
      width: 100%;
      max-height: 288px;
      margin: 0;
      padding: 0 0px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      border: 1px solid #dbdee1;
      border-radius: 5px;
      /*overflow: hidden;*/
      overflow-y: scroll;
      overflow-x: hidden;
      box-sizing: border-box;
      text-align: left;
  }
  
  .gn_blog_container .gn_item {
      margin: 0;
      padding: 0 0;
      clear: both;
      border-bottom: 1px dashed #CCCCCC;
  }
  
  .gn_blog_container .gn_content {
    padding: 10px;
  }
  
  .gn_blog_container h3 {
      margin: 0 2px 0 0;
      padding: 0 2px 0 0;
      color: #2e7ec8;
      line-height: 1.5;
      font-size: 16px;
      overflow: hidden;
      display: block;
  }
  
  
  .gn_blog_container .gn_description {
    margin: 5px 0 0 0;
    padding: 0px;
    font-size: 12px;
    color: #505659;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
  
  .gn_blog_container a {
    text-decoration: none;
  }
  
  
  .gnb_tab_container {
    display: flex;
    position: relative;
  }
  
  .gn_blog_container {
    position: relative;
  }
  
  .gnb_tab {
    padding: 0px 10px;
      border: 1px solid #9e9e9e;
      margin: 20px 0px 20px 10px;
  }
  
  .gnb_modal_container {
    display: flex;
      position: absolute;
      width: 100%;
      height: 100%;
      align-items: center;
      justify-content: center;
      background-color: rgba(234, 234, 234, 0.7);
  }
  /* -- angular feed json end -- */
  
  
  /*     Learning Links
  -------------------------------- */
  
  .learning-links-wrapper { display: inline-block; float: right;}
  
  .learning-links-wrapper a {
    display: block;
    padding: 4.7px 0px;
    font-size: 1.36rem;
    font-weight: 500;
  }
  
  .learning-links-text { position: absolute; padding: 60px 0 0 80px; }
  
  .learning-links-wrapper a:hover {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease;
    -o-transition: 0.2s ease;
    color: #333333;
  }
  
  
  #alerts {
    width: 320px; 
    border-left:3px dotted #808285; 
    border-top:3px dotted #808285; 
    position: absolute;
    bottom:0; right:0;
    margin: 0 2px 2px 0;
    /* margin: 0 2px -430px 0; */
    padding: 0 0 0 5px;
  }
  
  #alerts p a:link {font-weight:bold;}
  #alerts a:link {color:#000; text-decoration:none;}
  #alerts a:visited {color:#000;}
  #alerts a:hover {color:#000;}
  
  #alerts img {margin: -40px 0 0 -10px}
  
  #home_content {/*width:820px; margin:0 auto;*/ /*padding: 0px 10px;*/ border-top:2px dotted #808285;}
  
  /* 
    #########################################
        STUFF FOR YOUR LISTING - Section
    #########################################
  */
  
  #stuff_header {
    margin: 0px;
    font-family: "HelveticaNeueLTStd-BdCn", 'HelveticaNeue-Light', sans-serif;
    /*font-size: 2.4rem;*/
    font-size: 1.953rem;
    padding: 0px 0px 5px 3px;
    letter-spacing: -1px;
  }
  
  #stuff { padding:10px 0px; /* margin-top:5px;float:left; width:385px; */}/* sk-grid takes care of this */
  #stuff ul, #market_yourself ul {padding-left:0px; margin-top: 0px}
  #stuff ul li, #market_yourself ul li {
    font-size: 1rem; 
    list-style: none; 
    /* font-weight:bold;  */
    font-weight:normal; 
    color:#0071BC;
    padding: 2px;
  }
  
  #stuff ul ul, #market_yourself ul ul {/*padding-left:10px;*/} 
  #stuff ul ul li, #market_yourself ul ul li {
    font-size: 14px; 
    list-style: none; 
    /* font-weight:bold;  */
    margin:0;
    text-indent: 5px;
  }
  
  /*  #stuff .left_col {float:left; margin: 5px; width: 130px;} sk-grid covers this */
  #stuff form{cursor:pointer;}
  #stuff .left_col ul li {
    /*margin-top: 2px;*/
    padding: 2px;
  }
  
  
  #stuff .left_col ul li:hover {
  }
  
  
  
  #stuff .left_col ul li ul {
    margin: 0px;
    padding: 0px;
  }
  
  #stuff .left_col form:hover {
    cursor: pointer;
    background-color: #E1E1E1;
  }
  
  
  .left_col_link:hover,
  .right_col_link:hover {
    cursor: pointer;
    background-color: #E1E1E1;
  }
  
  
   #stuff .right_col  { color:#0071BC;/*float:right;*/  /*width: 210px;*/} /*sk-grid covers this*/
  #stuff .right_col ul li {
    padding: 2px;
    width: 100%;
    color:#0071BC;
  }
  
  #stuff .right_col ul li:hover {
    /* background-color: #E1E1E1; */
  }
  
  #stuff .right_col a { text-decoration:none;
  font-size:1rem;
  /* font-weight:bold; */
  color:#0071BC;
  margin:0;
  }
  
  #stuff form input {
    font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;    
    font-size: 18px;
    font-weight: bold;
    color: #0071BC;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin:0;
  }
  .stuff-list-header {
      font-size: 1rem ;
      position: relative;
      margin: 0;
      color: #0071BC;
      font-weight: normal;
  }
  .stuff-subcategories {
    display: none;
  }
  
  .stuff-subcategories li a {
    font-size: 14px !important;
    display: block;
    box-sizing: border-box;
  }
  
  .stuff-subcategories a {
    font-weight: 400;
  }
  .stuff-subcategories li:hover {
    background-color: #E1E1E1;
  }
  .stuff-subcategories h4 {
    margin-top: 10px;
  }
  .stuff-list-header:hover {background-color: #E1E1E1; cursor: pointer;}
  
  .stuff-list-header:after, .active:after {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 1rem;
    height: 100%;
    width: 23px;
  }
  
  #stuff .left_col .stuff-list-header:after, #stuff .left_col .active:after {
    right: 0px;
  }
  
  
  #market_yourself ul {
    margin: 0px;
  }
  
  .stuff-list-header.expand-list:after {
    content: "+";
  }
  
  .expand-list.active:after {
    top: -6px;
    right: -1px;
    content: "-";
    font-size: 1.4rem;
  }
  
  .photos_drone_container {
    padding: 10px 0px 5px 0px;
  }
  
  .drone-header img {
    width: 30px;
  }
  
  .drone-header span {
    color: #848484; 
    font-size: 0.8rem;
    font-weight: bold;
  }

  .transaction_tools_row {

  }

  .transaction_tools_row .oc-menu-header:hover {
    background-color: #E1E1E1;
    cursor: pointer;
  }
  .transaction_tools_row .oc-menu-drawer-content__contain {
    margin-left: 6px;
  }

  .transaction_tools_row .oc-menu-drawer-content__contain li:hover {
    background-color: #E1E1E1;
  }

  .transaction_tools_row .oc-menu-drawer-content__contain li a {
    color: #0071BC;
  }

  .transaction_tools_row .oc-menu-header__icon svg {
    fill: #0071BC;
    width: 11px;
  }
  
  
  /* 
    ###############################
        Market Yourself - Section
    ###############################
  */
  
  #market_yourself {
    /* float:right; sk-grid covers this */
    /* width:385px; sk-grid covers this */
    /* margin-top:5px; sk-grid covers this */
    padding: 10px 0 6px 20px; /*padding:10px 0 0 0;*/
    border-left:2px dotted #808285;
    position: relative;
    z-index: 10;
  }
  
  #market_header {
    position: relative;
    margin: 0px;
    font-family: "HelveticaNeueLTStd-BdCn", 'HelveticaNeue-Light', sans-serif;
    font-size: 2.4rem;
    padding: 0px 0px 5px 3px;
    letter-spacing: -1px;
    box-sizing: border-box;
    /*border-bottom: 2px dotted #808285;*/ 
  }
  
  
  #market_header span {
    position: relative;
  }
  
  #market_header .snap-right {
    position: absolute;
    right: 0px;
    top: 2px;
    font-size: 1rem;
    height: 100%;
  }
  
  
   #market_header .snap-right a:visited {
    /* internet explorere compatibility check */
    color: inherit;
   }
  
  
  
   /* market header....header text */
  
   .market_header {
    position: relative;
    box-sizing: border-box;
   }
  
   .market_header--header h2 {
    position: relative;
    margin: 0px;
    display: inline;
    font-family: "HelveticaNeueLTStd-BdCn", 'HelveticaNeue-Light', sans-serif;
    font-size: 1.956rem;
    padding: 0px 0px 5px 0px;
    letter-spacing: -1px;
    box-sizing: border-box;
    /*border-bottom: 2px dotted #808285;*/ 
   }
  
    /* ------- Powered By ----------- */
   .market_header--powered-by {
    font-size: 0.7rem;
    display: inline-block;
    /*position: absolute;*/
    right: 0px;
    top: 2px;
    height: 100%;
   }
  
   .market_header--powered-by img {
    position: relative;
    height: 30px;
  }
  
  
   /* ---------- Description ---------- */
  .market_header--description {
    font-size: 0.7rem;
    display: inline-block;
    width: 200px;
    margin: 0px;
  }
  
  .market_header--description p {
    margin: 0px;
  }
  
  .market_header--description span {
    font-weight: bold;
  }
  
  .market_header--description a {
    color: black;
    text-decoration: none;
  }
  
  .market_header--description a:visited {
    color: black;
  }
  
  /* ------ Call to action --------- */
  .market_header--call-to-action {
    padding: 5px 45px;
    background-color: #007AC3;
    color: #FFF;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
   }
  
   .market_header--call-to-action a {
    color: white;
   }
  
  .market_header--call-to-action a:visited {
    color: white;
   }
  
  
  
  #market_header img {
    position: relative;
    height: 35px;
  }
  
   /*#market_yourself  .left_col {float:left; margin: 5px; width: 205px;} */
  /* #market_yourself  .right_col {float:right; margin: 5px; width: 150px;}*/
  #market_yourself .left_col a { text-decoration:none;
  font-size:1rem;
  /* font-weight:bold; */
  font-size: 14px;
  color:#000;
  margin:0;
  display: block;
  }
  #market_yourself form{cursor:pointer;}
  #market-yourself-cards > li {
  padding-top: 10px;
  padding-left: 0px;
  }
  
  #market-yourself-cards {
  padding-left: 0px;
  }
  
  /* Expand Menu - How to market yourself
  ------------------------------------------ */
  #market_yourself .left_col  {
  }
  
  #market_yourself .right_col  {
   /*border-left: 2px dotted #808285;*/
  }
  
  .market-categories {
    position: relative;
    list-style-type: none;
  }
  .market-list-header {
      font-size: 1rem ;
      position: relative;
      margin: 0;
      /*width: 290px;*/
      /*border-top: 0px solid black;
      border-bottom: 2px dotted #808285;*/
      padding: 2px 5px;
  }
  .market-list-header:hover {
      background-color: #E1E1E1;
      cursor: pointer;
  }
  .market-list-header:visited {
    /* internet explorere compatibility */
    color: inherit;
  }
  
  .market-list-header:after, .active:after {
      position: absolute;
      right: 0px;
      top: 2px;
      font-size: 1rem;
      height: 100%;
      width: 23px;
  }
  
  .market_yourself_row {
    position: relative;
    /* height: 237px;  */
    overflow-y: scroll;
  }
  
  /* animations are being applied here */
  
  /*Market Yourself SubMenu - Slide In! 
  =============================================== */

  .market_yourself_row .oc-menu-header:hover {
    background-color: #E1E1E1;
    cursor: pointer;
  }
  .market_yourself_row .oc-menu-drawer-content__contain {
    margin-left: 6px;
  }

  .market_yourself_row .oc-menu-drawer-content__contain li:hover {
    background-color: #E1E1E1;
  }

  .market_yourself_row .oc-menu-drawer-content__contain li a {
    color: #0071BC;
  }

  .market_yourself_row .oc-menu-header__icon svg {
    fill: #0071BC;
    width: 11px;
  }

  .market_yourself_submenu {
    z-index: 10;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #F1F1F1;
  
    width: 100%;
    height: 100%;
  }
  
  
  
  .market_yourself_submenu .submenu_close {
    position: absolute;
    left: 92.4%;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 1.2em;
    background-color: #F1F1F1;
    margin: 13.070;
    padding: 0px 15px;
    text-align: center;
    padding: 5px;
  }
  
  .market_yourself_submenu .submenu_close:hover {
    -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      transition: 0.2s ease;
      -o-transition: 0.2s ease;
      background-color: #F47171;
      color: #FEFEFE;
  }
  
  
  
  
  .market_yourself_submenu ul {
    position: relative;
  }
  
  .market_yourself_submenu h1 {
    display: inline-block;
    width: 70%;
    /*border-right: 1px solid black;*/
    margin-left: 3px;
  }
  
  .market_yourself_submenu ul li {
    position: relative;
    vertical-align: text-top;
    display: inline-block;
    width: 195px;
    padding: 10px 0px 10px 3px;
    margin-left: 3px;
  }
  
  .market_yourself_submenu ul li:hover {
    background-color: #E1E1E1;
    cursor: pointer;
  }
  
  .new-tag {
    color: #f6f4f4;
    background-color: #ff5751;
    padding: 1px 3px;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 0.8rem;
  }
  
  
  /* ----------------------------------------------------
  Animations
  ------------------------------------------------------- */
  
  .spin {
      animation: spin 1s linear infinite;
  }
  
  
  /* Spin Animation */
  @keyframes spin {
      from {transform: rotateZ(0deg)}
      to {transform: rotateZ(360deg)}
  }
  
  
  .slide-in-bottom {
    -webkit-animation: slide-in-bottom 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
  
    -moz-animation: slide-in-bottom 0.3s ease-out;
    -moz-animation-fill-mode: forwards;
  
    -o-animation: slide-in-bottom 0.3s ease-out;
    -o-animation-fill-mode: forwards;
  
    animation: slide-in-bottom 0.3s ease-out;
    animation-fill-mode: forwards;
  }
  
  .slide-out-bottom {
  
    -webkit-animation: slide-out-bottom 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
  
    -moz-animation: slide-out-bottom 0.3s ease-out;
    -moz-animation-fill-mode: forwards;
  
    -o-animation: slide-out-bottom 0.3s ease-out;
    -o-animation-fill-mode: forwards;
  
    animation: slide-out-bottom 0.3s ease-out;
    animation-fill-mode: forwards;
  }
  
  
  @-webkit-keyframes u-spin {
      100% {-webkit-transform: rotate(360deg)}
  }
  
  @-moz-keyframes u-spin {
      100% {-moz-transform: rotate(360deg)}
  }
  
  @-o-keyframes u-spin {
      100% {-o-transform: rotate(360deg)}
  }
  
  @keyframes u-spin {
      100% {transform: rotate(360deg)}
  }
  
  
  /*#market_yourself .right_col .market-list-header:after, .market_yourself_row .right_col .active:after {
      left: 300px;
  }*/
  
  #market_yourself .right_col .market-list-header {
    width: 326px;
  }
  
  #market_yourself ul {
    margin: 0px;
  }
  
  .market-list-header.plus:after {
      content: "+";
  }
  .active:after {
      content: "-";
  }
  
  #market_yourself .right_col {
    /*margin: 0;*/
  }
  
  
  .market-subcategories {
      /*list-style-type: none;
      text-align: left;
      width: 600px;
      margin: 0px auto;*/
      display: none;
  }
  .stuff-subcategories li {
  /*
      display: block;
      padding: 5px 0px;*/
      color: black !important;
  }
  .active + ul {
      display: inline;
  }
  
  
  /*  Expand Menu - End
  --------------------------------------------- */
  
  /*<><><><> SIDEBAR IMAGES <><><><>*/
  
  #sidebar .row {
    padding: 5px 0px 0px 0px;
  }
  
  /* ---------------------------------------------------- 
              Footer - templates/footer.html
  ------------------------------------------------------- */
  
  
  
  
  
  #footer {
    background-color: #231F20;
    color: #FEFEFE;
    width: 100%; 
    /*min-width: 1300px; */
    /* height: 100%; */
    padding: 20px 0px;
  }
  
  #footer h1 {
    padding: 10px 0px;
    border-bottom: 1px dotted #8a8a8a;
    font-size: 1.1rem;
  }
  
  #footer .footer-nav , #footer .footer-nav li {
    margin: 0px;
    padding: 0px;
  }
  
  #footer .footer-nav li {
    color: #fff;
    padding: 5px 0px 5px 2px;
    font-size: 0.9rem;
  }
  
  
  #footer .footer-nav li:hover {
    background-color: #534F50;
    display: block;
    cursor: pointer;
  }
  
  #footer .footer-nav form:hover {
    background-color: #534F50;
  }
  
  
  #footer .footer-logout {
    position: absolute;
    display: inline-block;
    width: 90px;
    height: 25px;
    margin-top: 14.070px;
    border-bottom: 3px solid #818181;
    padding: 10px;
    text-align: center;
    border-radius: 4px; 
    color: white;
    background-color: #A1A1A1;
  }
  
  
  #footer .footer-logout:hover {
    background-color: #C1C1C1;
  }
  
  
  #footer a {color: #000; text-decoration:none; font-size:18px;}
  
  li{list-style: none;}
  
    .footer-social-icons #footer-facebook-photo {
      position: relative;
      bottom: 3px;
    }
  
    .footer-social-icons {
      display: flex;
    }
  
    .footer-social-icons img {
      height: 27px;
      width: 27px;
      display: inline-block;
      margin: 10px 20px 10px 0px;
      border: 0px;
    }
  
  
      #footer {
        background-color: #F5F8FA !important;
      }
  
      .footer-21 {
          background-color: #F5F8FA !important;
          color: #33475B; /* reo color */

          display: grid;
          grid-template-columns: repeat(4, 22%);
          gap: 50px;
          width: 100%;
          max-width: 1300px;
          margin: 0 auto;
          padding: 0 15px;
          box-sizing: border-box;
      }

      @media screen and (max-width: 990px) {
        .footer-21 {
          grid-template-columns: repeat(1, 100%);
        }
      }
  
      .footer-21 .footer-nav li {
          color: #33475B !important /* reo color */
      }
  
      .footer-21 .footer-nav li:hover {
          background-color: #e3e6e7 !important /* reo color */
      }
  
      .footer-21 h1 {
          color: #33475B;
      }
  
  
  
  /* ----------------------------------------------------
  General Form Styles
  ------------------------------------------------------- */
  .u-spin {
    -webkit-animation: u-spin 2s linear infinite;
    -moz-animation: u-spin 2s linear infinite;
    -o-animation: u-spin 2s linear infinite;
    animation: u-spin 2s linear infinite;
  }
  
  .form-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaeae6;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
  }
  
  
  .form-modal-box {
    width: 300px;
  }
  
  .form-modal-close {
      display: block;
      /* border: 1px solid #a2a2a2; */
      background-color: #dedede;
      margin-top: 9px;
      padding: 10px;
      border-radius: 3px;
      cursor: pointer;
  }
  
  
  .form-modal-close:hover {
      display: block;
      /* border: 1px solid #a2a2a2; */
      /* background-color: #e8e8e8; */
      background-color: #c4c4c4;
      margin-top: 9px;
      padding: 10px;
      border-radius: 3px;
      cursor: pointer;
  }
  
  
  .form-modal-box .u-spin {
    -webkit-animation: u-spin 2s linear infinite;
    -moz-animation: u-spin 2s linear infinite;
    -o-animation: u-spin 2s linear infinite;
    animation: u-spin 2s linear infinite;
  }
  
  .u-spin {
    -webkit-animation: u-spin 2s linear infinite;
    -moz-animation: u-spin 2s linear infinite;
    -o-animation: u-spin 2s linear infinite;
    animation: u-spin 2s linear infinite;
  }
  
  
  
  /* ----------------------------------------------------
                    Feedback - home.php
  ------------------------------------------------------- */
  .feedback-container {
    z-index: 20;
    position: fixed;
    height: 290px;
    width: 100px;
    background-color: #FAFAFA;
    right: 0px;
    bottom: -275px;
    padding: 15px;
  }
  
  
  .feedback-header {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    width: 300px;
    background-color: #0071BC;
    color: white;
    font-weight: bold;
    left: -15px;
    top: -15px;
    padding: 10px;
  }
  
  .feedback-header:hover {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease;
    -o-transition: 0.2s ease;
    cursor: pointer;
    background-color: #9AC7EB;
    color: #111;
  }
  
  .feedback-container p {
    margin: 0px;
  }
  
  
  .feedback-container #feedback-form input, 
  .feedback-container #feedback-form label, 
  .feedback-container #feedback-form textarea {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  
  .feedback-container #feedback-form input {
    margin-bottom: 5px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D1D1D1;
    padding: 2px 5px;
    font-size: 1.1rem;
    font-weight: 200;
  }
  
  .feedback-container #feedback-form textarea {
    resize: none;
    height: 100px;
    margin-bottom: 5px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D1D1D1;
    padding: 2px 5px;
    font-size: 1.1rem;
    font-weight: 200;
  }
  
  
  
  
  .feedback-container #feedback-form input[type='submit'], .feedback-footer input[type='button'] {
      cursor: pointer;
      font-size: 1.2em;
      background-color: #FEFEFE;
      border: 1px solid black;
      padding: 10px;
      border-radius: 4px;
   }
  
  .feedback-container #feedback-form input[type='submit']:hover, .feedback-footer input[type='button']:hover {
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      transition: 0.2s ease;
      -o-transition: 0.2s ease;
      background-color: #9AC7EB;
      color: #111;
    }
  
  .feedback-notice {
    display: none;
  }
  
    .feedback-footer {
      display: none;
    }
  
    #feedback-close {
      width: 100%;
    }
  
    .feedback-slide-up {
      -webkit-animation: f-slide-up 0.3s ease-out;
      -webkit-animation-fill-mode: forwards;
  
      -moz-animation: f-slide-up 0.3s ease-out;
      -moz-animation-fill-mode: forwards;
  
      -o-animation: f-slide-up 0.3s ease-out;
      -o-animation-fill-mode: forwards;
  
      animation: f-slide-up 0.3s ease-out;
      animation-fill-mode: forwards;
    }
  
    .feedback-slide-down {
      -webkit-animation: f-slide-down 0.3s ease-out;
      -webkit-animation-fill-mode: forwards;
  
  
      -moz-animation: f-slide-down 0.3s ease-out;
      -moz-animation-fill-mode: forwards;
  
      -o-animation: f-slide-down 0.3s ease-out;
      -o-animation-fill-mode: forwards;
  
  
      animation: f-slide-down 0.3s ease-out;
      animation-fill-mode: forwards;
    }

    /** 
    ====================================================================== 
    * Feedback Form styles
    ====================================================================== 
    **/

    .feedback-container .form-modal-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
   }
    .feedback-container .form-modal-container h1 {
      margin: 0px;
   }
    .feedback-container .form-modal-container button {
      font-size: 1rem;
      background-color: #0079c2;
      padding: 10px 20px;
      color: white;
      border: 0px solid black;
      border-radius: 5px;
      cursor: pointer;
      transition: background 0.2s ease;
   }
    .feedback-container .form-modal-container button:hover {
      transition: background 0.2s ease;
      background-color: #038bca;
   }

   .feedback-container .base-form__component_container {
    padding: 0px !important
   }

    .feedback-container .base-form__component_container .form__input-group label {
      position: relative;
      display: block;
      margin: 0px 0px 6px 0px;
      font-size: 16px;
   }
    .feedback-container .base-form__component_container .form__input-group input, .feedback-container .base-form__component_container .form__input-group select, .feedback-container .base-form__component_container .form__input-group textarea {
      width: 100%;
      position: relative;
      display: block;
      border-radius: 4px;
      border: 1px solid #d1d1d1;
      padding: 6px 10px;
      font-size: 1.1rem;
      font-weight: 200;
      box-sizing: border-box;
   }
   .feedback-container .base-form__component_container .form__input-group textarea {
    resize: none;
    height: 80px;
   }
    .feedback-container .form__submit-section {
      display: flex;
      gap: 5px;
      align-items: center;
      justify-content: flex-start;
   }
    .feedback-container .form__submit-section .form-submit-button {
      font-size: 1rem;
      background-color: #0079c2;
      padding: 10px 20px;
      color: white;
      border: 0px solid black;
      border-radius: 5px;
      cursor: pointer;
      transition: background 0.2s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      margin-top: 10px;
   }
    .feedback-container .form__submit-section .form-submit-button:hover {
      transition: background 0.2s ease;
      background-color: #038bca;
   }
    .feedback-container .form-submit-button path {
      fill: white;
   }
    .feedback-container .form__submit-section .icon-component-container {
      width: 1rem;
   }
    
  
  /* ---------------------------------------------------- 
        Helpdesk & How-tos page - Helpdesk.php 
  ------------------------------------------------------- */
  
  /* Shared Styles between Support Ticket and How tos */
  .oneplace-form-wrapper, .helpdesk-how-to {
      display: block;
      max-width: 760px;
      margin: 0px auto;
      padding-bottom: 18.720px;
    }
  
    .oneplace-form-wrapper h3 {
      margin: 0px;
      padding: 18.720px 0px;
    }
  
  .oneplace-form-wrapper .row, 
  .helpdesk-how-to .row {margin-top: 20px;}
  
    .helpdesk-well {
      position: relative;
      background-color: #F1F1F1; 
    }
  
  
  
  /* -------------------------------------------------------
                  Parsley Valudation Styles
  ---------------------------------------------------------- */
  
  .parsley-error {
   
    border-color: red;
  }
  
  .parsley-error:focus {
    outline: none;
  }
  
  .parsley-success {
    outline: none;
  }
  
  
  
  .-alert-message {
    display: none;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  
  .form-alert-message.form-alert-valid {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  
  .form-alert-message.form-alert-invalid {
    color: #8a6d3b;
    background-color: #fcf8e3;
    /*border-color: #faebcc;*/
  }
  
  .fa.fa-check-circle {
    position: relative;
    /*right: 0px;*/
    /*z-index: 10;*/
    /*color:green;*/
    color: #72bb72;
  }
  
  .fa.fa-exclamation-circle {
    /*position: absolute;*/
    /*right: 0px;*/
    /*z-index: 10;*/
    color: #ff7373;
    /*color: #ff7676;*/
  
  }
  
  
  /* ----------------------------------
      Email_alias.php
   ------------------------------------ */
  
    .alias-request-form {
      
    }
  
  /* ------------------------------------------------------------------------
      Urgent Add Form - urgent_add.php 
  ------------------------------------------------------------------------ */
    .urgent-add-form h4 {
      background-color: #f5f5f5;
      /* color: white; */
      font-weight: 100;
      /* padding: 10px; */
      margin-top: 18.720px;
      font-size: 1rem;
      /* border: 1px solid black; */
      box-sizing: border-box;
      padding: 10px;
    }
  
    .urgent-add-form h4 span {
      /* color:  #b94848; */
      color: #ea2e2e;
    }
  
  
  /* ------------------------------------------------------------------------
      Agent Change form - agent_change.php 
  ------------------------------------------------------------------------ */
    .agent-change-form h3 {
  
    }
  
  
  /*    Support Ticket Section 
   ------------------------------------ */
  
    .oneplace-form-wrapper label{
      position: relative;
      display: block;
      margin: 0px 0px 6px 0px;
    }
  
  
    /* .oneplace-form-wrapper input:not([type="submit"]):not([type="button"]), */
    .oneplace-form-wrapper input:not([type="submit"]),
    .oneplace-form-wrapper select,
    .oneplace-form-wrapper textarea {
      width: 100%;
      position: relative;
      border-radius: 4px;
      border: 1px solid #D1D1D1;
      padding: 6px 10px;
      font-size: 1.1rem;
      font-weight: 200;
      box-sizing: border-box;
    }
    .oneplace-form-wrapper select {box-sizing: border-box;}
  
  
    .form-comission p {
      color: white;
      background-color:#007AC2;
    }
  
    .helpdesk-submit-button {
      cursor: pointer;
      font-size: 1rem;
      background-color: #FEFEFE;
      border: 1px solid #d1d1d1;
      /*padding: 18px 40px;*/
      padding: 10px 20px;
      border-radius: 4px;
    }
  
  
    .helpdesk-submit-button:disabled {
      cursor: pointer;
      font-size: 1.2em;
      background-color: #dedede;
      border: 1px solid black;
      /*padding: 18px 40px;*/
      padding: 10px 20px;
    }
  
    .helpdesk-submit-button:hover {
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      transition: 0.2s ease;
      -o-transition: 0.2s ease;
      background-color: #0071BC;
      color: #FEFEFE;
    }
  
  
    .helpdesk-submit-button:hover:disabled {
      background-color: #fefefe;
    }
  
  /*
    # How to Section #
  */
  .helpdesk-how-to
   {
    padding: 20px 0px 10px 0px;
  }
  
  .helpdesk-how-to p {font-size: 15px;}
  
  .helpdesk-how-to a:hover h3 {
    text-decoration: underline;
    color: red;
  }
  
  
  /* ------------------------------------------------------------------------
      Listing/Buyer Referral - listing_referral.php / buyer_referral.php 
  ------------------------------------------------------------------------ */
  
  .referralFormMainHeading {
    padding: 20px 30px !important;
  }
  
  
  .msform-fieldset {
    width: 100%;
    display: inline-block;
    /*position: absolute;*/
    box-sizing: border-box;
    border: 0px;
  }
  
  /*.msform-fieldset.msform-active {
    delete this
    display: inline;
  
  }*/
  
  .referralFormApp .oneplace-form-wrapper label {
    color: #6c6c6c;
  }

  .center-text {
    text-align: center;
  }
  
  .listing-referral-form {
    position: relative;
  /*  min-height: 970px;  compatibility 
    min-height: 100vh;*/
  }
  
  .buyer-referral-form {
    position: relative;
  /*  min-height: 1070px;  compatibility 
    min-height: 100vh;*/
  }
  
  
  .referral-select-container {
      /*background-color: #122C3C;*/
      /*padding: 9px 20px 20px 20px;*/
  }
  
  
  .msform-progress-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border-bottom: 1px solid #adadad; */
    padding: 0px 30px 0px 30px;
  }
  
  .form-progress-separator {
    flex-grow: 1;
    height: 2px;
    background-color: gray;
    /* width: 100%; */
    padding: 0px 10px;
  }
  
  .progress-page-button {
    border: 1px solid black;
    border-radius: 0px;
    padding: 5px;
    border-radius: 2px;
    flex-grow: 0;
    width: 30%;
    text-align: center;
  }
  
  .msform-progress-container .button-selected {
      background-color: #add5ff;
      /*border: 1px solid #FF5849;*/
  }
  
  
  .msform-next, .msform-prev {
      cursor: pointer;
      font-size: 1.2em;
      background-color: #FEFEFE;
      border: 1px solid black;
      /*padding: 18px 40px;*/
      padding: 10px 20px;
  }
  
  .msform-next:hover, .msform-prev:hover {
      -webkit-transition: 0.2s ease;
      -moz-transition: 0.2s ease;
      transition: 0.2s ease;
      -o-transition: 0.2s ease;
      background-color: #0071BC;
      color: #FEFEFE;
  }
  
  
  .msform-fieldset input[type="radio"] {
      display:none;
  }
  .msform-fieldset input[type="radio"] + label {
      color: #292321;
  }
  .msform-fieldset input[type="radio"] + label span {
      display:inline-block;
      width:19px;
      height:19px;
      margin:-1px 4px 0 0;
      vertical-align:middle;
      cursor:pointer;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 5px solid #C2CBCE;
      box-sizing: border-box;
  }
  
  
  .msform-fieldset input[type="radio"] + label span {
       /*background-color:#C2CBCE;*/
       background-color:#FFFFFA;
  }
  
  .msform-fieldset input[type="radio"]:checked + label span{
       background-color:white;
       /*border-color:#81A8B8;*/
       border-color:#008bc3;
  }
  
  .msform-fieldset input[type="radio"] + label span,
  .msform-fieldset input[type="radio"]:checked + label span {
    -webkit-transition:background-color 0.2s linear;
    -o-transition:background-color 0.2s linear;
    -moz-transition:background-color 0.2s linear;
    transition:background-color 0.2s linear;
  }
  
  .form-alert--error-message {
    margin-top: 10px;
  }
  
  .form-alert--error-message span {
    font-size: 0.8rem;
    color: #e80000;
    font-weight: bold;
  }
  
  
  
  
  .referral-notice-well {  }
  
  .referral-notice-well .row {
    margin: 0px 0px 0px 0px;
    padding-bottom: 8px;
  }
  
  
  .referral-notice-well i {
      font-size: 36px;
      float: left;
      padding: 4px 10px 5px 0px;
  
  }
  
  .referral-notice-well p {
    font-size: 0.707rem;
    margin: 0px;
    padding: 30px 0px;
  }
  
  
  /* Custom Select Box */
  .custom-select {
    position: relative;
    display: block;
    /* max-width: 400px; */
    /* min-width: 180px; */
    margin: 0 auto;
    border: 1px solid #1f1f1f;
    background-color: #ffffff;
    /* z-index: 10; */
    border-radius: 5px;
  }
  
  .custom-select .fa { 
    display: none;
  }
  
  
  
  .custom-select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    display: block;
    width: 100%;
    padding: 12px 55px 15px 15px;
    font-size: 14px;
    font-weight: bold;
    /* color: #ff3232; */
    /*color: #714BB9;*/
  }
  /*.custom-select:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    line-height: 38px;
    content: "∨";
    text-align: center;
    color: #714BB9;
    font-size: 24px;
    border-left: 1px solid #3C1C78;
    z-index: -1;
  }*/
  
  
  
  
  /* ------------------------------------------------------------------------
                      Referral Hub Page - referrals_page.php
  ------------------------------------------------------------------------ */
  
  
    .features-boxed *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  
    .features-boxed .row {
        margin-right: -15px;
        margin-left: -15px;
    }
  
    .photo-gallery *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  
    .photo-gallery .row {
        margin-right: -15px;
        margin-left: -15px;
    }
  
  
  /* ---------------------------------------------------------
              Activity Stats - activity_stats.php
  ------------------------------------------------------------ */
  
  .activity-stats-table {
  /*  border-bottom: 1px solid black;*/
    margin-bottom: 50px;
  }
  
  .activity-stats-table h3 {
    color: #FC354C;
    text-align: center;
    font-weight: bold;
  }
  
  .activity-stats-table-header, 
  .activity-stats-table-items {
    padding: 10px;
  }
  
  .activity-stats-table-header {
    background-color: #0071BC;
    color: white;
  }
  
  .activity-stats-table-items:nth-child(odd) {
    background-color: #E6E8E3;
  }
  
  /* -------------------------------------------------------
    Comssion Verification - comm_verification.php
  ---------------------------------------------------------- */
  
    .form-comission-verification {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
    }
  
    .form-comission-verification input:not([type="submit"]):not([type="button"]),
    .form-comission-verification select,
    .form-comission-verification textarea {
  
      box-sizing: border-box;
  
    }
  
    /* Custom Radio Button */
    .form-comission-verification [type="radio"] {
      display: none;
    }
  
    .form-comission-verification [type="radio"]:not(:checked) + label {
      content: "";
      position: relative;
      width: 100px;
      display: inline-block;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background-image: none;
      border-radius: 4px;
      border: 1px solid black;
  }
    
    .form-comission-verification [type="radio"]:checked + label {
      content: "";
      position: relative;
      width: 100px;
      display: inline-block;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background-image: none;
      border-radius: 4px;
      color: #fff;
      background-color: #3071a9;
      border-color: #285e8e;
      border: 1px solid black;
    }
  
    .form-comission-verification h4 {
      color: white;
      background-color:#007AC2;
      padding: 10px;
      box-sizing: border-box;
      margin: 10px 0px;
    }
  
    .form-comission-verification fieldset {
      border: 0;
      border-bottom: 5px solid gray;
      padding: 0px 0px 30px 0px;
    }
  
    .form-comission-verification span small {
      font-size: 0.70rem;
      color: gray;
      letter-spacing: 0.05rem;
    }
  
    .no_margins {
      margin: 0
    }
  
    #fileToUpload {
      border: 0px;
      padding: 10px 0px;  
    }
  
  
    /* -------------------------------------------------------
    Direct Deposit Form  - comm_verification.php
  ---------------------------------------------------------- */
  
  .form-direct-deposit {}
  
  
  .form-direct-deposit .text-input-group {
    position: relative;
    box-sizing: border-box;
    display:block;
    border: 1px solid black;
    height: 100%;
  }
  
  .form-direct-deposit .radio-input-group {}
  
  .form-direct-deposit .text-input-group {}
  
  .test {
    background-color: #f5f5f5;
    /* color: white; */
    font-weight: 100;
    /* padding: 10px; */
    margin-top: 18.720px;
    font-size: 1rem;
    /* border: 1px solid black; */
    box-sizing: border-box;
    padding: 10px;
    color: #b94848;
  }
  
  
  .form-direct-deposit .text-input-group input[type='text'] {
    height: 100%;
    padding-top:30px;
    border: 0px solid grey !important;
  }
  
  .form-direct-deposit input[type='radio'] {
    width: unset !important;
  }
  
  .form-direct-deposit input[type='radio'] + label {
    display: inline !important;
  }
  
  .form-direct-deposit .text-input-group label {
    color: #6c6c6c;
    position: absolute;
    font-size: 14px;
    left: 10px;
    top: 10px;
  }
  
  .form-direct-deposit .radio-input-group label {
    color: #6c6c6c;
    position: absolute;
    font-size: 14px;
  }
  
  .form-direct-deposit .text-input-group label > span {
    color:red;
  }
  
  .form-direct-deposit .text-input-group span {
    right: 0;
    top: 35%;
  }
  
  
  .form-direct-deposit .direct-deposit-notice {
  
  }
  
  .form-direct-deposit fieldset {
    border: 1px solid #d0d0d0;
  }
  
  
  
  .form-direct-deposit #agree_to_terms_section_b {
    width: unset !important;
  }
  
  .form-direct-deposit .dd_agree_label {
    width: unset !important;
    display: inline !important;
  }
  
  /* ---------------- Validation ------------ */
  
  /* .form-direct-deposit .fa.fa-exclamation-circle {
    display: none;
  }
  
  .form-direct-deposit input.ng-dirty.ng-invalid:not(.ng-untouched) + label > span {
    border-color: red;
    color:red;
    display: inline;
  }
  
  form.ng-submitted input.ng-invalid + label > span {
      border-color:red;
      color:red;
      display: inline;
  } */
  
  
  /* -------------------------------------------------------
    Comission Check Request - comm_check_request_05132015.php
  ---------------------------------------------------------- */
  
    .form-check-request input:not([type="submit"]):not([type="button"]),
    .form-check-request select,
    .form-check-request textarea {
  
      box-sizing: border-box;
    }
  
    /* Custom Radio Button */
    .form-check-request [type="radio"] {
      display: none;
    }
  
    .form-check-request [type="radio"]:not(:checked) + label {
      content: "";
      position: relative;
      width: 100px;
      display: inline-block;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background-image: none;
      border-radius: 4px;
      border: 1px solid black;
  }
    
    .form-check-request [type="radio"]:checked + label {
      content: "";
      position: relative;
      width: 100px;
      display: inline-block;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background-image: none;
      border-radius: 4px;
      color: #fff;
      background-color: #3071a9;
      border-color: #285e8e;
      border: 1px solid black;
    }
  
  /* -------------------------------------------------------
              Do Not Call - do_not_call.php
  ---------------------------------------------------------- */
  
  .dnc-container .row {
    margin-bottom: 20px;
  }
  
  .dnc-left-side, .dnc-right-side {
    background-color: #F9F9F9;
    padding: 0px 20px;
    border-radius: 5px;
  }
  
  .dnc-container input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #D1D1D1;
    padding: 6px 10px;
    font-size: 1.1rem;
    font-weight: 200;
  }
  
  .dnc-container label {
    display: block;
  }
  
  .dnc-submit-button {
    width: 100%;
    cursor: pointer;
    font-size: 1.2em;
    background-color: #FEFEFE;
    border: 1px solid black;
    padding: 10px 20px;
  }
  
  .dnc-submit-button:hover {
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    transition: 0.2s ease;
    -o-transition: 0.2s ease;
    background-color: #121212;
    color: #FEFEFE;
  }
  
  .dnc-alert, .dnc-success {
    position: relative;
    width: 500px;
    padding: 10px;
    margin: auto;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
  }
  
  .dnc-alert { background-color: #FF003C; }
  
  .dnc-success { background-color: #00C176; }
  
  .dnc-yesbox {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    line-height: 2;
    padding: 10px;
    margin: auto;
    background-color: #00C176;
    color: #fff;
    text-align: center;
  }
  
  .dnc-nobox {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    line-height: 2;
    padding: 10px;
    margin: auto;
    background-color: #FF003C;
    color: #fff;
    text-align: center;
  }
  
  /* Honeypot field */
  .h-number {
    display: none;
  }
  /*----END----*/
  
  
  /* -------------------------------------------------------
              Excite - Excite_05132015.php
  ---------------------------------------------------------- */
  
  
  
  
  .excite-section {  }
  
  .excite-section-header {
    text-transform: uppercase;
  }
  
  .excite-section-body {
    width: 620px;
    text-align: left;
    padding: 20px 0px 100px 0px;
  }
  
  .excite-section p {
    line-height: 1.5;
    margin-bottom: 1.3em; 
    color: #6c6c6c;
  }
  
  .excite-section h1, 
  .excite-section h2, 
  .excite-section h3, 
  .excite-section h4 {
    margin: 1.414em 0 0.5em;
    font-weight: inherit;
    line-height: 1.2;
    text-align: center; 
  }
  
  .excite-section h1 {
    margin-top: 0;
    font-size: 3.157em;
    color: #151515;
  }
  
  .excite-section h1:hover {
    text-decoration: underline;
  }
  
  .excite-section h2 {font-size: 2.369em;}
  
  .excite-section h3 {font-size: 1.777em;}
  
  
  #excite-resource-list {
    position: relative;
    top:25px;
    width: 210px;
  }
  
  
  #excite-resource-list li {
    width: 170px;
    display: block;
  }
  
  .excite-video {
    display: block;
    padding: 40px;
    background-color: black;
  }
  
  #excite-image {
    padding-bottom: 35px;
    padding-top: 85px;
  }
  
  /* -------------------------------------------------------
                      adp_download_files
  ---------------------------------------------------------- */
  
  .adp-docs-contain h2 {
    margin-bottom: 20px;
  }
  
  .adp-download-docs-container {
    border: 1px solid rgb(220,220,220);
    padding: 20px 30px;
    margin-bottom: 20px;
  }
  
  .adp-download-docs-container h4 {
    margin-bottom: 15px;
  }
  
  .adp-download-docs-link {
    margin-bottom:10px;
    padding:10px 20px;
    background-color:rgb(245,245,245);
  }
  
  .adp-download-docs-link i {
    margin-right:8px;
    font-size:1rem;
  }
  
  .adp-download-docs-link a {
    color:#6c6c6c;
    font-size:1rem;
  }
  
  
  
  /* -------------------------------------------------------
                  Parsley Valudation Styles
  ---------------------------------------------------------- */
  
  .parsley-error {
   
    border-color: red;
  }
  
  .parsley-error:focus {
    outline: none;
  }
  
  .parsley-success {
    outline: none;
  }
  
  .form-alert-message {
    display: none;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  
  .form-alert-message.form-alert-valid {
      color: #00B233;
      background-color: transparent;
      border-color: transparent;
      text-align: center;
  }
  
  .form-alert-message.form-alert-invalid {
      color: #ff1414;
      background-color: #ffffff;
      /* border-color: #383838; */
      text-align: center;
  }
  
  .fa.fa-check-circle {
    /*position: absolute;
    right: 30px;
    top: 38px;
    z-index: 10;
    color: green;*/
  
    position: relative;
    /*right: 0px;*/
    /*z-index: 10;*/
    /*color:green;*/
    color: #72bb72;
  }
  
  .fa.fa-exclamation-circle {
  /*  position: absolute;
    right: 30px;
    top: 38px;
    z-index: 10;
    color: red;*/
    /*right: 0px;*/
    /*z-index: 10;*/
    position: relative;
    color: #ff7373;
    /*color: #ff7676;*/
  
  }
  
  /* Send Email Message send_email.php
  ===================================== */
  .message-success-wrapper {
    width: 400px;
    padding: 20px;
    background-color: #E6E8E3;
    border: 1px solid #D7DACF;
  }
  
  .message-success-wrapper h1, 
  .message-success-wrapper h1 img {
    display: block;
    width: 100%;
  }
  
  .message-success-wrapper h1 {
    color: #00C176;
    text-align: center;
  }
  
  
  /* -------------------------------
              Utility Classes
     ------------------------------- */
  
  .clearfix::after {
    content: "";
    display: table;
    clear: both;
  }
  
  /*      Animations 
  ============================= */
  
  @-webkit-keyframes slide-in-bottom {
      0% {top: 100%;}
      100% {top: 0;}
  }
  
  @-moz-keyframes slide-in-bottom {
      0% {top: 100%;}
      100% {top: 0;}
  }
  
  @-o-keyframes slide-in-bottom {
      0% {top: 100%;}
      100% {top: 0;}
  }
  
  @keyframes slide-in-bottom {
      0% {top: 100%;}
      100% {top: 0;}
  }
  
  @-webkit-keyframes slide-out-bottom {
      0% {top: 0;}
      100% {top: 100%;}
  } 
  
  @-moz-keyframes slide-out-bottom {
      0% {top: 0;}
      100% {top: 100%;}
  } 
  
  @-o-keyframes slide-out-bottom {
      0% {top: 0;}
      100% {top: 100%;}
  } 
  
  @keyframes slide-out-bottom {
      0% {top: 0;}
      100% {top: 100%;}
  } 
  
  /*   Feedback Animations 
  ============================= */
  
  @-webkit-keyframes f-slide-up {
      0% {bottom: -275px; }
      100% {bottom: 0; width: 270px;}
  }
  
  @-moz-keyframes f-slide-up {
      0% {bottom: -275px; }
      100% {bottom: 0; width: 270px;}
  }
  
  
  @-o-keyframes f-slide-up {
      0% {bottom: -275px; }
      100% {bottom: 0; width: 270px;}
  }
  
  
  @keyframes f-slide-up {
      0% {bottom: -275px; }
      100% {bottom: 0; width: 270px;}
  }
  
  @-webkit-keyframes f-slide-down {
      0% { bottom: 0; width: 270px; }
      100% { bottom: -275px; width: 100px;}
  }
  
  @-moz-keyframes f-slide-down {
      0% { bottom: 0; width: 270px; }
      100% { bottom: -275px; width: 100px;}
  }
  
  @-o-keyframes f-slide-down {
      0% { bottom: 0; width: 270px; }
      100% { bottom: -275px; width: 100px;}
  }
  
  @keyframes f-slide-down {
      0% { bottom: 0; width: 270px; }
      100% { bottom: -275px; width: 100px;}
  }
  
  
  /* ------------------------------------------------ 
                      Media Queries
  ---------------------------------------------------  */
  
  
  @media screen and ( max-width: 1200px ) {
  
  /* Top Header and Navigation Styles (1100px)
   ----------------------------------------- */
  
  /*  #img_links {
      display: none;
    }
  
    #top_nav_control {
      display: none;
    }
  
    #search {
      display: none;
    }*/
  
  }
  
  /* @media screen and ( max-width: 1150px ) {
    #one_place_logo_home {
      width: 370px;
      height: 63px;
      top: 10px;
      padding-bottom: 32px !important;
      -webkit-box-sizing: initial;
    } 
  } */
  
  
  @media screen and ( max-width: 1100px ) {
  
  /* Top Header and Navigation Styles (1100px)
   ----------------------------------------- */
  
  /*  #img_links {
      display: none;
    }
  
    #top_nav_control {
      display: none;
    }
  
    #search {
      display: none;
    }*/
  
    #video {
        display: block;
        width: 475px;
        margin: 0px auto;
    }
  
  
  
  
    #one_place_logo_home {
      width: 370px;
      height: 63px;
      top: 10px;
      padding-bottom: 32px !important;
      -webkit-box-sizing: initial;
    } 
  
    #top_header {
      height: initial;
      padding: 10px 0px;
    }
  
  } /* media query 1100px end */
  
  
  
  
  /* Show mobile styles at this breakpoint */
  @media screen and ( max-width: 990px ) {
  
    .mobile-nav-menu-container {
      display: block;
    }
  
    #one_place_logo_home {
      width: 370px;
      height: 63px;
      top: 0px;
      padding-bottom: 0px;
      -webkit-box-sizing: initial;
    }
  
      #img_links {
      display: none;
    }
  
    #top_nav_control {
      display: none;
    }
  
    #search {
      display: none;
    }
  
  
    .menu-open-button {
      display: flex;
      /* float: right; */
      cursor: pointer;
      position: absolute;
      right: 0;
      display: inline-block;
      align-items: center;
      justify-content: flex-end;
      height: 100%;
      width: 80px;
      box-sizing: border-box;
      text-align: center;
    }
  
    .menu-open-button i { 
      color: white;
      top: 20px;
      position: relative;
    }
  
  
    .feedback-container {
      display: none;
    }
  
  
  /* Oneplace Forms
  ---------------------------- */
  .oneplace-form-wrapper h3 {
      margin: 0px;
      /* padding: 18.720px 15px; */
    }
  
  .helpdesk-how-to h1 {
      padding: 0px 11px;
    }
  
  /* Header Section (990px)
  ---------------------------- */
  .quick-links__column {
    margin-left: 0px !important;
  }
  
  
  
  
    /*  Market Update Video (990px)
  ------------------------------------ */
    .market_update_video {
      width: 100% !important;
      border-bottom: 2px dotted black;
      padding: 0px 0px 15px 0px;
      min-height: initial;
    }
  
  
    /*      In the know (990px)
  ------------------------------------ */
    .in_the_know_feed {
      width: 100% !important;
      margin: 0px;
    }
  
    .gn_blog_container {
      margin-bottom: 2.2rem;
    }
  
    /*     Market Yourself Section (990px)
  ----------------------------------------------- */
    .market_header--header h2 {
      font-size: 1.956rem !important;
  
    }
  
  
    .stuff-list-header {
      padding: 5px 2px;
    }
  
  
    a#sd-header:hover {
      background-color: #E1E1E1;
    }
  
    .market_yourself_section {
      width: 100% !important;
      margin: 0px;
    }
  
    .market_yourself_row {
      overflow: visible;
    }
  
    #market_yourself {
      padding: 0px;
      border: 0px solid black;
    }
  
    .market_header--call-to-action {
      display: none;
    }
  
    .market_header.m_header_one {
      width: 100% !important;
    }
  
    .market_header.m_header_two {
      display: none;
    }
  
   /*     Stuff For Listings/Transaction Tool Section (990px)
  ------------------------------------------------------------ */
  
    .transaction_tool_section {
      width: 100% !important;
    }
  
    .transaction_tool_section .left_col {
      width: 48% !important;
    }
  
    .transaction_tool_section .right_col {
      width: 48% !important;
  
    }
  
    #stuff .right_col ul li {
      padding: 5px 2px;
    }
  
    #stuff .left_col ul li {
      padding: 5px 2px;
    }
  
  
   .stuff-list-header:after, .active:after {
      top: 5px;
    }
  
    .expand-list.active:after {
      top: -1px;
    }
  
    #stuff ul ul li, #market_yourself ul ul li {
      padding: 5px 0px;
    }
  
  
   /*     Footer Section (990px)
  ------------------------------------------------------------ */
  
    .footer-support-column,
    .footer-report-column,
    .footer-manager-column,
    .footer-misc-column,
    .footer-logout-column {
      width: 100% !important;
      margin-left: 0px !important;
    }
  
    .footer-support-column h1,
    .footer-report-column h1,
    .footer-manager-column h1,
    .footer-misc-column h1,
    .footer-logout-column h1 {
      border-bottom: 0px solid black !important;
      font-size: 1.563rem !important;
    }
  
  
  
   /*     Pledge Form Section (990px)
  ---------------------------------------------------- */
  
  
  } /* ------- Media Query 990px End ---------- */
  
  
  
  
  @media screen and ( max-width: 840px ) {
    .login-page__left-column {
      display: none;
    }
  
    .login-page__right-column {
      width: 100% !important;
      margin: 0px !important;
      box-sizing: border-box;
    }
  
  }
  
  
  @media screen and ( max-width: 790px ) {
    .market_header--description {
      display: none;
    }
  
  
    .pledge-main-column {
      width: 100% !important;
      margin: 0px;
    }
  
  }
  
  @media screen and ( max-width: 768px ) {
  
  
  }
  
  
  
  @media screen and ( max-width: 640px ) {
    
    #one_place_logo_home {
      width: 270px;
      height: 51px;
      -webkit-box-sizing: initial;
    }
  
  
    .menu-open-button i { 
      top: 13px;
      position: relative;
    }
  
    .referral-form-buttons {
      width: 100% !important;
    }
  
  
    /* do_not_call.php (640px) 
    ----------------------------- */
  
    .dnc-left-side {
      margin-left: 0px;
      width: 100% !important;
    }
  
    .dnc-right-side {
      width: 100% !important;
      margin-left: 0px;
      margin-top: 10px;
    }
  
  
    /* Helpdesk & How-tos page - Helpdesk.php (640px)  
    ------------------------------------------------------ */
  
    .quick-guides-link {
      width: 100% !important;
      margin: 0px !important;
    }
  
  
    /* email_alias.php (640px)
    ------------------------------------ */
  
    .alias-request-column {
      width: 100% !important;
      margin-left: 0px !important;
      margin-top: 10px;
    }
  
  
    /* pledge drive (640px)
    --------------------------------- */
    .pledge-form-description__left-col {
      width: 100% !important;
    }
  
    .pledge-form-description__right-col {
      width: 100% !important;
      margin: 0px !important;
    }
  
    .pledge-form-description h1 {
      text-align: left;
    }
  
  
  }
  
  
  
  
  @media screen and ( max-width: 554px ) {
  
    #video {
      width: 100% !important;
    }
  
    #video iframe {
      position: relative;
      left: 0px;
    }
  
    .activity-stats-table {
      font-size: 0.7rem;
    }
  
  
  }
  
  
  @media screen and ( max-width: 480px ) {
  
    .quick-links__column {
      width: 100% !important;
    }
  
    .oneplace-login__container {
      width: 100%;
      padding: 0px 10px;
      box-sizing: border-box;
    }
  
  }
  
  
    /* override style
    ------------------------------------ */