@font-face {
    font-family: 'HelveticaNeueLTStd-BdCn';
    src: url('fonts/HelveticaNeueLTStd-BdCn.eot'); /* IE9 Compat Modes */
    src: url('fonts/HelveticaNeueLTStd-BdCn-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/HelveticaNeueLTStd-BdCn.woff.txt') format('woff'), /* Modern Browsers */
         url('fonts/HelveticaNeueLTStd-BdCn.otf.txt'),
         url('fonts/HelveticaNeueLTStd-BdCn.ttf.txt') format('truetype'), /* Safari, Android, iOS */
         url('fonts/HelveticaNeueLTStd-BdCn.svg.txt#svgFontName') format('svg'), /* Legacy iOS */
         local("HelveticaNeueLTStd-BdCn"), url("fonts/HelveticaNeueLTStd-BdCn.ttf.txt");  /* Localhost Firefox Fix */
  }
  
  /******************************************/
  /* DEFAULT SETTINGS ARE FOR LARGE SCREENS */
  /******************************************/
  
  /* CANVASES AND MAIN */
  html, 
  body,
  .row,
  .row .main-content,
  .google-map {
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
  }
  
  .off-canvas-wrap {
      height: calc(100% - 4.9375rem);
      min-height: 0 !important;
  }
  
  .main-content {
      height: calc(100% - 3rem);
  }
  
  .google-map,
  .map_canvas,
  .inner-wrap {
      height: 100%;
  }
  /* END CANVASES AND MAIN */
  
  /* TOP HEADER */
  .fbi-header {
      background-color: #eaeaea; 
      border-bottom: 0.68699rem solid #1a1b61;
  }
  
  .fbi-title-container,
  .fbi-title,
  .fbi-full-title {
      float: left;
      height: 4.25rem;
      line-height: 4.25rem;
  }
  
  .fbi-title {
      margin: 0 0.9375rem 0 0;
  }
  
      .fbi-title a {
          color: #b71111; 
          font-family: 'HelveticaNeueLTStd-BdCn'; 
          font-size: 3.313rem;
      }
      
  .fbi-full-title {
      margin-bottom: 0;
  }
  
      .fbi-full-title a {
          color: #1b1464; 
          font-family: 'aleobold'; 
          font-size: 1.6875rem; 
      }
      
  .fi-social-twitter {
    background-color: #00ABE2;
  }
  .fi-social-facebook {
    background-color: #3B5998;
  }
  .fi-mail {
    background-color: #f15A24;
  }
      
  ul#social-icons {
      list-style-type: none;
      margin: 0;
      float: right;
      width: 15rem;
      height: 4.25rem;
  }
  
      ul#social-icons > li {
          float:left;
      }
  
          ul#social-icons > li > a {
              color: white;
              display: block;
              opacity: 1;
              text-align: center;
              font-size: 2.5rem;
              transition: opacity 0.25s ease-in-out 0s;
              width: 5rem;
              height: 4.25rem;
              padding: 0.1875rem;
          }
  
              ul#social-icons > li > a:hover {
                  opacity: 0.8;
              } 
  /* END TOP HEADER */
  
  /* BOTTOM HEADER */  
  .top-bar-section,
  .top-bar-section .title-area *,
  .top-bar-section > ul > .divider,
  .top-bar-section .has-form {
      height: 3rem !important;
  }
  
  .row.collapse.search-form {
      width: 34.0625rem;
  }
  
  .left .button.expand {
      font-size: 0.8125rem;
  }
  
  .top-bar-section > ul > li > a.button:hover {
      background-color: #007095;
  }
  /* END BOTTOM HEADER */
  
  /* OFF CANVAS MENU */
  #filter-info {
      height: 1.75rem;
      line-height: 1.75rem;
      margin: 0.625rem 0.3125rem;
      padding: 0 0.625rem;
      font-size: 1rem;
  }
  
  .checkbox-filters p {
      font-size: 0.875rem; 
      font-weight: bold; 
      color: white; 
      margin: 0.625rem;
  }
  
      .checkbox-filters p.title {
          font-size: 1rem;  
      }
      
  .checkbox-filters .button, 
  .checkbox-filters > hr {
      margin: 0;
  }
      
  .checkbox-filters > label {
      color: #EAEAEA;
      margin: 0.5rem 0.625rem 0.1875rem 0.625rem;
  }
      
  .checkbox-filters .SlectBox > label {
      margin: 0.625rem 0 0.625rem 0.9375rem;
  }
  
  .SumoSelect {
      width: 13.3125rem;
      margin: 0 0.625rem;
  }
  
      .SumoSelect > .CaptionCont > span,
      .SumoSelect > .CaptionCont > span.placeholder {
          color: #696969;
          font-weight: normal;
          font-style: inherit;
      }
      
      .SumoSelect .SlectBox {
          width: 12.1875rem;
      }
      
      .SumoSelect > .optWrapper {
          border: 0 !important;
          box-shadow: none;
      }
      
          .SumoSelect > .optWrapper > .options > li label {
              color: black;
              padding: 0;
              margin: 0.3125rem;
          }
  /* END OFF CANVAS MENU */
  
  /* LEGEND */
  #legend {
      background-color: #B3D1FF;
      height: 10.75rem;
      width: 9.375rem;
      border: 0.125rem solid black;
      margin-right: 0.9375rem;
      bottom: 1.875rem !important;
  }
  
      #legend div {
          width: 0.625rem;
          height: 0.625rem;
          float: left;
          margin: 0 0.1875rem 0 0.3125rem;
          border: 0.0625rem solid black;
      }

      #legend #cluster {
          background-image: url("../img/cluster.png");
          height: 13px;
          width: 13px;
          background-size: cover;
          border: none;
      }
      
      #legend h6 {
          text-align: center;
          text-decoration: underline;
      }
  
      #legend #city {
          background-color: #E72828;
      }
  
      #legend #metro-county {
          background-color: #7E55FC;
      }
  
      #legend #nonmetro-county {
          background-color: #FCF357;
      }
  
      #legend #university-college {
          background-color: #FF9B00;
      }
  
      #legend #state-police {
          background-color: #5781FC;
      }
  	
  	  #legend #tribal {
          background-color: #5FCCF5;
      }
      
      #legend #other {
          background-color: #00E13C;
      }
  /* END LEGEND */
  
  /* MEDIUM SCREENS - Min Width 641px - Max Width 1024px */
  @media only screen and (min-width: 40.0625rem) and (max-width: 64rem) {
      .row.collapse.search-form {
          width: 100%;
          padding: 0.625rem;
      }
  
      #search2,
      .postfix.search-btn {
          height: 2.625rem;
          margin: 0;
      }
      
      .main-content {
          height: calc(100% - 6.875rem) !important;
      }
  }
  /* END OF MEDIUM SCREENS */
  
  /* SMALL SCREENS - Max Width 640px */
  @media only screen and (max-width: 40rem) {
      
      .fbi-header {
          border-bottom: none;
      }
      
      .fbi-title-container {
          border-bottom: 0.68699em solid #1a1b61;
          padding-top: 5px;
      }
      
      .fbi-title {
          text-align: center;
          float: none;
          margin: 0;
      }
      
          .fbi-title a {
              line-height: 3.75rem;
          }
      
      ul#social-icons {
          width: 15rem;
          margin: 0 auto;
          float: none;
      }
      
      .off-canvas-wrap {
          height: calc(100% - 8.5rem); 
      }
      
      .top-bar .name h1 a,
      .top-bar .left,
      .top-bar .right {
          display: inline-block;
          width: auto;
          height: 3rem;
      }
      
      .top-bar .name h1 a:hover {
          background: #222222;
      }
      
      .top-bar .title-area,
      .top-bar .left > li,
      .top-bar .right > li {
          float: left;
          width: auto;
      }
      
      .top-bar-section > ul > .divider, 
      .top-bar-section > ul > [role="separator"] {
          border-right: solid 0.0625rem #4e4e4e;
          width: 0;
      }
      
      .top-bar-section .has-form {
          padding-top: 0.6rem;
          padding-bottom: 0.6rem;
      }
  
      .row.collapse.search-form {
          width: 100%;
          padding: 0.625rem;
      }
  
      #search2,
      .postfix.search-btn {
          height: 2.625rem;
          margin: 0;
      }
      
      .main-content {
          height: calc(100% - 6.875rem); 
      }
      
      #legend {
          display: none;
      }
      
      .portrait {
          visibility: hidden;
          display: none !important;
      }
      
      .landscape {
          visibility: visible;
          display: initial !important;
      }
      
      .map_canvas {
          min-height: 300px;
      }
      
      .off-canvas-wrap {
          overflow-y: scroll;
      }
  }
  
  @media only screen and (max-width: 40rem) and (orientation:portrait) {
      .portrait {
          visibility: visible;
          display: initial !important;
      }
      
      .landscape {
          visibility: hidden;
          display: none !important;
      }
  }
  /* END OF SMALL SCREENS */