body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
}
header,
section,
.masthead {
  padding: 0;
  margin: 0;
}
.d-none{
  display: none;
}
.d-flex{
  display: flex;
}
.d-inline-block{
  display: inline-block;
}
.d-block {
  display: block;
  margin: 0;
}
dd .table {
    background-color: #fff;
}

.mx-2, .ml-2{
  margin-left:2em;
}
.mx-3, .ml-3{
  margin-left:3em;
}

.mx-3, .mr-3{
  margin-right:3em;
}
.mx-auto{
  margin-right:auto;
  margin-left:auto;
}

/*animated check marks and x*/
svg.marks {
   width: 100px;
   display: block;
   margin: 40px auto 0;
}
 .path {
   stroke-dasharray: 1000;
   stroke-dashoffset: 0;
}
 .path.circle {
   -webkit-animation: dash 0.9s ease-in-out;
   animation: dash 0.9s ease-in-out;
}
 .path.line {
   stroke-dashoffset: 1000;
   -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
   animation: dash 0.9s 0.35s ease-in-out forwards;
}
 .path.check {
   stroke-dashoffset: -100;
   -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
   animation: dash-check 0.9s 0.35s ease-in-out forwards;
}

 @-webkit-keyframes dash {
   0% {
     stroke-dashoffset: 1000;
  }
   100% {
     stroke-dashoffset: 0;
  }
}
 @keyframes dash {
   0% {
     stroke-dashoffset: 1000;
  }
   100% {
     stroke-dashoffset: 0;
  }
}
 @-webkit-keyframes dash-check {
   0% {
     stroke-dashoffset: -100;
  }
   100% {
     stroke-dashoffset: 900;
  }
}
 @keyframes dash-check {
   0% {
     stroke-dashoffset: -100;
  }
   100% {
     stroke-dashoffset: 900;
  }
}
 

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}
/*end animated check marks and x*/




.font-weight-400{
  font-weight: 400;
}
.xs-padding {
  height: 14px;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.alert > p {
  margin-bottom: 10px;
}
.alert > p:last-child {
  margin-bottom: 0;
}
.alert > ul {
  margin-bottom: 10px;
}
.alert > ul:last-child {
  margin-bottom: 0;
}
.i-block {
  display: inline-block;
}
.list-alt-2 li {
  padding: 4px 0;
}
.list-alt-2 li a {
  font-weight: bold;
}
.img-left-text-right-divider {
  border-color: #f2f2f2;
  margin: 14px 0;
}
.img-left-text-right .subhead {
  margin-top: 0;
}
.img-left-text-right,
.text-block,
.cb-carousel {
  margin-bottom: 30px;
}
p {
  margin: 0 0 20px;
}
.table-dept-directory p {
  margin: 0 0 3px 0;
}
b,
strong {
  font-weight: 500;
}
.text-warning {
  color: #c60 !important;
}
a:visited {
  /*    color:#9FB6E2;*/
}
.navbar-global {
  background-color: transparent;
  border: none;
}
.navbar {
  margin-bottom: 0;
}
.navbar-global.navbar-nav > .open > a,
.navbar-global .navbar-nav > .open > a:hover,
.navbar-global .navbar-nav > .open > a:focus {
  background-color: rgba(41, 41, 41, 0.47);
}
.navbar-global .navbar-toggle {
  border-color: transparent;
}
.navbar-global .navbar-toggle:hover,
.navbar-global .navbar-toggle:active,
.navbar-global .navbar-toggle:focus {
  background: none;
}
.navbar-toggle .fa-bars,
a.navbar-toggle {
  color: #fff;
}
a.navbar-toggle {
  display: block;
  margin: 10px;
}
.navbar-subsite .navbar-toggle {
  border-color: transparent;
}
.navbar-subsite .navbar-toggle:hover,
.navbar-subsite .navbar-toggle:active,
.navbar-subsite .navbar-toggle:focus {
  background: none;
}

.holidays-link,
.holidays-link:hover,
.holidays-link:active,
.holidays-link:focus {
  text-decoration: none;
  border-bottom: 1px dotted #428bca;
}
.holiday-passed {
  text-decoration: line-through;
  color: #999;
}
.holiday-schedule table tbody tr.holiday-today td {
  font-weight: bold;
  background: #ffc;
}
#mySearchModal,
#mobileMenuModal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(10, 37, 66, 0.84);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
#mobileMenuModal {
  overflow-x: hidden;
}

.typeahead-query .tooltip-inner {
  color: yellow;
  max-width: 300px;
  white-space: nowrap;
  font-size: 14px;
  border: 1px solid #999;
}
.typeahead-query .tooltip.top .tooltip-arrow {
  border-top-color: #bdbdbd;
}
.search-block-notices {
  padding: 10px;
  margin: 14px 0;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #585858;
  color: #fff;
}
.search-block-notices h4 {
  color: #fff;
}
.search-block-notices a,
.search-block-notices i {
  color: #efefef;
}
.search-block-wrap {
  padding: 6px;
}
.search-block-wrap-home {
  margin: 2% auto;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);
}
.search-block-wrap-animated {
  margin: 10% auto;
  padding: 30px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
}
.mobile-menu-wrap {
  margin: 10% auto;
  padding: 30px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
  max-width: 500px;
}
#search {
  font-size: 20px;
  line-height: 23px;
  font-weight: 100;
}
.typeahead-container .typeahead-field #search-input,
.typeahead-container .typeahead-field .search-input {
  font-size: 16px;
  background: #333;
  color: #eee;
}
.typeahead-container .typeahead-field #search-input::-webkit-input-placeholder,
.typeahead-container .typeahead-field #search-input::-webkit-input-placeholder {
  color: #ccc !important;
}
.typeahead-container
  .typeahead-field
  #search-input:focus::-webkit-input-placeholder,
