.column-24 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 0.5em;
}

.container:before,
.row:before,
.container:after,
.row:after {
  content: " ";
  display: table;
}

.container:after,
.row:after {
  clear: both;
}

[class*="icon-"]:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 16px;
  line-height: 1.5em;
}

body {
  background: #fefefe;
  color: #4d4d4d;
  font-family: "Lucida Grande","Segoe UI","Arial",sans-serif;
  margin: 0;
}

header,
nav {
  display: block;
}

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  min-width: 0;
  padding: 0 1em;
  margin-right: auto;
  margin-left: auto;
}

.row {
  position: relative;
}

.column-24 {
  width: 100%;
}

h4 {
  margin: 0;
  font-size: 1.125em;
  line-height: 1.33333em;
  margin-bottom: 0.33333em;
  margin-top: 0em;
  font-family: "Avenir LT W01 65 Medium",Arial,Helvetica,sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.02em;
}

p {
  font-size: 0.875em;
  line-height: 1.71429em;
  margin-top: 0em;
  margin-bottom: 1.71429em;
}

a {
  color: #007ac2;
  text-decoration: none;
}

.btn {
  position: relative;
  display: inline-block;
  padding: .3em 1.25em .3em;
  font-family: "Avenir LT W01 65 Medium",Arial,Helvetica,sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.125);
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875em;
  line-height: 1.71429em;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #5daddd;
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.125);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.125);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.125);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn.transparent {
  background: none;
  color: #007ac2;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

button,
input {
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button {
  -webkit-appearance: button;
  width: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

form {
  margin: 0;
}

input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  outline: none;
  outline-offset: 0;
}

input[type='search'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: .5em;
  padding-right: 1.5em;
  font-size: 0.875em;
  font-family: "Lucida Grande","Segoe UI","Arial",sans-serif;
  border: 1px solid #ededed;
  display: block;
  outline: none;
  outline-offset: 0;
}

input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

::-webkit-input-placeholder {
  color: #a6a6a6;
}

:-ms-input-placeholder {
  color: #a6a6a6;
}

::-moz-placeholder {
  color: #a6a6a6;
}

:-moz-placeholder {
  color: #a6a6a6;
}

input[type="search"] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMzJCOEUxNzcwMTMxMUUyOUQ4REY1OTJFODBDQTU1MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMzJCOEUxODcwMTMxMUUyOUQ4REY1OTJFODBDQTU1MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUzMkI4RTE1NzAxMzExRTI5RDhERjU5MkU4MENBNTUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUzMkI4RTE2NzAxMzExRTI5RDhERjU5MkU4MENBNTUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0C7DGwAAATpJREFUeNqk000oRFEYxvE7EmWD8pEpqVlYsZmUTHayZ5S6xXaynsRCmo0oG6RkQxa6FiMfWdgrZSOJha0ozXaQLDD/U4+66t56x7z165zpnp7ue+c9iSAIPFUn5pBFEiWcYwlPXkz5vv/nd53Wftwgr+BHtCKHW2Q8Y7nARpygC6toRy/asIgWHKHZGjiJFA4wj3c9+1S7G3rrnDVwWPudmDO7WjPVtOyqHHPmTWuTNfBB+9GYMyNa76yB+/jAQkRbfVjGF/YsgfV41rhs4QJneuseTKABK7i3Brra1iCvYSz0/AUdmFLwrKXl3zrW+AxgHEPoxqXWvG6ROdDVN6416Ff6dpv4QUIjlKomMKoONeCebksxNGr/CnRVwKn2aazXGuhang7N4gwGawl09ao/paR7HzlGFQEGAF4qPAqWOrQNAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right center;
}

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icons.eot');
  src: url('../fonts/icons.eot?#iefix') format("embedded-opentype"),url('../fonts/icons.woff') format("woff"),url('../fonts/icons.ttf') format("truetype"),url('../fonts/icons.svg#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
}

[class*="icon-"]:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
}

.icon-search:before {
  content: "\2b";
}

.icon-user:before {
  content: "\5f";
}

.icon-navigation:before {
  content: "\e603";
}

html,
body {
  height: 100%;
}

.header {
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  height: auto;
  padding-bottom: 0;
  background: #fff;
  border-bottom: 1px solid #ededed;
}

.toggle-site-navigation:before {
  color: #595959;
  font-size: 1.25em;
  padding-right: 0.25em;
  vertical-align: -.1em;
}

.site-brand {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: .7em;
  margin-bottom: .6em;
}

.site-logo {
  color: #333;
  float: none;
  margin-right: 0;
  font-family: "Avenir LT W01 65 Medium",Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  line-height: 1.25em;
}

.site-logo span {
  font-family: "Avenir LT W01 85 Heavy",Arial,Helvetica,sans-serif;
}