.typeahead-container
  .typeahead-field
  #search-input:focus::-webkit-input-placeholder {
  color: #777 !important;
}

.typeahead-container .typeahead-field #search-input:-moz-placeholder,
.typeahead-container .typeahead-field #search-input:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc !important;
}
.typeahead-container
  .typeahead-field
  #search-input:focus::-moz-input-placeholder,
.typeahead-container
  .typeahead-field
  #search-input:focus::-moz-input-placeholder {
  color: #777 !important;
}

.typeahead-container .typeahead-field #search-input::-moz-placeholder,
.typeahead-container .typeahead-field #search-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc !important;
}
.typeahead-container
  .typeahead-field
  #search-input:focus::-moz-input-placeholder,
.typeahead-container
  .typeahead-field
  #search-input:focus::-moz-input-placeholder {
  color: #777 !important;
}

.typeahead-container .typeahead-field #search-input:-ms-input-placeholder,
.typeahead-container .typeahead-field #search-input:-ms-input-placeholder {
  color: #ccc !important;
}
.typeahead-container
  .typeahead-field
  #search-input:focus::-ms-input-placeholder,
.typeahead-container
  .typeahead-field
  #search-input:focus::-ms-input-placeholder {
  color: #777 !important;
}

.cludo-search-form .search_autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  width: 100%;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 13px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.cludo-search-form .search_autocomplete h3 {
  background: #eee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #555;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 10px 0 10px 20px;
}

.cludo-search-form .search_autocomplete ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cludo-search-form .search_autocomplete li {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  padding: 8px 20px;
}

.cludo-search-form .search_autocomplete li:first-child {
  border-top: none;
}

.cludo-search-form .search_autocomplete li b {
  font-weight: bold;
}

#mySearchModal .cludo-search-form .search_autocomplete a,
.cludo-search-form .search_autocomplete a {
  color: #333;
  text-decoration: none;
}

.cludo-search-form .search_autocomplete a:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f08e';
  color: #555;
  display: inline-block;
  font-size: 0.825em;
  line-height: 1;
  margin: 0 5px 0 0;
}

.cludo-search-form .search_autocomplete li.active,
.cludo-search-form .search_autocomplete li:hover,
.cludo-search-form .search_autocomplete li:focus {
  background-color: #dceefd;
  color: #333;
}

#cludo-search-results .search-filters {
  border-top: 1px solid #ddd;
  margin: 20px 0 0;
  padding: 20px 0 0;
  text-align: center;
}

#cludo-search-results .search-filters a {
  display: block;
  padding: 4px 8px;
}

#cludo-search-results .search-filters li.active {
  font-weight: bold;
}

.cludo-banner {
  color: #3c763d;
  background-color: #dff0d8;
  padding: 15px;
  margin: 20px 0;
  border: 1px solid #d6e9c6;
  border-radius: 4px;
}

.cludo-banner h2 {
  font-size: 22px;
  margin: 0 0 8px;
}

.cludo-banner h4:before {
  content: '\f058';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
}

.cludo-banner p {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  #cludo-search-results .cludo-r {
    display: block;
    float: left;
    width: 70%;
  }

  #cludo-search-results .search-filters {
    border-top: none;
    float: right;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 25%;
  }

  #cludo-search-results .search-filters a {
    display: block;
    padding: 4px 8px;
  }
}

#cludo-404.override h3 {
  text-transform: none;
}

#search label {
  position: absolute;
  left: 10px;
  top: 4px;
  color: #999;
}

.popular,
.popular a:hover,
.popular a {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

.fa-ul > li {
  position: relative;
  padding-bottom: 4px;
  margin-top: 4px;
}

a .fa {
  margin: 0 3px;
}

.card .btn > .fa {
  display: none;
}

a.disabled-click {
  cursor: default;
}

.access-fc-menu {
  padding: 0 4px 4px 4px;
}

.access-fc-menu p {
  padding: 4px;
}

.msg-center {
  max-height: 300px;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  background: #f4fafd;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;

  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;

  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;

  transition-property: all;
  transition-duration: 0.3s;
}
.msg-center.msg-closed {
  max-height: 0;
}

.msg-block {
  padding: 6px 10px;
  border-left: 3px solid #ccc;
  margin: 10px 0;
  background: #fffded;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.msg-heading {
  font-size: 18px;
  margin-bottom: 2px;
}
.msg-content {
  padding: 20px 0;
}

/*top menus*/

#primary-nav {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002244+0,003251+100 */
  background: #58a0d1;
}
#primary-nav .navbar-nav > li > a {
  color: #fff;
}
#primary-nav .navbar-nav > li.open > a,
#primary-nav .navbar-nav > li > a:hover {
  color: #333;
}
.subsite-heading,
.subsite-tagline {
  color: #fff;
  text-align: left;
}
.subsite-tagline {
  font-size: 24px;
  padding: 6px 0;
  margin: 0;
}
.subsite-heading {
  font-size: 34px;
  margin: 0;
  padding: 10px 0 0 0;
}
.subsite-heading-bg {
  background-color: inherit;
  padding: 10px;
  display: inline-block;
}

abbr[title],
acronym[title] {
  text-decoration: none;
}

ol li {
  padding: 4px 0;
}
.cms-toolbar-wrap {
  max-height: 0;
  background-color: #f4f4f4;
  border-top: 6px solid #ff8100;
  color: #333;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.cms-toolbar-wrap.show-toolbar {
  max-height: 200px;
  opacity: 1;
  z-index: 100;
}
.cms-toolbar-toggle,
.cms-toolbar-toggle:hover,
.cms-toolbar-toggle:active {
  color: #fff !important;
  position: absolute;
  right: 20px;
  height: 34px;
  top: -40px;
  padding: 3px 6px 12px 6px;
  font-size: 20px;
  background-color: #ff8100;
  text-decoration: none !important;
  font-weight: bold;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border: 1px solid #ffbc00;
  border-bottom: none;
  display: block;
}
.cms-toolbar-inner {
  padding: 4px 14px;
  margin: 20px 0;
}
.footer {
  margin-top: 150px;
  color: #999;
  background: #333; /* Old browsers */
}
.legal {
  background: #171717;
  padding: 4px 0 0;
  text-align: center;
}
.panel-contact {
  line-height: 16px;
  border-top: 4px solid #1994ff;
  overflow-wrap: break-word;
}
.panel-contact .panel-title i {
  color: #1994ff;
}
.panel-iframe .panel-title i {
  color: #4ec67f;
}
.panel-iframe legend{
  font-size:14px;
  font-weight: 500;
  margin-bottom:1em;
  border:none;
}
.contact-col .panel {
  margin: 20px auto;
}
.utilities-resource-list {
  margin-top: 0;
}
.utilities-contact-list > li {
  padding: 10px 0;
  border-bottom: 1px solid #f6f6f6;
}
.utilities-contact-list > li > ul {
  margin-left: -4px;
}
.utilities-resource-list li {
  font-size: 14px;
  padding: 4px 0;
}
.panel-twitter {
  max-width: 330px;
}

.tweet-block {
  background-color: #e9f8ff;
}
.panel-downloads {
  max-width: 300px;
}
.panel-iframe,
.panel-newsletter,
.panel-contact-utilities {
  border-top: 4px solid #5cb85c;
}
.panel-contact-utilities .panel-title i {
  color: #5cb85c;
}
.panel-iframe .panel-body {
  padding: 4px;
}
.panel-iframe .iframe-panel-wrap {
  padding: 6px 10px;
}
.panel-iframe input[type='text']:placeholder {
  color: #999;
}
.panel-contact .social {
  margin: 0 3px;
  font-size: 24px;
  display: inline-block;
  text-decoration: none;
}
.panel-condensed .panel-body {
  padding: 6px;
}
.panel-condensed li {
  padding: 4px 0;
}

.panel-contact .panel-body i {
  color: #1994ff;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.progress {
  height: 16px;
  background: #8f8d8d;
  border-radius: 0;
  box-shadow: none;
  margin: 20px 4px;
  overflow: visible;
}
.progress .progress-bar {
  position: relative;
  -webkit-animation: animate-positive 2s;
  animation: animate-positive 2s;
}
.progress .progress-bar:after {
  content: '';
  display: inline-block;
  width: 9px;
  background: #fff;
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -1px;
  z-index: 1;
  transform: rotate(35deg);
}
.progress .progress-value {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  position: absolute;
  z-index: 2;
  top: -20px;
  right: -25px;
}
@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}

.panel-group .b-c-panel {
  max-width: 300px;
  margin-top: 20px;
}