.site-brand .site-dropdown-toggle {
  position: relative;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background-position: center 1px;
  background-color: #fff;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  vertical-align: -4px;
  overflow: hidden;
  width: 18px;
  margin-left: -2px;
}

.site-dropdown.visible {
  display: block;
}

.site-brand .site-dropdown-toggle:after {
  width: 0;
  height: 0;
  content: "";
  display: block;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a6a6a6;
  position: absolute;
}

.site-brand .site-dropdown-toggle:after {
  top: 7px;
  left: 4px;
}

.site-dropdown {
  position: absolute;
  top: 2em;
  left: -3%;
  width: 106%;
  max-width: 320px;
  display: none;
  background: white;
  -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.25);
  box-shadow: 0px 3px 4px rgba(0,0,0,0.25);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  z-index: 1000;
}

.site-dropdown a {
  display: block;
  padding: 12px;
}

.site-dropdown a p {
  color: #888888;
  font-size: 0.7em;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-transform: none;
}

.site-dropdown a h4 {
  color: #4D4D4D;
  font-size: 0.9em;
  margin-bottom: 0.4em;
  font-family: "Avenir LT W01 65 Medium",Arial,Helvetica,sans-serif;
  text-transform: none;
}

.site-search {
  position: relative;
  margin-top: .45em;
  width: 100px;
}

.site-search .site-search-form {
  position: absolute;
  right: 0;
  width: 100px;
}

.site-search .site-search-form {
  position: absolute;
  right: 0;
  width: 100px;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear
}

.site-search input[type="search"],.site-search input[type="text"] {
  border: 1px solid transparent;
  padding-right: .25em;
  padding-left: 1.75em;
  background-image: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Avenir LT W01 65 Medium",Arial,Helvetica,sans-serif;
  color: #007ac2
}

.site-search input[type="search"]:focus,.site-search input[type="text"]:focus {
  border: 1px solid #007ac2;
  text-transform: none;
  font-family: "Lucida Grande","Segoe UI","Arial",sans-serif;
  letter-spacing: 0;
  z-index: 2;
  color: #595959
}

.site-search .site-search-toggle {
  position: absolute;
  left: .25em;
  top: 0;
  bottom: 0;
  line-height: 2.2em;
  color: #007ac2;
}

.site-search .site-search-button {
  position: absolute;
  padding-right: .5em;
  padding-left: .5em;
  right: 0;
  top: 0;
  bottom: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  z-index: 1;
}

html.ie .site-search .site-search-button {
  display: none
}

.site-search .site-search-button:hover {
  color: #fff;
  background-color: #007ac2;
  border-left: #003a5c
}

.site-search.active .site-search-form {
  width: 300px;
  border-left: 6px solid #fff
}

.site-search.active input[type="search"],.site-search.active input[type="text"] {
  padding-right: 4.25em
}

.site-search.active .site-search-button {
  pointer-events: auto;
  z-index: 3;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}

html.ie .site-search.active .site-search-button {
  display: inline-block
}

.site-search.active .site-search-toggle {
  color: #a6a6a6
}

@media screen and (min-width: 960px) {
  .phone-hide {
    visibility: visible;
  }

  .tablet-hide {
    visibility: visible;
  }

  .tablet-show {
    display: none !important;
    visibility: hidden;
  }
}

@media screen and (max-width: 959px) and (min-width: 480px) {
  .phone-hide {
    visibility: visible;
  }

  .tablet-hide {
    display: none !important;
    visibility: hidden;
  }

  .tablet-show {
    visibility: visible;
  }
}

@media screen and (max-width: 479px) {
  .phone-hide {
    display: none !important;
    visibility: hidden;
  }

  .tablet-hide {
    display: none !important;
    visibility: hidden;
  }

  .tablet-show {
    visibility: visible;
  }
}

.right {
  float: right !important;
}

.left {
  float: left !important;
}

.top-nav {
  font-size: 17px;
}

.top-nav,
.top-nav-link {
  letter-spacing: 0em;
  font-family: 'Avenir LT W01 35 Light', 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-weight: 400;
  font-style: normal;
}

.top-nav {
  border-bottom: 1px solid #efefef;
}

.top-nav-list {
  padding: 0;
  float: left;
}

.top-nav-list .top-nav-link + .top-nav-link {
  margin-left: .75em;
}

.top-nav-link {
  font-size: 0.9375em;
  line-height: 1.55em;
  color: #4c4c4c !important;
  padding: 1.1625em 0;
  line-height: 1.5em;
  display: inline-block;
}

.top-nav-link:hover,
.top-nav-link:focus {
  color: #3b8fc4 !important;
  background: url('../img/top-nav-ie9.gif') repeat-x bottom left transparent;
  text-decoration: none;
}

.site-search {
  margin-top: 0.85em;
  margin-right: 1em;
}