.yt-vids li {
  display: inline-block;
  max-width: 130px;
  max-height: 200px;
  margin: 4px 12px;
  padding: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yt-vids img {
  padding: 1px;
  border: 1px solid #ccc;
}

.flickr-thumbs li {
  display: inline-block;
  margin: 4px 3px;
}
.flickr-thumbs img {
  padding: 1px;
  border: 1px solid #ccc;
}
.table-auto-width {
  width: auto;
}
.footer a {
  color: #ddd;
}
.footer .fa-dimmed {
  color: #ccc;
}
.footer .fa-ul li {
  border: none;
  color: #999;
}
.footer .legal a {
  color: #999;
}
.footer-list > li {
  padding: 6px 0;
  border-bottom: 1px solid #4a4949;
}
.social-account-list {
  position: relative;
  background: #585858; /* #SB50MVP */
  border: 4px solid #585858;
  margin: 13px 20px 0 20px;
}
.social-account-list:after,
.social-account-list:before {
  bottom: 100%;
  left: 15%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.social-account-list:after {
  border-color: rgba(88, 88, 88, 0);
  border-bottom-color: #585858;
  border-width: 18px;
  margin-left: -18px;
}
.social-account-list:before {
  border-color: rgba(88, 88, 88, 0);
  border-bottom-color: #585858;
  border-width: 18px;
  margin-left: -18px;
}
.social-account-list li {
  padding: 3px 8px 1px 8px;
}
.footer-heading {
  padding: 20px 0 4px 0;
}
.footer-heading {
  color: #6bd6ff;
  font-size: 18px;
  font-weight: 800;
  padding: 16px 0 2px 0;
  margin: 0 0 4px 0;
}
#pagesection h2:after {
  content: '';
  /*background: #eee;*/
  display: block;
  width: 80%;
  height: 1px;
  margin: 2px 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
.heading-highlight,
.hr-heading,
.spotlights h2 {
  border: none;
  margin: 14px 0 7px 0;
  font-size: 28px;
  text-transform: capitalize;
}
.spotlights h2 > a {
  color: #333;
}
.heading-highlight:after,
.hr-heading:after,
.spotlights h2:after {
  content: '';
  background: inherit;
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

.text-block .heading-highlight,
.img-left-text-right .heading-highlight,
.section-header-block h3 {
  font-size: 20px;
}
.spotlights h2 .fa {
  display: none;
}
aside {
  padding: 10px 10px 10px 24px;
  background: #f4f4f4;
  border-left: 4px solid #12af2a;
  margin: 20px 0;
}
aside p {
  padding: 3px 0;
  margin: 0;
}
aside.aside-warning {
  border-left: 4px solid rgb(255, 167, 0);
}

.subsite-masthead {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#356aa0+0,356aa0+100;Blue+Flat */
  background: #356aa0; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1NmFhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTZhYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    #356aa0 0%,
    #356aa0 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #356aa0 0%,
    #356aa0 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #356aa0 0%,
    #356aa0 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  min-height: 100px;
}

#breadcrumb {
  padding: 10px;
}
.breadcrumb-container {
  margin-top: 10px;
}
.breadcrumb-divider {
  margin: 4px 0;
  height: 1px;
  background-color: #eee;
}
.breadcrumb-container a {
  text-transform: lowercase;
  display: inline-block;
  margin: 0 4px 0 1px;
  font-size: 14px;
}
.breadcrumb-container a:hover {
  text-decoration: none;
}
.breadcrumb-container i {
  display: inline-block;
  color: #8eb7da;
  margin: 0;
  padding: 0;
  font-size: inherit;
}
.breadcrumb-container i.fa-home {
  color: inherit;
  margin: 0;
}

#datatable_filter {
  float: none;
  text-align: left;
}

.alert-slim {
  padding: 0 15px 15px 15px;
}

.reset-padding {
  padding: 0 !important;
}
.reset-margin {
  margin: 0 !important;
}
#mySearchModal a {
  color: #fff;
}
#mySearchModal .typeahead-list a {
  color: #333;
}
.typeahead-list > li {
}
.popular,
.popular a:hover,
.popular a {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.help-module-heading {
  color: rgb(57, 190, 255);
  margin: 16px 0 0 4px;
  font-weight: 500;
  font-size: 20px;
  padding: 0 0 3px 0;
}
.trending-heading {
  color: #fb4f14; /*http://teamcolorcodes.com/denver-broncos-color-codes/*/
  color: #c60;
}
.help-module ul li a {
  color: #fff;
  display: block;
  /*    border-bottom:1px solid #999;*/
  padding: 4px 0 0 4px;
}
.list-search-block {
  font-size: 16px;
  margin: 2px 0 0 4px;
}
.list-search-block a {
  color: #eee;
}
.list-search-block a .fa {
  display: none;
}
.navbar li a#search > .fa-search {
  display: inline-block;
}
.council-info-wrap {
  margin: 4px 10px 10px 0;
}
.owl-carousel.na-theme {
  left: 0;
  right: 0;
  margin: auto;
}
.owl-carousel .fa {
  display: none;
}
.text-muted {
  color: #999;
}
.well-slim {
  padding: 6px;
  border: 1px solid #eaeaea;
}
.well h4 {
  margin: 0 0 4px 0;
}
/*Custom nav tabs*/
.nav-tabs-alt-1 {
  border-bottom: 1px solid #eee;
  font-size: 16px;
}
.nav-tabs-alt-1:after {
  clear: left;
}
.nav-tabs-alt-1 > li.active > a,
.nav-tabs-alt-1 > li.active > a:focus,
.nav-tabs-alt-1 > li.active > a:hover {
  border-width: 0;
}
.nav-tabs-alt-1 > li > a {
  border: none;
  color: #666;
}
.nav-tabs-alt-1 > li.active > a,
.nav-tabs-alt-1 > li > a:hover {
  border: none;
  color: #4285f4 !important;
  background: transparent;
}
.nav-tabs-alt-1 > li > a::after {
  content: '';
  background: #4285f4;
  height: 3px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}
.nav-tabs-alt-1 > li.active > a::after,
.nav-tabs > li:hover > a::after {
  transform: scale(1);
}
.tab-nav > li > a::after {
  background: #21527d none repeat scroll 0% 0%;
  color: #fff;
}
.tab-pane {
  padding: 15px 0;
}
.tab-content {
  padding: 20px;
}

.utilities-contact-tab-content {
  padding: 0 10px;
}

/*legacy stylesheet resets*/
body p {
  font-size: inherit;
}

dl {
  margin: 10px 0;
}
dt {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
dd {
  margin: 0 0 20px 0;
}
blockquote {
  font-size: inherit;
  margin-left: 10px;
  border-color: #8accff;
  background-color: #f5f5f5;
}

#sales-tax-events .dates {
  width: 150px;
  float: left;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 5px;
  background: #fcfcfc;
}
#sales-tax-events span.month {
  display: block;
  font-weight: bold;
}
#sales-tax-events span.time {
  display: block;
}
#sales-tax-events span.room,
#sales-tax-events span.addr,
#sales-tax-events span.time {
  color: #555;
}
#sales-tax-events a.vcal {
  background-image: url('/icons/calendar.png');
  background-repeat: no-repeat;
  padding-left: 18px;
  display: block;
}

a.caption.youtube_anchor {
  display: block;
  text-align: center;
  color: #555;
  font-weight: bold;
  word-wrap: break-word;
  text-decoration: none;
}
#video-carousel img.photo {
  padding: 6px;
}
#video-carousel {
  margin: 10px 0 30px 0;
}
.image-nav a {
  display: inline-block;
  border: 1px solid #999;
  padding: 10px;
  margin: 4px;
}
.spotlight-wrap {
  margin: 0 14px;
  background-color: #f6f6f6;
}
.spotlight-wrap img {
  width: 100%;
}

.spotlight-summary {
  padding: 16px 8px 6px 8px;
  margin: 0;
}
.spotlight-heading {
  font-size: 18px;
  padding: 4px 3px 0 3px;
  margin: 0;
  font-weight: 400;
  text-align: center;
}
.spotlight-wrap .fa {
  display: none;
}
.spotlight {
  padding-top: 10px;
  padding-bottom: 30px;
  border: none;
  clear: left;
}
.spotlight h2 {
  font-size: 28px;
  margin-top: 0;
}
.spotlight .pull-left {
  min-height: 150px;
  margin: 0 20px 10px 0;
}
.spotlight h2 a:hover {
  text-decoration: none;
}
.home-page-section-heading {
  text-align: center;
  font-size: 34px;
}
.case-title {
  margin: 30px 0 4px 0;
}
.faqs {
  margin: 0;
}
.faqs dt {
  font-size: 18px;
  padding: 24px 0 6px 0;
}
.list-cases li {
  padding: 3px 0;
}
.faqs dd,
.list-cases {
  display: none;
  position: relative;
  margin-top: 20px;
  padding: 10px 14px;
  background: #f5f5f5;
}
.faqs dd:after,
.list-cases:after {
  bottom: 100%;
  left: 10%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(245, 245, 245, 0);
  border-bottom-color: #f5f5f5;
  border-width: 20px;
  margin-left: -20px;
}
.faqs dt .fa.pull-left {
  display: inline-block;
  margin: 4px 10px 4px 0;
}
.contact-dl dt {
  font-size: 18px;
  padding: 24px 0 6px 0;
}
.contact-dl dd {
  position: relative;
  margin-top: 20px;
  padding: 10px 14px;
  background: #f5f5f5;
  display: none;
}
.contact-dl dd.dagger:after {
  bottom: 100%;
  left: 10%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(245, 245, 245, 0);
  border-bottom-color: #f5f5f5;
  border-width: 20px;
  margin-left: -20px;
}
.contact-dl {
}

.card {
  border: 1px solid #eee;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  margin: 24px 0;
  padding: 2px;
}

@media (min-width: 768px) {
  .section-cards > div:nth-child(2n+1) {
      clear: left;
  }
}

@media (min-width: 1200px) {
  .section-cards > div:nth-child(2n+1) {
    clear: none;
  }

  .section-cards > div:nth-child(3n+1) {
      clear: left;
  }
}

.card-header img {
  display: block;
  margin: 0 auto;
}

.card-text {
  padding: 6px 8px;
}
.cta {
  max-width: 200px;
}
.circliful .outer {
  fill: transparent;
  stroke: #333;
  stroke-width: 19.8;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  /* firefox bug fix - won't rotate at 90deg angles */
  -moz-transform: rotate(-89deg) translateX(-190px);
}

/* full circle 25 empty 534 */
.circliful .inner {
  fill: transparent;
  stroke: orange;
  stroke-width: 20;
  stroke-dasharray: 534;
  transition: stroke-dashoffset 1s;
  -webkit-animation-play-state: running;
  /* firefox bug fix - won't rotate at 90deg angles */
  -moz-transform: rotate(-89deg) translateX(-190px);
  stroke-dashoffset: 0;
}

.circliful {
  overflow: visible !important;
}

.svg-container {
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}

svg .icon {
  font-family: FontAwesome;
}

.block-container {
  border: 1px solid #eee;
  padding: 3px 10px;
  display: inline-block;
  margin: 10px;
  -box-shadow: 0 2px 10px rgb(205, 215, 226);
  max-width: 300px;
}
.faqs li {
  margin-left: 25px;
}
.alert-info > a {
  color: #1b89ff;
}

.fa-alert-info {
  font-size: 28px;
  margin: 10px;
}
.faq-link,
.faq-link:hover,
.faq-link:active,
.faq-link:focus {
  text-decoration: none;
}
.pull-left img {
  display: block;
}

.pull-left span {
  display: block;
  text-align: center;
  color: #999;
}
img.pull-left {
  margin: 0 20px 40px 0;
}
img.pull-left:after {
  clear: both;
}
.legacy-content-remove {
  /*no properties here, just a hook to remove elements with this class name*/
}
.rb {
  /*right column on some landing pages*/
  display: none;
}
.middle {
  width: 100%;
}
.clear-floats {
  clear: both;
}
.fff-wrap {
  max-width: 300px;
  text-align: center;
}
.fff-wrap h5 {
  padding: 0;
  margin: 0;
}

.carousel-desc {
  padding: 4px 0;
}

.carousel-desc h1,
.carousel-desc h2,
.carousel-desc h3 {
  padding: 0;
  margin: 0;
}

.carousel-caption {
  position: static;
  color: #999;
  font-size: 1.125em;
  padding: 10px 0 0;
  text-shadow: none;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}
.box-title {
  font-size: 14px;
  margin: 0;
  padding: 0 4px 4px 4px;
  background-color: #999;
  color: #fff;
  text-shadow: 1px 1px #000;
}