.toggle-site-navigation {
  margin-top: 1.1em;
  margin-right: .25em;
}

h4,
p,
div,
span {
  -webkit-font-smoothing: antialiased;
}

#esri-logo {
  background-image: url("../img/logo-esri.png");
  display: block;
  float: right;
  height: 0;
  margin: 7px 0 0 25px;
  overflow: hidden;
  padding-top: 48px;
  width: 85px;
}

@media screen and (max-width: 650px) {
  #esri-logo {
    display: none;
  }
}

.site-search .site-search-toggle {
  color: #828282;
}
.site-search:hover .site-search-toggle {
  color: #007ac2;
}

.site-search input[type="search"] {
  color: #323232;
  font-family: "Avenir LT W01 35 Light",Arial,Helvetica,sans-serif !important;
  font-size: 16px;
  letter-spacing: normal;
  padding-top: 6px;
  padding-right: 0;
  text-transform: capitalize;
  -webkit-font-smoothing: antialiased;
}

.site-dropdown {
  position: absolute;
  top: 2em;
  left: -3%;
  /* width: 106%; */
  width: 250px;
  max-width: 320px;
  display: none;
  background: white;
  -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.25);
  box-shadow: 0px 3px 4px rgba(0,0,0,0.25);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  z-index: 1000;
}

.site-dropdown a {
  display: block;
  padding: 12px;
}

.site-dropdown a:hover {
  background: #e5f1f9;
}

.site-dropdown a h4 {
  color: #4D4D4D;
  font-size: 0.9em;
  margin-bottom: 0.4em;
  font-family: "Avenir LT W01 65 Medium", Arial, Helvetica, sans-serif;
  text-transform: none;
}

.site-dropdown a p {
  color: #888888;
  font-size: 0.7em;
  margin: 0;
  padding: 0;
  line-height: 1;
  text-transform: none;
}

.site-brand .site-dropdown-toggle {
  position: relative;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background-position: center 1px;
  background-color: white;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  vertical-align: -4px;
  overflow: hidden;
  width: 18px;
  /* margin-left: -2px; */
  margin-left: 5px;
}


.site-brand:hover .site-dropdown-toggle,
.site-brand.expanded .site-dropdown-toggle {
  background-color: #ededed;
}

#logged-out-navigation a:before {
  padding-left: 0;
  padding-right: 0.5166666667em;
}

.site-search .site-search-form {
  /*width: 140px;*/
  width: auto;
}

.site-brand {
  margin-top: 0.5em;
  margin-right: 2em;
}






.drawer {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
  background: #595959;
  background: rgba(0,0,0,0);
  display: none;
  overflow: hidden;
  position: fixed;
  visibility: hidden;
  z-index: 1001;
  bottom: 0;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0
}

.drawer.active-left,.drawer.active-right {
  display: block;
  visibility: visible;
  background-color: rgba(0,0,0,0.6);
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear
}

.drawer-nav {
  list-style: none;
  width: 280px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: white;
  transition: -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88);
  pointer-events: auto
}

.drawer-nav .drawer-link {
  color: #595959;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em;
  background-color: #fff;
  border-top: 1px solid #ededed;
  display: block;
  width: 100%;
  font-family: "Avenir LT W01 65 Medium",Arial,Helvetica,sans-serif;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;

}
.drawer-nav ul {
  margin: 0;
  padding: 0;
}

.drawer-nav .drawer-link:before {
  font-size: 1.5em;
  margin-right: 0.45em;
  vertical-align: -0.2em
}

.drawer-nav .drawer-link:hover {
  background-color: #ededed
}

.drawer-nav .drawer-search {
  padding: 1em 1em 1em 2.5em;
  font-family: "Avenir LT W01 65 Medium",Arial,Helvetica,sans-serif;
  color: #595959;
  background-position: 1em center;
  border: none;
  border-top: 1px solid #ededed
}

.drawer-nav .drawer-search:focus {
  background-color: #ededed;
  border: none;
  border-top: 1px solid #ededed
}

.drawer-nav .drawer-search:before {
  content: "\2b"
}

.drawer-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1em
}

.drawer-header .site-title {
  margin-bottom: 0
}

.drawer-header .site-logo {
  font-size: 1em
}

.drawer-left {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: -280px
}

.drawer.active-left .drawer-left {
  -webkit-transform: translate3d(280px, 0, 0);
  -moz-transform: translate3d(280px, 0, 0);
  -ms-transform: translate3d(280px, 0, 0);
  -o-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0);
  transition: -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88)
}

.drawer-right {
  left: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.drawer.active-right .drawer-right {
  -webkit-transform: translate3d(-280px, 0, 0);
  -moz-transform: translate3d(-280px, 0, 0);
  -ms-transform: translate3d(-280px, 0, 0);
  -o-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
  transition: -webkit-transform 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88)
}