.box {
  color: #212121;
  padding: 0;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 40%;
  background: #ffffff;
  border: 6px solid #999;
  margin-bottom: 20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.box-text {
  padding: 6px;
}

.dataTables_filter input[type='text'] {
  padding: 4px;
  font-size: 12px;
  font-weight: normal;
}
.dataTables_filter input[type='text'] {
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/
a.tel {
  color: #70c36b;
}
.short-term-rental-results {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1.5s;
  -moz-transition: max-height 1.5s;
  transition: max-height 1.5s;
  margin: 40px 0;
}
.short-term-rental-results.animated {
  max-height: 400px;
}
#block-one {
  display: block;
  width: 300px;
  margin: 20px 0;
  float: none;
}
.spotlight-video-heading {
  clear: both;
}
.responsive-iframe-wrap {
  max-width: 600px;
}
.responsive-iframe {
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

#brand {
  width: 149px;
  height: 49px;
  margin: 3px 0;
  display: block;
  font-size: 0;
  background-image: url(/assets/svg/cofc-logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 149px 49px;
}

#nav {
  background-color: rgba(0, 0, 0, 0.35);
}
#global-nav,
#subsite-nav {
  margin: 6px 0;
}
.navbar-nav#global-nav > li > a,
.navbar-nav#global-nav > li > a:hover,
#subsite-nav .navbar-nav > li > a,
#subsite-navbar .navbar-nav > li > a:hover,
#subsite-navbar .navbar-nav > li > a:focus {
  color: #fff;
  background: inherit;
}

.emergency-notification, .election-notification {
  top: -100%;
  position: absolute;
  left: 0;
  padding: 14px;
  background: rgb(247, 164, 36);
  color: #fff;
  width: 100%;
  z-index: 1200;
  overflow: hidden;
  transition: top 300ms ease-in-out;
}
.emergency-notification.open, .election-notification.open {
  top: 0;
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
}

@media (max-width: 767px) {
  #navbar,
  #subsite-navbar {
    background-color: #f5f5f5;
  }
  .navbar-nav#global-nav > li > a,
  .navbar-nav#global-nav > li > a:hover,
  #subsite-navbar .navbar-nav > li > a,
  #subsite-navbar .navbar-nav > li > a:hover,
  #subsite-navbar .navbar-nav > li > a:focus {
    color: #333;
  }
  .panel-twitter {
    max-width: 97%;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  a.tel {
    color: #333;
    text-decoration: none;
    cursor: default;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .search-block-notices {
    padding: 3px 6px;
    margin: 5px 20px 3px 0;
  }
  .search-block-wrap {
    padding: 34px;
  }
  #block-one {
    float: right;
    display: inline-block;
    margin: 20px 0;
    padding-left: 10px;
  }
  #block-two {
    margin-right: 340px;
  }
  #nav {
    /*         padding:8px 0; */
    background-color: rgba(0, 0, 0, 0.35);
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  #brand {
    width: 213px;
    height: 70px;
    background-size: 213px 70px;
  }
  #global-nav {
    margin: 13px 0 0 40px;
  }
}

/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
  .subsite-heading-bg {
    background-color: rgba(0, 0, 0, 0.35);
  }
  .subsite-masthead {
    background-image: url(/assets/img/subsite-backgrounds/default.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /*        min-height:350px;*/
    /*        */
  }
  .information-technology {
    background-image: url(/assets/img/subsite-backgrounds/information-technology.jpg);
  }
  .subsite-heading {
    font-size: 48px;
    text-shadow: 2px 2px 2px #000;
    padding: 170px 0 0 0;
  }
}

.sidebar-menu ul {
  padding: 0;
  margin: 0 0 30px 4px;
}
.sidebar-menu ul li {
  border-bottom: 1px solid #f0f4f7;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-menu ul li:last-child {
  border-bottom: none;
}

.sidebar-menu ul li a {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  display: block;
  background: #fff;
  padding: 6px 10px;
  margin: 1px 0 0 0;
  border-left: 3px solid #e0e0e0;
}

.sidebar-menu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.sidebar-menu ul li a:hover {
  color: #333;
  border-left: 3px solid #00b7eb;
}

.sidebar-menu ul li.active {
  border-bottom: none;
}

.sidebar-menu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 3px solid #4285f4;
}

.list-twitter {
  border-bottom: none;
}
.list-twitter li {
  padding: 4px 6px;
  margin: 0 -6px;
}
.list-twitter p {
  margin: 0 0 3px 0;
}
.list-twitter a.hashtag-link {
  color: #999;
  text-decoration: none;
  border-bottom: 1px dotted #000;
}
.twitter-ts {
  padding: 0 0 2px 0;
  margin: 0;
  font-size: 11px;
}

.section-striped {
  background-color: #f7f7f7;
}

i.climacon.big {
  font-size: 80px;
  line-height: 80px;
}
#icon_current {
  position: relative;
  top: 10px;
}
.temp {
  font-size: 60px;
  line-height: 100px;
}
.feels-like {
  margin: -10px 0 30px 0;
  font-size: 16px;
}
/*.text {
    position: absolute;
    top: 0;
    left: 94px;
}
*/
.climate-subheading {
  font-weight: bold;
}
h2.subhead {
  /*
    font-size:20px;
    margin:6px 0 4px 0;
*/
}

.floated-box-container {
  max-width: 220px;
  display: inline-block;
  float: left;
  margin: 16px 10px;
  padding: 6px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 2px 10px rgb(205, 215, 226);
  box-shadow: 0 2px 15px rgb(230, 230, 230);
}

.box-container img {
  display: block;
  margin: 4px auto;
}
.calendar-agenda-wrap time.icon {
  display: block;
  width: 50px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #ccc;
}
.calendar-agenda-wrap time.icon * {
  display: block;
  width: 100%;
  text-align: center;
}
.calendar-agenda-wrap time.icon .month {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;

  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px solid #ddd;
}
.calendar-agenda-wrap time.icon .day-of-week {
  font-size: 14px;
  color: #fd9f1b;
}
.calendar-agenda-wrap time.icon .day-number {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  color: #2f2f2f;
}
.event-divider {
  height: 10px;
  background: #ccc;
  margin: 10px 0;
}
.event-listing {
  padding: 4px;
  margin-bottom: 7px;
  border-bottom: 1px solid #eee;
}
.event-meta {
  padding: 0;
  margin: 0;
  line-height: 18px;
}
.event-title {
  font-weight: 500;
  margin: 0;
  padding: 0 0 2px 0;
}
.release-date {
  margin: 0 0 10px 0;
  color: #999;
}
.text-strong {
  font-weight: 500;
}
.parsley-errors-list{
  margin:14px 0 10px 0;
  color:red;
}
.news-headline {
  margin: 30px 0 6px 0;
}
.headline-link {
  padding: 3px 0 1px 0;
  font-weight: 400;
}
.headline-link .text-muted {
  padding: 2px 0 0 0;
  color: #ccc;
  font-size: 13px;
  font-weight: 100;
}
.headline-link h5 {
  padding: 3px 0 0 0;
  margin: 0;
  font-weight: 400;
}
.headline-link p {
  margin-bottom: 10px;
}
/*Colored font awesome icons*/
.fa-file-pdf-o {
  color: #e40000;
}
.fa-file-powerpoint-o{
  color:#D04423;
}
a.base64-address {
  white-space: nowrap;
}
.btn .fa {
  color: inherit;
}
.fa-file-excel-o {
  color: blue;
}
.fa-file-word-o {
  color: #e40000;
}
.fa-external-link {
  color: #ff8812;
}

.btn .fa-external-link {
  color: #fff;
}

.ig-thumb {
  display: block;
  margin: 0.3em;
}
.mt-1 {
  margin-top: 1em;
}
/*https://www.quora.com/What-is-the-HEX-color-that-LinkedIn-uses-for-blue*/
.fa-facebook-square {
  color: #3b5998;
}
.fa-twitter-square {
  color: #33ccff;
}
.fa-instagram,
.panel-contact i.fa-instagram,
a.instagram-color {
  color: #bc2a8d;
}
.fa-pinterest-square {
  color: #cb2027;
}
.fa-youtube-square {
  color: #ff3333;
}
.fa-flickr {
  color: #fe0883;
}
.fa-linkedin-square {
  color: #4875b4;
}
.fa-google-plus-square {
  color: #c63d2d;
}
.fa-stop-circle-o {
  color: red;
}
.fa-check-circle-o {
  color: #4fc74f;
}
.fa-exclamation-triangle {
  color: rgb(255, 167, 0);
}
.download i.fa {
  margin-right: 4px;
}
.offsite-link i.fa.fa-external-link {
  padding-left: 2px;
  font-size: 80%;
}
tr > td.row-striped {
  background-color: #f9f9f9 !important;
}
.radio-1 {
  padding-left: 20px;
}
.radio-1 label {
  display: inline-block;
  padding-left: 5px;
  position: relative;
}
.radio-1 label::before {
  -o-transition: border 0.5s ease-in-out;
  -webkit-transition: border 0.5s ease-in-out;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #cccccc;
  content: '';
  display: inline-block;
  height: 17px;
  left: 0;
  margin-left: -20px;
  outline: none !important;
  position: absolute;
  transition: border 0.5s ease-in-out;
  width: 17px;
}
.radio-1 label::after {
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -webkit-transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  background-color: #555555;
  border-radius: 50%;
  content: ' ';
  display: inline-block;
  height: 11px;
  left: 3px;
  margin-left: -20px;
  position: absolute;
  top: 3px;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  width: 11px;
}
.radio-1 input[type='radio'] {
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  outline: none !important;
}
.radio-1 input[type='radio']:disabled + label {
  opacity: 0.65;
}
.radio-1 input[type='radio']:focus + label::before {
  outline-offset: -2px;
  outline: 5px auto -webkit-focus-ring-color;
  outline: thin dotted;
}
.radio-1 input[type='radio']:checked + label::after {
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio-1 input[type='radio']:disabled + label::before {
  cursor: not-allowed;
}
.radio-1.radio-1-inline {
  margin-top: 0;
}
.radio-1.radio-1-single label {
  height: 17px;
}
.radio-1-primary input[type='radio'] + label::after {
  background-color: #228bdf;
}
.radio-1-primary input[type='radio']:checked + label::before {
  border-color: #228bdf;
}
.radio-1-primary input[type='radio']:checked + label::after {
  background-color: #228bdf;
}
.label-large {
  font-size: 18px;
  font-weight: normal;
}
.list-custom-1 li {
  padding: 10px;
}

/******************************************************************
 * CMS 
 *****************************************************************/

/* text block */
.text-block.no-heading {
  margin-top: 14px;
}

.faq_container {
  margin-bottom: 2em;
}

.faq_container img {
  max-width: 100%;
  height: auto;
}

.faq_container hr:last-child {
  display: none;
}

.faq_container aside {
  background: #eaeaea;
}

/* text image block */
.img-left-text-right.no-heading {
  margin-top: 10px;
}

/* contact form */
.cms-contact-form {
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 20px;
}

/* image grid */
.cms-image-grid {
  position: relative;
  margin-bottom: 30px;
}

.cms-image-grid .image-grid-cell {
  margin: 0 auto 20px;
}

@media only screen and (min-width: 768px) {
  .cms-image-grid .image-grid-cell:nth-child(2n + 1) {
    clear: left;
  }
}

@media only screen and (min-width: 992px) {
  .cms-image-grid .image-grid-cell:nth-child(2n + 1) {
    clear: none;
  }

  .cms-image-grid .image-grid-cell:nth-child(3n + 1) {
    clear: left;
  }
}

@media only screen and (min-width: 480px) {
  .cms-image-grid.masonry .image-grid-cell,
  .cms-image-grid.masonry .image-grid-sizer {
    width: 48%;
  }

  .cms-image-grid.masonry .image-grid-gutter {
    width: 4%;
  }
}

@media only screen and (min-width: 992px) {
  .cms-image-grid.masonry .image-grid-cell,
  .cms-image-grid.masonry .image-grid-sizer {
    width: 32%;
  }

  .cms-image-grid.masonry .image-grid-gutter {
    width: 2%;
  }
}

/* tables */
.table td p {
  margin: 5px 0;
}

@media only screen and (min-width: 992px) {
  .cms-table #datatable_filter {
    text-align: right;
  }
}

/* slider */
.slider .slide-image {
  position: relative;
  display: inline-block;
}

.slider .slide-image img {
  margin: 0 auto;
}

.slider .slide-cta {
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .slider .slide-cta {
    backdrop-filter: blur(10px);
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    transition: opacity 0.5s ease;
  }

  .slider .slide-image:hover .slide-cta {
    opacity: 1;
  }

  .slider .slide-cta .btn {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  }
}

/* promo slider */
.cms-promo-slider .featured-content {
  background: #f6f6f6;
  margin: 0 14px;
  max-width: 285px;
}

.cms-promo-slider .spotlight-heading {
  border: none;
  font-size: 18px;
  padding: 4px 8px 0;
  margin: 6px 0 0;
  font-weight: 400;
  text-align: center;
}

.cms-promo-slider .spotlight-heading:after {
  display: none;
}

/* video embed */
.video-embed-wrap {
  margin: 0 auto 40px auto;
  max-width: 560px;
}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* hero section */
.hero-section {
  position: relative;
  background-size: cover;
  color: #fff;
}

.hero-section-container:after {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.hero-section-content {
  position: relative;
  padding: 35px 20px;
  z-index: 2;
}

.hero-section-content .hero-headline,
.hero-section-content .hero-summary {
  text-shadow: 0 0 4px #000;
}

#pagesection .hero-headline:after {
  display: none;
}

/* timeline */

.timeline {
  border-left: 3px solid #ddd;
  margin: 15px 0 30px 10px;
  padding: 0 0 0 20px;
}

.timeline-entry-meta {
  margin: 0 0 1em;
}

 .timeline-entry-meta div + div {
    margin-top: 8px;
  }

.timeline-entry-meta .fa-fw-conditional {
  width: 1.28571429em;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .timeline-entry-meta {
    display: flex;
    flex-direction: row;
  }

  .timeline-entry-meta div + div {
    margin: 0 0 0 20px;
  }

  .timeline-entry-meta .fa-fw-conditional {
    width: auto;
  }
}

.timeline-entry-details {
  margin: 0;
}

.timeline-entry-details > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.timeline-entry-title {
  position: relative;
  font-size: 1.125em;
  line-height: 1;
  margin: 2.5em 0 0;
  padding: 5px 0 0.5em;
}

.timeline-entry-title:first-child {
  margin-top: 0;
}

.timeline-entry-title:before {
  position: absolute;
  top: 0;
  left: -33px;
  content: '\f00c';
  display: block;
  font-family: 'FontAwesome';
  font-size: 13px;
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  background: #ccc;
  line-height: 24px;
  text-align: center;
}

.timeline-entry-title.upcoming:before,
.timeline-entry-title.current:before {
  background: #fff;
  border: 3px solid #ccc;
  content: '';
}

.timeline-entry-title.current:after {
  position: absolute;
  top: 7px;
  left: -26px;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  background: #428bca;
}

.timeline dd {
    position: relative;
    padding: 0.25em 0 0;
}

.timeline dd:last-child:before {
  position: absolute;
  top: -4px;
  left: -23px;
  bottom: 0;
  border-left: 3px solid #fff;
  content: '';
  display: block;
}

/******************************************************************
 * Legacy (for old sites)
 *****************************************************************/

.gallery-image span {
  display: none;
}
.gallery-image {
  display: block;
  width: 100px;
  height: 60px;
  float: left;
  margin: 5px;
}
#gallery-0 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425)
    0px 0px;
}
#gallery-1 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -100px
    0px;
}
#gallery-2 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -200px
    0px;
}
#gallery-3 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -300px
    0px;
}
#gallery-4 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -400px
    0px;
}
#gallery-5 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -500px
    0px;
}
#gallery-6 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -600px
    0px;
}
#gallery-7 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -700px
    0px;
}
#gallery-8 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -800px
    0px;
}
#gallery-9 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -900px
    0px;
}
#gallery-10 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -1000px
    0px;
}
#gallery-11 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -1100px
    0px;
}
#gallery-12 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -1200px
    0px;
}
#gallery-13 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -1300px
    0px;
}
#gallery-14 {
  background: url(/saferoutes/galleries/bennet_ib_world/sprite.jpg?1265237425) -1400px
    0px;
}

/* Flexbox Utility Classes */
.flex {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}


.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}


.p-2 {
  padding: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}

/*snackbar*/

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  top: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}