html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

a {
  color: #41748d; }
  a:focus {
    outline: none; }

body {
  line-height: 1;
  letter-spacing: 0.01em; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button {
  cursor: pointer; }

html, body {
  height: 100%; }

body {
  background: #fafafa;
  line-height: 22px; }

p {
  margin: 1rem 0;
  line-height: 1.375rem; }

.nav li, .nav-tabs li {
  list-style: none; }

#navigation {
  padding: 0; }

h1 {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  font-size: 1.5rem;
  color: #ba5826;
  font-weight: bold;
  font-family: "lexia",serif; }

h2 {
  color: #165c7d;
  font-size: 1.5rem;
  display: inline-block;
  letter-spacing: 0.03em; }

h3 {
  color: #165c7d;
  font-size: 1.25rem; }

h4 {
  font-size: 1.125rem; }

h4 {
  font-size: 1.25rem; }

strong {
  font-weight: bold; }

.card {
  border: none; }

#sub-nav-wrapper {
  width: 100%;
  background: #41748d;
  position: relative;
  z-index: 5; }

.sub-nav {
  max-width: 1600px; }
  .sub-nav li {
    list-style-type: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #fff; }
  .sub-nav a {
    color: white; }
  .sub-nav #sub-nav-social-media .fa {
    font-size: 1.5rem; }

/* #sub-nav-social-media {
    float: left;
    padding: 0;
    li {
        padding: 0 10px 0 0;
    }
    .fa {
        font-size: 25px;
    }
} */
/* #sub-nav-contact-info {
     float: right; 
    font-size: 12px;
    margin: 5px 0 0;
    line-height: 15px;
    li {
        border-right: 1px solid #fff;
        padding: 0 10px 0 5px;
    }
    li:first-child {
        padding: 0 10px 0 0;
    }
    li:last-child {
        border-right: none;
        padding: 0 0 0 8px;
    }
} */
#main-nav-wrapper {
  position: relative;
  z-index: 4;
  background: #fff;
  box-shadow: 1px -2px 8px #333;
  width: 100%; }
  #main-nav-wrapper.fixed-header {
    position: fixed;
    top: 0;
    z-index: 91; }

#alert {
  background: #d82d2d;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: .875rem;
  position: relative;
  z-index: 3;
  box-shadow: 1px 4px 6px rgba(51, 51, 51, 0.6); }
  #alert .fa {
    font-size: 1.25rem;
    position: relative;
    top: 2px;
    left: -10px;
    display: inline-block; }
  #alert p {
    display: inline-block;
    margin: .0;
    font-size: 1rem; }
    #alert p a {
      color: #fff;
      text-decoration: underline; }

#main-nav {
  background: white; }
  #main-nav > a.logo {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0;
    margin: 10px;
    z-index: 9; }
    #main-nav > a.logo img {
      max-width: 100%;
      height: auto; }
  #main-nav a:hover {
    text-decoration: none; }
  #main-nav .fa {
    font-size: 10px;
    position: relative;
    top: -2px;
    left: 2px; }
  #main-nav em {
    display: block;
    position: relative;
    left: -9999em; }
  #main-nav .hamburger {
    position: absolute;
    top: 1.5rem;
    right: .625rem;
    padding: 0;
    outline: none; }
    #main-nav .hamburger .hamburger-inner,
    #main-nav .hamburger .hamburger-inner::before,
    #main-nav .hamburger .hamburger-inner::after {
      width: 30px; }
    #main-nav .hamburger .hamburger-inner::before {
      top: -8px; }
    #main-nav .hamburger .hamburger-inner::after {
      bottom: -8px; }
    #main-nav .hamburger.is-active .hamburger-inner::after {
      bottom: 0 !important; }

.menu {
  position: absolute;
  width: 100%;
  text-align: right; }
  .menu .navbar-collapse {
    background: #fff;
    overflow-y: scroll; }
  .menu > div > ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100vh - 60px); }
    .menu > div > ul a {
      display: block;
      color: #666;
      font-size: .875rem; }
      .menu > div > ul a:hover {
        color: #333; }
    .menu > div > ul > li > a {
      display: block;
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: bold; }
    .menu > div > ul > li:hover {
      display: block;
      background: rgba(65, 116, 141, 0.1); }
    .menu > div > ul > li:hover > a {
      color: #333; }
    .menu > div > ul > li:hover .dropdown-menu-wrapper {
      left: auto;
      right: 0; }
    .menu > div > ul > li .dropdown-menu-wrapper {
      position: absolute;
      /* visibility: hidden; */
      left: -999rem;
      min-width: 72%;
      max-width: 72%;
      overflow: hidden;
      border-top: 5px solid rgba(138, 166, 190, 0.1);
      background: white;
      box-shadow: 1px 5px 7px -7px #000; }
    .menu > div > ul > li .dropdown-menu-item {
      width: 100%;
      margin: 0 auto;
      text-align: left;
      padding: 15px 0 30px; }
      .menu > div > ul > li .dropdown-menu-item > ul {
        width: 100%; }
        .menu > div > ul > li .dropdown-menu-item > ul > li > ul {
          width: 15.5rem;
          float: left;
          margin: 0 30px; }
        .menu > div > ul > li .dropdown-menu-item > ul > li li {
          width: 100%;
          margin: 5px 0; }
    .menu > div > ul > li:hover > ul {
      display: block; }

.interior header#main {
  background: url("/site/templates/images/interior-sample.jpg") no-repeat center center; }
.interior #content-wrapper article ul li {
  list-style: disc;
  margin: 0 0 0 2rem;
  padding: 0 0 0 .3125rem; }
.interior #content-wrapper article .card ul li {
  list-style: none;
  margin: 0;
  padding: 0; }
.interior #content-wrapper article .rm-calendar-list li {
  margin: 2% 2px 0 0;
  padding: 0 10px 0 5px; }
.interior #content-wrapper article .boc-item ul li, .interior #content-wrapper article .accordion-body ul li {
  margin: 0 0 0 2rem;
  padding: 0 0 0 .3125rem; }

header#main {
  position: relative;
  z-index: 1;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  width: 100%;
  height:31%;
  display: flex; 

  align-items: center;
  box-shadow: 1px 0px 8px #333;
  overflow: hidden; }
  header#main .card {
    background: transparent;
    border: none;
    opacity: 0; }
    header#main .card:hover, header#main .card:focus {
      background: rgba(0, 0, 0, 0.7);
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s; }
      header#main .card:hover input, header#main .card:focus input {
        background: white;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s; }
  header#main #header-info {
    color: white;
    font-size: 1.125rem;
    border-radius: 3px;
    position: absolute;
    right: -9.3rem;
    bottom: 0;
    transition: all .2s ease; }
    header#main #header-info.show {
      right: 0; }
    header#main #header-info a:hover {
      color: #8aa6be; }
    header#main #header-info #image-info-btn {
      float: left;
      position: relative;
      top: 1.7rem;
      left: -2rem; }
      header#main #header-info #image-info-btn a {
        color: #fff;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        left: -.23rem; }
        header#main #header-info #image-info-btn a:hover {
          color: #41748d; }
    header#main #header-info #image-info {
      float: right;
      background: rgba(0, 0, 0, 0.8);
      transition: .1s;
      width: 150px; }
      header#main #header-info #image-info span {
        font-size: .75rem; }
/*covid-19 styles*/
#cv-block-1{
  background: rgba(99,177,188, 1);
}
#cv-block-2{
  background: rgba(65,116,141, 1);
}
#cv-block-3{
  background: rgba(22,92,125, 1);
}
.cv-block{
  min-height:300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cv-block:hover{
  background:rgba(196,191,182,1) !important;

}
.cv-block p{
  text-align:center;
  color:rgba(255,255,255,1);
  font-size:1.4rem;
  line-height:1.8rem;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  font-weight:bold;
}
.cv-block p a{
  color:#fff;
  text-shadow:2px 2px 4px #000;
}
.cv-block p a:hover{font-style: italic;text-decoration:none;}
/*-------------*/

#intro-message {
  text-align: center; }
  #intro-message h1 {
    font-size: 2.5rem;
    color: #fff;
    border-bottom: none; }
  #intro-message h2 {
    font-size: 2.5rem;
    color: #fff;
    font-style: italic; }

#search-form {
  opacity: 0; }
  #search-form .form-group {
    margin-bottom: 0; }
  #search-form input {
    background: white;
    font-size: .875rem;
    border-radius: .25rem 0 0 .25rem;
    padding: .6rem 1rem; }
  #search-form .btn {
    border-radius: 0 .25rem .25rem 0; }

#quicklinks {
  text-align: center;
  margin: 0 auto; }
  #quicklinks li {
    float: left;
    width: 100%; }
    #quicklinks li > a {
      min-height: 8rem;
      height: 8rem;
      color: #666; }
    #quicklinks li > a:hover {
      background: rgba(196, 191, 182, 0.3);
      text-decoration: none; }
    #quicklinks li > a:hover .fa {
      color: #63b1bc; }
    #quicklinks li > a:hover span {
      color: #333333; }
    #quicklinks li .fa {
      font-size: 2.75rem;
      padding: 0 0 10px;
      color: #165c7d; }
    #quicklinks li span {
      font-size: .875rem;
      padding: 0 10px; }
    #quicklinks li .quicklink-item {
      width: 100%;
      display: block; }

#news header,
#events header {
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.01em; }
  #news header h3,
  #events header h3 {
    color: #fff; }

#news {
  padding: 0;
  position: relative; }
  #news header {
    background: #ba5826;
    padding: .5rem; }
  #news .news-date {
    font-style: italic;
    color: #666666; }
  #news .card-wrapper {
    padding: 10px 0; }
  #news .card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    height: 225px;
    max-height: 225px;
    overflow: hidden;
    border-radius: 0; }
    #news .card:hover {
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
      -webkit-transition: all ease 0.5s;
      -moz-transition: all ease 0.5s;
      -o-transition: all ease 0.5s;
      -ms-transition: all ease 0.5s;
      transition: all ease 0.5s; }
      #news .card:hover .data {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s; }
      #news .card:hover .card-img-overlay {
        background: rgba(0, 0, 0, 0.5);
        -webkit-transition: 0.6s;
        -moz-transition: 0.6s;
        -o-transition: 0.6s;
        -ms-transition: 0.6s;
        transition: 0.6s; }
        #news .card:hover .card-img-overlay i.fa {
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -ms-transition: 0.3s;
          transition: 0.3s;
          display: block; }
    #news .card .data {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 101%;
      -ms-transform: translateY(170px);
      -moz-transform: translateY(calc(135px + 1em));
      -webkit-transform: translateY(calc(135px + 1em));
      -o-transform: translateY(calc(135px + 1em));
      transform: translateY(calc(135px + 1em));
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -ms-transition: 0.3s;
      transition: 0.3s; }
      #news .card .data .content {
        padding: 1em;
        position: relative;
        z-index: 1;
        background: white; }
        #news .card .data .content .news-detail {
          text-decoration: underline; }
    #news .card .text {
      height: 115px;
      margin: 0;
      font-size: .75rem; }
    #news .card input[type='checkbox'] {
      display: none; }
    #news .card input[type='checkbox']:checked + .menu-content {
      -ms-transform: translateY(-60px);
      -moz-transform: translateY(-60px);
      -webkit-transform: translateY(-60px);
      -o-transform: translateY(-60px);
      transform: translateY(-60px); }
    #news .card.compat-object-fit {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      #news .card.compat-object-fit img {
        opacity: 0; }
    #news .card img {
      object-fit: cover;
      height: 80%; }
    #news .card .card-img-overlay {
      width: 100%;
      height: 60%;
      text-align: center; }
  #news .date {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #8aa6be;
    color: #fff;
    padding: 0.8em; }
    #news .date span {
      display: block;
      text-align: center; }
    #news .date .day {
      font-weight: 700;
      font-size: 24px;
      text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18); }
    #news .date .month {
      text-transform: uppercase; }
    #news .date .month,
    #news .date .year {
      font-size: 12px; }
  #news .title {
    margin: 0 0 10px;
    padding: 0; }
    #news .title a {
      color: #666;
      font-size: 1.25rem;
      font-weight: bold; }
      #news .title a:hover {
        text-decoration: none;
        font-style: italic;
        color: #165c7d; }
  #news .news-item-tags {
    position: absolute;
    bottom: 10px; }
    #news .news-item-tags .fa {
      margin: 0 5px 0 0; }
    #news .news-item-tags li {
      float: left; }

#events {
  position: relative;
  padding: 0; }
  #events header {
    background: #41748d;
    padding: .5rem; }
    #events header h3 {
      font-size: 1.5rem; }
  #events .card-wrapper {
    padding: 10px 0 15px; }
  #events .card {
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
    #events .card:hover {
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
    #events .card .event {
      padding: .84rem .625rem;
      border-bottom: 1px solid rgba(204, 204, 204, 0.3); }
      #events .card .event .event-location {
        font-size: .8rem; }
      #events .card .event span {
        font-size: .875rem; }
      #events .card .event h2 {
        font-size: 1rem; }
  #events li a:hover {
    text-decoration: none;
    color: #333; }
    #events li a:hover h2 {
      font-style: italic;
      color: #165c7d; }

#events-interior {
  position: relative; }
  #events-interior header h3 {
    font-size: 1.5rem;
    padding: 0; }
  #events-interior .card-wrapper {
    padding: 10px 0 15px; }
    #events-interior .card-wrapper a {
      color: #333 !important; }
    #events-interior .card-wrapper a.btn {
      color: #fff !important; }
  #events-interior .card {
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
    #events-interior .card:hover {
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
    #events-interior .card .event {
      padding: .84rem .625rem;
      border-bottom: 1px solid rgba(204, 204, 204, 0.3); }
      #events-interior .card .event .event-location {
        font-size: .8rem; }
      #events-interior .card .event span {
        font-size: .875rem; }
      #events-interior .card .event h2 {
        font-size: 1rem; }
  #events-interior li a:hover {
    text-decoration: none;
    color: #333; }
    #events-interior li a:hover h2 {
      font-style: italic;
      color: #165c7d; }

#engage {
  width: 100%;
  border-top: 3px solid rgba(186, 88, 38, 0.5);
  border-bottom: 3px solid rgba(186, 88, 38, 0.5);
  z-index: 10; }
  #engage #making p {
    position: absolute;
    top: 32px;
    left: 32px; }
  #engage #living p {
    position: absolute;
    top: 32px;
    right: 32px; }
  #engage #better p {
    position: absolute;
    top: 32px;
    left: 32px; }
  #engage #making, #engage #better {
    background: rgba(196, 191, 182, 0.7); }
  #engage .card-wrapper {
    max-width: 1600px;
    margin: 0 auto; }
  #engage h3 {
    font-size: 1.3rem; }
  #engage p {
    font-size: 1.75rem;
    line-height: 2rem;
    color: #746661; }
  #engage a {
    display: block;
    max-width: 100%; }
    #engage a img {
      max-width: 100%; }
    #engage a.read-more {
      background: url("../images/img-cog.png") no-repeat;
      display: block;
      text-transform: uppercase;
      width: 150px;
      color: #ba5826;
      font-weight: bold;
      width: 150px;
      height: 150px;
      position: relative;
      top: 25px; }
      #engage a.read-more span {
        position: absolute;
        top: 63px;
        left: 23px;
        font-size: 1.125rem; }
  #engage a .fa {
    margin: 0 0 0 10px; }

#transparency {
  background: url("../images/bg-catawba-county.jpg") no-repeat bottom center fixed;
  position: relative;
  z-index: 1;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  width: auto;
  height: auto;
  z-index: 9;
  padding: 25px 0; }
  #transparency .card {
    font-size: 1.5em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
    #transparency .card:hover {
      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
    #transparency .card .highcharts-title {
      font-size: 1.125rem; }
    #transparency .card .btn {
      text-align: right; }
    #transparency .card .card-footer {
      background-color: transparent;
      border-top: none; }
  #transparency .card:first-child {
    margin-left: 0; }
  #transparency .card:last-child {
    margin-right: 0; }
  #transparency #strategic-plan {
    height: 100%;
    text-align: center; }
    #transparency #strategic-plan a:hover {
      text-decoration: none; }
    #transparency #strategic-plan img {
      width: 35%;
      display: block;
      margin: 0 auto; }
    #transparency #strategic-plan h2 {
      color: #ba5826;
      font-size: 2.125rem;
      font-weight: bold; }
    #transparency #strategic-plan h3 {
      color: #746661;
      font-size: 2.15rem;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.03rem; }
    #transparency #strategic-plan h4 {
      color: #41748d;
      font-size: 1.4rem;
      text-transform: uppercase;
      font-weight: bold; }
    #transparency #strategic-plan hr {
      border-top: 1px solid #63b1bc;
      width: 83%; }

footer {
  background: #41748d;
  color: #fff;
  font-size: .825rem;
  border-top: 5px solid #63b1bc; }
  footer h2 {
    font-size: 1.125rem;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-shadow: 1px 1px 1px rgba(102, 102, 102, 0.2);
    text-transform: uppercase;
    color: #fff; }
  footer a,
  footer a:hover {
    color: #fff;
    font-size: .75rem; }
  footer #social-media .fa {
    font-size: 2rem;
    padding: 0 .75rem 0 0; }
  footer hr {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    width: 75%;
    margin-left: 0; }
  footer #main-footer {
    max-width: 1600px;
    margin: 0 auto; }
    footer #main-footer li {
      font-size: .85rem;
      letter-spacing: 0.06em; }
  footer #sub-footer {
    border-top: 5px solid #63b1bc;
    background: #ba5826;
    padding: 10px 0;
    font-size: .75rem;
    text-align: center; }

/* .card{
    background:#f1f1f1;

    img{width:100%;}
} */
.btn {
  text-decoration: none; }
  .btn:hover {
    text-decoration: none; }

.btn-dark-blue {
  background: #165c7d;
  color: #fff; }
  .btn-dark-blue:hover {
    background: rgba(22, 92, 125, 0.8);
    color: #fff; }

.btn-mid-blue {
  background: #41748d; }
  .btn-mid-blue:hover {
    background: rgba(65, 116, 141, 0.8);
    color: #fff; }

.btn-light-blue {
  background: #63b1bc;
  color: #fff; }
  .btn-light-blue:hover {
    background: rgba(99, 177, 188, 0.8);
    color: #fff; }

.btn-orange {
  background: #ba5826;
  color: #fff; }
  .btn-orange:hover {
    background: rgba(186, 88, 38, 0.8);
    color: #fff; }

.btn-gray {
  background: #c4bfb6; }
  .btn-gray:hover {
    background: rgba(196, 191, 182, 0.8);
    color: #fff; }

.btn-brown {
  background: #746661; }
  .btn-brown:hover {
    background: rgba(116, 102, 97, 0.8);
    color: #fff; }

.card-text {
  background: #f3f3f3; }

.clear {
  clear: both; }

.clearfix::after {
  content: "";
  clear: both;
  display: table; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.block {
  display: block; }

.inline-block {
  display: inline-block;
  display: inline;
  *zoom: 1; }

.small {
  font-size: .875rem; }

#wrapper,
#content-wrapper {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto; }

#sub-nav,
#main-nav {
  width: 100%;
  max-width: 1600px;
  height: auto;
  margin: 0 auto; }

#main-nav {
  position: relative; }

.interior header#main {
  height: 100px;
  overflow-x: hidden; }
.interior #interior-search-btn {
  display: inline-block; }

.breadcrumbs {
  background: rgba(196, 191, 182, 0.5);
  border-bottom: 1px solid rgba(102, 102, 102, 0.1);
  font-size: .875rem; }
  .breadcrumbs .breadcrumb {
    background: transparent;
    color: #333;
    font-weight: normal; }
    .breadcrumbs .breadcrumb a:hover {
      text-decoration: underline;
      color: #333; }

.interior #content-wrapper h3 {
  color: #165c7d; }
.interior #content-wrapper a {
  color: #00477f; }
.interior #content-wrapper > div h2 {
  display: inline-block;
  letter-spacing: 0.03em; }
.interior #content-wrapper > div > .fa {
  position: relative; }
.interior #content-wrapper #page-nav {
  padding: .8rem 0 0; }
  .interior #content-wrapper #page-nav h2 {
    font-size: 1.125rem;
    font-weight: bold;
    cursor: pointer;
    display: block; }
  .interior #content-wrapper #page-nav > div {
    border-bottom: 1px solid rgba(204, 204, 204, 0.5); }
  .interior #content-wrapper #page-nav a {
    color: #666666; }
  .interior #content-wrapper #page-nav .fa {
    position: relative;
    top: -17px; }
  .interior #content-wrapper #page-nav > ul {
    display: none; }
    .interior #content-wrapper #page-nav > ul > li {
      display: block;
      border-bottom: 1px solid rgba(22, 92, 125, 0.2); }
      .interior #content-wrapper #page-nav > ul > li > a {
        display: block;
        padding: .5rem .7rem;
        position: relative; }
        .interior #content-wrapper #page-nav > ul > li > a.parent:after {
          font-family: "FontAwesome";
          content: "\f078";
          font-size: .875rem;
          position: absolute;
          top: 9px;
          right: 9px; }
        .interior #content-wrapper #page-nav > ul > li > a[aria-expanded="true"]:after {
          font-family: "FontAwesome";
          content: "\f106";
          font-size: 1.5rem; }
      .interior #content-wrapper #page-nav > ul > li > a:hover, .interior #content-wrapper #page-nav > ul > li a.show, .interior #content-wrapper #page-nav > ul > li a.opened {
        background: rgba(65, 116, 141, 0.1);
        text-decoration: none;
        font-weight: 500; }
      .interior #content-wrapper #page-nav > ul > li li {
        line-height: 2rem;
        font-size: .875rem; }
      .interior #content-wrapper #page-nav > ul > li ul li:hover a {
        font-weight: bold;
        text-decoration: none; }
      .interior #content-wrapper #page-nav > ul > li ul li a {
        padding: .5rem 1rem; }
        .interior #content-wrapper #page-nav > ul > li ul li a.active {
          font-weight: bold;
          text-decoration: none; }
    .interior #content-wrapper #page-nav > ul > li:hover > a {
      background: rgba(65, 116, 141, 0.1); }
.interior #content-wrapper #contact-info {
  padding: .8rem 0 0; }
  .interior #content-wrapper #contact-info h2 {
    font-size: 1.125rem;
    font-weight: bold;
    cursor: pointer;
    display: block; }
  .interior #content-wrapper #contact-info div > .fa {
    position: relative;
    top: -17px; }
  .interior #content-wrapper #contact-info ul {
    display: none; }
    .interior #content-wrapper #contact-info ul li {
      line-height: 1.5rem;
      font-size: .875rem; }
      .interior #content-wrapper #contact-info ul li ul {
        display: none; }
.interior #content-wrapper article#blog-post-content .fa {
  font-size: 1rem; }
.interior #content-wrapper article#blog-post-content .news-post-image {
  max-width: 320px; }
.interior #content-wrapper article#blog-post-content #news:before {
  background: none; }
.interior #content-wrapper article#blog-post-content #news a {
  text-decoration: none;
  color: #666; }
  .interior #content-wrapper article#blog-post-content #news a:hover {
    color: #000; }
.interior #content-wrapper article .department-item {
  box-shadow: 0 8px 6px -9px #cccccc;
  height: 17rem; }
.interior #content-wrapper article a {
	text-decoration: underline;
  color: #165c7d; }
  .interior #content-wrapper article a:hover {
    color: #165c7d; }
  .interior #content-wrapper article a.btn {
    color: #fff;
    text-decoration: none; }
    .interior #content-wrapper article a.btn:hover, .interior #content-wrapper article a.btn:active {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -ms-transition: 0.5s;
      transition: .5s; }
.interior #content-wrapper article .card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .interior #content-wrapper article .card:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
  .interior #content-wrapper article .card h3 a {
    font-size: 1rem; }
  .interior #content-wrapper article .card a {
    text-decoration: none; }
  .interior #content-wrapper article .card.internship {
    height: 215px;
    max-height: 215px; }
    .interior #content-wrapper article .card.internship img {
      object-fit: cover;
      height: 80%; }
    .interior #content-wrapper article .card.internship .card-footer {
      background: #fff; }
.interior #content-wrapper article .quicklinks {
  text-align: center; }
  .interior #content-wrapper article .quicklinks li {
    list-style: none;
    margin: 0;
    padding: 0; }
    .interior #content-wrapper article .quicklinks li a {
      display: block;
      font-size: .875rem; }
      .interior #content-wrapper article .quicklinks li a:hover {
        text-decoration: none; }
    .interior #content-wrapper article .quicklinks li:hover .fa {
      color: rgba(99, 177, 188, 0.6); }
    .interior #content-wrapper article .quicklinks li .fa {
      font-size: 2.25rem;
      color: #165c7d; }
.interior #content-wrapper article #search-results {
  list-style-type: circle; }
  .interior #content-wrapper article #search-results li {
    margin: 0 0 0 25px; }
.interior #content-wrapper article #content p {
  font-size: .875rem; }
  .interior #content-wrapper article #content p a {
    text-decoration: underline; }
    .interior #content-wrapper article #content p a.btn {
      text-decoration: none; }
.interior #content-wrapper article #content ul {
  margin: .75rem 0; }
  .interior #content-wrapper article #content ul li {
    list-style: disc; }
.interior #content-wrapper article #content ol {
  padding: 0 1.5rem;
  margin: .75rem 0; }
  .interior #content-wrapper article #content ol li {
    list-style: decimal; }
.interior #content-wrapper article #content li {
  list-style: disc;
  line-height: 22px;
  /* display:inline-block;*/ }
.interior #content-wrapper article #content .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
  margin: 0; }
  .interior #content-wrapper article #content .nav-tabs li {
    list-style: none; }
  .interior #content-wrapper article #content .nav-tabs > li {
    padding: 0 1px; }
    .interior #content-wrapper article #content .nav-tabs > li > a {
      text-decoration: none;
      border-bottom: none;
      font-size: .875rem; }
      .interior #content-wrapper article #content .nav-tabs > li > a.active {
        background: rgba(196, 191, 182, 0.2);
        border: 1px solid #f1f1f1;
        border-bottom: none;
        font-weight: bold; }
      .interior #content-wrapper article #content .nav-tabs > li > a:hover {
        text-decoration: none;
        background: rgba(196, 191, 182, 0.2); }
.interior #content-wrapper article #content .tab-content {
  padding: 1.428rem .714rem;
  border: 1px solid #f1f1f1;
  border-top: none;
  background: rgba(196, 191, 182, 0.2); }
  .interior #content-wrapper article #content .tab-content p {
    margin: 0 0 .5rem; }
.interior #content-wrapper article #content #news:before {
  display: none; }
.interior #content-wrapper article #content #news:after {
  display: none; }
.interior #content-wrapper article #content #events:before {
  display: none; }
.interior #content-wrapper article #content #events:after {
  display: none; }
.interior #content-wrapper article #content #events ul {
  padding: 0; }
  .interior #content-wrapper article #content #events ul li {
    list-style-type: none; }
    .interior #content-wrapper article #content #events ul li h2 {
      color: #333; }
  .interior #content-wrapper article #content #events ul a {
    color: #333; }
    .interior #content-wrapper article #content #events ul a:hover {
      text-decoration: none; }
      .interior #content-wrapper article #content #events ul a:hover h2 {
        font-style: italic; }
.interior #content-wrapper .accordion .card {
  border: none; }
  .interior #content-wrapper .accordion .card .accordion-body {
    background: rgba(196, 191, 182, 0.2); }
.interior #content-wrapper .card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0; }
  .interior #content-wrapper .card-header:hover {
    background: rgba(138, 166, 190, 0.5); }
  .interior #content-wrapper .card-header a {
    color: #fff;
    display: block;
    padding: 1rem;
    text-decoration: none;
    background: #41748d; }
    .interior #content-wrapper .card-header a:hover {
      text-decoration: none;
      color: #fff;
      background-color: rgba(65, 116, 141, 0.6); }
    .interior #content-wrapper .card-header a[aria-expanded="false"]:after {
      font-family: 'FontAwesome';
      content: "\f107";
      position: absolute;
      right: 35px;
      top: 10px;
      font-size: 1.5rem;
      display: none; }
    .interior #content-wrapper .card-header a[aria-expanded="true"] {
      background: rgba(186, 88, 38, 0.8); }
      .interior #content-wrapper .card-header a[aria-expanded="true"]:after {
        font-family: 'FontAwesome';
        content: "\f106";
        position: absolute;
        right: 35px;
        top: 10px;
        font-size: 1.5rem;
        display: none; }
.interior #content-wrapper #sidebar ul {
  list-style-type: disc;
  margin: 0 0 0 20px; }
.interior #content-wrapper #news:after {
  display: none; }

.borderless td, .borderless th {
  border: none; }

.align_left {
  float: left;
  margin: 0 1em 0.25em 0; }

.align_right {
  float: right;
  margin: .5em 0 0.25em 1em; }

.align_center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.on_gmap {
  left: 0;
  right: auto !important; }

#interior-search-btn {
  /* display: none; } */
  }

#interior-search {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: translate(0px, -100%) scale(0, 0);
  -moz-transform: translate(0px, -100%) scale(0, 0);
  -o-transform: translate(0px, -100%) scale(0, 0);
  -ms-transform: translate(0px, -100%) scale(0, 0);
  transform: translate(0px, -100%) scale(0, 0);
  opacity: 0; }
  #interior-search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1; }
  #interior-search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: white;
    background: rgba(0, 0, 0, 0);
    font-size: 3rem;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none; }
  #interior-search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px; }
  #interior-search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px; }

#library-social-media a .fa {
  font-size: 3.5rem !important; }

.shape-section {
  background: #222;
  border-bottom: 2px solid #555;
  border-top: 2px solid #555;
  margin-top: 30px;
  padding: 40px 0; }

.diamond-shape {
  background: #fff;
  height: 35px;
  text-align: center;
  transform: rotate(45deg);
  width: 35px;
  display: inline-block;
  position: relative;
  left: 10px; }

.item-count {
  color: #fff;
  display: table-cell;
  height: 35px;
  transform: rotate(-45deg);
  vertical-align: middle;
  width: 35px;
  font-size: 1.5rem;
  font-weight: bold; }

#slides {
  position: relative;
  margin: 5rem 0 0; }

.slide {
  min-height: 100vh;
  position: relative; }
  .slide .title-bar {
    position: relative; }
    .slide .title-bar img {
      position: absolute;
      left: 5px;
      top: -8px; }
    .slide .title-bar h2 {
      color: #fff;
      font-weight: bold;
      text-transform: uppercase; }
  .slide .success-statement {
    font-style: italic; }
    .slide .success-statement p {
      margin: 0 0 0 3rem;
      font-weight: 600; }
  .slide .item-count {
    color: #fff; }
  .slide .strategy-title {
    font-weight: bold;
    position: relative;
    top: .3rem; }
  .slide h3.steps-title {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold; }
  .slide ol li {
    list-style-type: lower-alpha !important; }

ul.nav-prev-next {
  padding: 0 !important;
  position: absolute;
  top: -4.5rem;
  right: 0; }
  ul.nav-prev-next li {
    list-style: none;
    display: inline-block;
    padding: 0 5px 0 0; }

ol.nav-pager {
  padding: 0 !important;
  position: absolute;
  top: -4.5rem;
  left: 0; }
  ol.nav-pager li {
    list-style: none !important;
    display: inline-block; }

.search-result-url {
  font-size: .875rem;
  color: #666666; }

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: black;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9; }

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9); }

#return-to-top:hover i {
  color: #fff;
  top: 5px; }

#candidate-info td {
  border-top: 1px solid #ccc; }
#candidate-info thead th {
  border-bottom: 1px solid #ccc; }
#candidate-info ul {
  margin: 0 !important; }

#calendar-day-list li {
  border-bottom: 1px solid rgba(204, 204, 204, 0.3);
  margin: 0 !important;
  list-style: none !important; }
  #calendar-day-list li a {
    color: #333333 !important; }

.rm-calendar {
  z-index: 1; }

.highcharts-credits {
  display: none !important; }

.sitemap ul {
  margin: 0 0 0 1rem;
  list-style: circle; }

.brand .modal-body {
  overflow-y: scroll; }
  .brand .modal-body ul {
    list-style: disc;
    padding: 0 0 0 2rem; }
.brand #content-wrapper {
  max-width: 100%;
  background: rgba(196, 191, 182, 0.7);
  overflow: hidden; }
.brand .brand-action {
  text-align: center;
  background: #c4bfb6; }
  .brand .brand-action .front, .brand .brand-action .back {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    top: 0;
    left: 0;
    height: 258px; }
  .brand .brand-action .front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    padding: 0 1rem; }
  .brand .brand-action .back {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: absolute;
    top: 0; }
    .brand .brand-action .back a {
      background: url(../images/img-brand-portal-gear-white-small.png) no-repeat center center;
      padding: .75rem 0;
      color: #fff;
      border: none;
      display: block;
      text-align: center; }
      .brand .brand-action .back a i {
        position: relative;
        font-size: 1.5rem; }
    .brand .brand-action .back p {
      color: #fff;
      font-size: .875rem; }
  .brand .brand-action .flip {
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    height: 100%; }
  .brand .brand-action h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 2px #333;
    text-transform: lowercase; }
.brand .brand-blurb {
  background: #746661;
  text-align: center;
  color: #fff;
  font-family: "lexia",serif;
  font-size: .875rem; }
  .brand .brand-blurb p {
    letter-spacing: .06rem; }
.brand .brand-img-multi-col {
  height: 225px; }
  .brand .brand-img-multi-col img {
    position: absolute;
    left: 0; }
  .brand .brand-img-multi-col .top-layer {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
    .brand .brand-img-multi-col .top-layer h2 {
      position: relative;
      z-index: 5;
      font-size: 2rem;
      color: #fff;
      font-family: 'futura-pt-condensed', sans-serif;
      font-weight: 700;
      text-shadow: 1px 2px 2px #000; }
    .brand .brand-img-multi-col .top-layer img {
      z-index: 4;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .brand .brand-img-multi-col.even:hover .top-layer {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  .brand .brand-img-multi-col.odd:hover .top-layer {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  .brand .brand-img-multi-col .bottom-layer {
    position: absolute;
    z-index: 0;
    width: 100%; }
    .brand .brand-img-multi-col .bottom-layer p {
      font-size: .875rem;
      margin: 0 10px 0 0;
      padding: .5rem;
      text-align: center; }
    .brand .brand-img-multi-col .bottom-layer a {
      background: url(../images/img-brand-portal-gear-mid-blue-small.png) no-repeat center center;
      padding: .75rem 0;
      color: #41748d;
      display: block;
      text-align: center; }
      .brand .brand-img-multi-col .bottom-layer a i {
        position: relative;
        font-size: 1.5rem; }
.brand .row-light-blue {
  background: #63b1bc; }
.brand .row-mid-blue {
  background: #41748d; }
.brand .row-dark-blue {
  background: #165c7d; }
.brand .row-orange {
  background: #ba5826; }
.brand .featured-catawban img {
  width: 100%;
  height: 100%;
  object-fit: cover; }
.brand .featured-catawban .featured-catawban-info {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  text-align: center;
  color: #fff;
  -ms-transform: translateY(-72px);
  -moz-transform: translateY(-72px);
  -webkit-transform: translateY(-72px);
  -o-transform: translateY(-72px);
  transform: translateY(-72px);
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  transition: all ease 0.5s;
  height: 100%; }
  .brand .featured-catawban .featured-catawban-info h3 {
    color: #fff;
    font-family: 'lexia';
    letter-spacing: 0.1rem; }
  .brand .featured-catawban .featured-catawban-info h4 {
    font-size: 1.25rem; }
  .brand .featured-catawban .featured-catawban-info h5 {
    font-size: .875rem; }
  .brand .featured-catawban .featured-catawban-info p {
    font-size: .875rem; }
  .brand .featured-catawban .featured-catawban-info a {
    color: #fff; }
    .brand .featured-catawban .featured-catawban-info a i {
      position: relative;
      font-size: 1.5rem; }
.brand .featured-catawban:hover .featured-catawban-info {
  transform: translateY(-101%);
  transition: all ease 0.5s; }
.brand .modal-header, .brand .modal-footer {
  background: rgba(196, 191, 182, 0.5); }
.brand .modal-header h5 {
  color: #ba5826;
  font-family: "lexia",serif;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.05rem; }
.brand .modal-body {
  background: rgba(196, 191, 182, 0.3);
  padding: 0 1rem; }

.csstransforms3d .brand .brand-action .flipper-container {
  height: 100%;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
.csstransforms3d .brand .brand-action .front, .csstransforms3d .brand .brand-action .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
.csstransforms3d .brand .brand-action .front {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg); }
.csstransforms3d .brand .brand-action .back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg); }
.csstransforms3d .brand .brand-action .flip {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative; }
  .csstransforms3d .brand .brand-action .flip:hover .front, .csstransforms3d .brand .brand-action .flip.hover .front {
    transform: rotateY(180deg); }
  .csstransforms3d .brand .brand-action .flip:hover .back, .csstransforms3d .brand .brand-action .flip.hover .back {
    transform: rotateX(0deg); }
.csstransforms3d .brand-img-multi-col .top-layer {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }
.csstransforms3d .featured-catawban .featured-catawban-info {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  transition: all ease 0.5s; }
.csstransforms3d .featured-catawban:hover .featured-catawban-info {
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  transition: all ease 0.5s; }
.csstransforms3d .featured-catawban p {
  font-style: italic; }

.carousel-inner:after {
  content: '';
  background: transparent url("../images/pattern.png") repeat top left; }

.carousel-indicators li {
  height: 6px;
  border-radius: 10px; }

.brand-home #navigation {
  position: absolute; }
  .brand-home #navigation #sub-nav-wrapper {
    background: none; }
  .brand-home #navigation #main-nav-wrapper {
    background: none;
    box-shadow: none; }
    .brand-home #navigation #main-nav-wrapper #main-nav {
      background: none; }
      .brand-home #navigation #main-nav-wrapper #main-nav .menu .navbar-collapse {
        background: none; }
      .brand-home #navigation #main-nav-wrapper #main-nav .menu div ul a {
        color: #fff; }
.brand-home .hamburger-inner,
.brand-home .hamburger-inner:before,
.brand-home .hamburger-inner:after {
  background: #fff; }
.brand-home .dropdown-menu {
  background: rgba(0, 0, 0, 0.4); }
.brand-home .slide ol li {
  list-style-type: none !important; }

.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .carousel-item.desaturate {
    animation: toColor 3s; }
  .carousel-item:after {
    content: '';
    background: transparent url("../images/pattern.png") repeat top left;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; }
  .carousel-item h3 {
    font-size: 4rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 2px 2px #000;
    line-height: 4rem; }
  .carousel-item p {
    font-size: 1.25rem;
    text-shadow: 1px 2px 2px #000;
    line-height: 1.5rem; }

    .uppercase{text-transform:uppercase;}
@keyframes toColor {
  0% {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  25% {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
  50% {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%); }
  75% {
    -webkit-filter: grayscale(25%);
    filter: grayscale(25%); }
  100% {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%); } }
@media (min-width: 36em) {
  header#main {
    /* height: 260px; COVID-19  */
  display:flex;}
  header#main{height:68%;}
    header#main .card {
      background: rgba(0, 0, 0, 0.6); }
    header#main #header-info {
      right: -12.5rem; }
      header#main #header-info #image-info {
        width: 200px; }
      header#main #header-info #image-info-btn {
        top: 2.5rem;
        left: -3rem; }

  #main-nav .hamburger {
    top: 1rem; }

  .menu > div > ul > li .dropdown-menu {
    border-radius: 0; }

  #quicklinks li > a {
    min-height: 9rem;
    height: auto; }
  #quicklinks li span {
    padding: 0 10px;
    font-size: 1rem; }

  #news .card {
    height: 260px; }
    #news .card .title a {
      font-size: 1.125rem; }
    #news .card .text {
      font-size: .875rem; }
    #news .card .news-detail {
      font-weight: 600;
      font-style: italic;
      font-size: .875rem; }

  .interior header#main {
    height: 260px; }

  .interior #content-wrapper > div .fa {
    position: relative;
    /*  top:6px; */ }
  .interior #content-wrapper #contact-info ul {
    display: none; }
  .interior #content-wrapper article {
    font-size: .875rem; }
    .interior #content-wrapper article .quicklinks {
      text-align: center; }
      .interior #content-wrapper article .quicklinks li {
        margin: 0; }
        .interior #content-wrapper article .quicklinks li a {
          display: block;
          font-size: .875rem;
          text-decoration: none; }
        .interior #content-wrapper article .quicklinks li .fa {
          font-size: 3.5rem;
          color: #41748d; }
        .interior #content-wrapper article .quicklinks li :hover .fa {
          color: rgba(99, 177, 188, 0.6); }
    .interior #content-wrapper article ul li {
      /*display:inline-block;*/ }

  .brand .brand-img-multi-col {
    height: 258px; }
    .brand .brand-img-multi-col .top-layer h2 {
      font-size: 3rem; }
  .brand .brand-action h2 {
    font-size: 2rem; }
  .brand .brand-action .front, .brand .brand-action .back {
    height: 100%; }
  .brand .brand-row-info .brand-filler {
    height: 285px; }
    .brand .brand-row-info .brand-filler img {
      margin: 0 auto; }

  .carousel-item h3 {
    font-size: 5rem; }
  .carousel-item p {
    line-height: 2rem; } }
@media (min-width: 48em) {
  nav.sub-nav {
    color: white; }
    nav.sub-nav a {
      color: white; }
    nav.sub-nav .sub-nav-social-media li {
      display: inline-block;
      *display: inline;
      zoom: 1; }
      nav.sub-nav .sub-nav-social-media li .fa {
        font-size: 1.25rem; }
    nav.sub-nav .sub-nav-contact-info {
      font-size: .75rem; }
      nav.sub-nav .sub-nav-contact-info li {
        display: inline-block;
        *display: inline;
        zoom: 1; }
        nav.sub-nav .sub-nav-contact-info li:last-child::after {
          content: ""; }
        nav.sub-nav .sub-nav-contact-info li::after {
          content: "|";
          padding: 0 10px; }

  #main-nav .hamburger {
    top: 1.5rem; }

  header#main #header-info {
    right: -15.75rem; }
    header#main #header-info #image-info {
      width: 250px; }
    header#main #header-info #image-info-btn {
      top: 5.1rem; }

  .event h2 {
    font-size: 1.125rem;
    color: #666; }

  #engage p {
    font-size: 1rem;
    line-height: 1.125rem; }
  #engage a.read-more {
    width: 75px;
    height: 75px;
    top: 15px;
    background-size: 75px;
    text-align: center; }
    #engage a.read-more span {
      top: 22px;
      left: 2px;
      font-size: .875rem;
      line-height: .875rem; }
  #engage #making p {
    top: 1rem;
    left: .935rem; }
  #engage #living p {
    top: 1rem;
    right: .935rem; }
  #engage #better p {
    top: 1rem;
    left: 0.935rem; }

  .dashboard-image {
    height: 200px; }

  footer a {
    font-size: 1rem; }

  .brand .brand-action > .row {
    height: 100%; }
  .brand .flip-container {
    height: 100%; }
  .brand .featured-catawban-info {
    top: 112%; }
  .brand .featured-catawban img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .brand .featured-catawban .featured-catawban-info {
    -ms-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px); }
  .brand .featured-catawban:hover .featured-catawban-info {
    transform: translateY(-112%); } }
@media (min-width: 62em) {
  h1 {
    font-size: 1.75rem; }

  h2 {
    font-size: 1.5rem; }

  h3 {
    font-size: 1.25rem; }

  h4 {
    font-size: 1.125rem; }

  nav.sub-nav {
    color: white; }
    nav.sub-nav a {
      color: white; }
    nav.sub-nav .sub-nav-social-media li {
      display: inline-block;
      *display: inline;
      zoom: 1; }
      nav.sub-nav .sub-nav-social-media li .fa {
        font-size: 1.25rem; }
    nav.sub-nav .sub-nav-contact-info {
      font-size: .75rem;
      text-align: right; }
      nav.sub-nav .sub-nav-contact-info li {
        display: inline-block;
        *display: inline;
        zoom: 1; }
        nav.sub-nav .sub-nav-contact-info li:last-child::after {
          content: "";
          padding: 0; }
        nav.sub-nav .sub-nav-contact-info li::after {
          content: "|";
          padding: 0 10px; }

  #main-nav {
    /* height: 3.75rem; */ }
    #main-nav > a.logo {
      position: absolute;
      width: 100%;
      top: -5px; }
    #main-nav .menu > div > ul > li {
      border-top: none;
      padding: 20px 5px; }
      #main-nav .menu > div > ul > li:hover .dropdown-menu {
        display: static; }
      #main-nav .menu > div > ul > li a {
        font-size: .875rem; }
    #main-nav .menu > div .dropdown-menu {
      left: auto;
      right: 0;
      border-top: 5px solid rgba(65, 116, 141, 0.7);
      box-shadow: 1px 5px 7px -7px #000;
      overflow-y: inherit; }
      #main-nav .menu > div .dropdown-menu a {
        font-size: .875rem; }
        #main-nav .menu > div .dropdown-menu a:hover {
          background: rgba(65, 116, 141, 0.1);
          font-weight: 700; }
      #main-nav .menu > div .dropdown-menu h2 {
        font-size: 1.125rem;
        border-bottom: 1px solid #ccc; }
    #main-nav .menu .dropdown.menu-large.show {
      position: static; }
      #main-nav .menu .dropdown.menu-large.show .dropdown-menu {
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto; }
    #main-nav .menu .mlb {
      min-width: 22rem; }
    #main-nav .menu .government {
      min-width: 35rem; }
    #main-nav .menu .online-services {
      min-width: 35rem; }

  header#main {
    /* height: 50%; COVID-19*/ }
  header #intro-message h1 {
    font-size: 1.125rem;
    padding-top: 2rem !important;
    font-weight: normal; }
  header #intro-message h2 {
    font-size: 1.125rem;
    padding-top: 2rem !important; }
  header #search-form .form-group {
    margin-bottom: 0; }
  header #search-form input {
    padding: 1.58rem; }
  header #search-form .btn {
    padding: .75rem;
    border-radius: 0 .25rem .25rem 0;
    font-size: 1.125rem; }

  .menu {
    position: relative; }
    .menu .navbar-collapse {
      overflow-y: inherit; }
    .menu > div > ul {
      height: auto; }

  #quicklinks li .fa {
    font-size: 2.25rem; }
  #quicklinks li span {
    font-size: .875rem; }

  #news {
    padding: 0;
    position: relative; }
    #news header {
      /*  padding: 10px 0 10px 155px; */
      text-align: left; }
      #news header h3 {
        font-size: 1.75rem;
        color: #fff; }
    #news .news-date {
      font-style: italic;
      color: #666666; }
    #news:before {
      content: "";
      height: 0;
      width: 50px;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0; }
    #news:after {
      height: 0;
      width: 0;
      content: "";
      display: block;
      position: absolute;
      border-bottom: 65px solid #fafafa;
      border-left: 25px solid #fafafa;
      right: 0;
      top: 0; }
    #news .card {
      height: 238px; }

  #events header {
    /*  padding: 10px 0 10px 155px; */
    text-align: left; }
    #events header h3 {
      font-size: 1.75rem;
      color: #fff; }
  #events .card {
    height: 708px; }

  #engage p {
    font-size: 1.125rem;
    line-height: 1.625rem; }
  #engage a {
    display: block;
    width: 100%;
    max-width: 100%; }
    #engage a img {
      max-width: 100%; }
    #engage a.read-more {
      width: 100px;
      height: 100px;
      background-size: 100px; }
      #engage a.read-more span {
        top: 30px;
        left: 2px;
        font-size: 1.125rem;
        line-height: 1.125rem; }
  #engage #making p {
    top: .5rem;
    left: .935rem; }
  #engage #living p {
    top: 1rem;
    right: .935rem; }
  #engage #better p {
    top: 0;
    left: 0.935rem; }

  #transparency .card .dashboard-image {
    height: 300px; }
  #transparency .card img {
    height: auto;
    margin: 0 auto; }

  .interior header#main {
    height: 250px; }

  .interior #content-wrapper {
    width: 100%;
    max-width: 1600px; }
    .interior #content-wrapper article {
      font-size: 1rem; }
      .interior #content-wrapper article h3 a {
        font-size: 1.5rem; }
      .interior #content-wrapper article #content p {
        font-size: 1rem; }
    .interior #content-wrapper #page-nav div .fa {
      top: 14px; }
    .interior #content-wrapper #page-nav > ul {
      display: block; }
      .interior #content-wrapper #page-nav > ul li ul {
        border-bottom: 1px solid rgba(204, 204, 204, 0.5);
        border-top: 1px solid rgba(204, 204, 204, 0.5); }
    .interior #content-wrapper .department-item ul li {
      font-size: .875rem; }
    .interior #content-wrapper #contact-info h2 {
      font-size: 1.5rem; }
    .interior #content-wrapper #contact-info ul {
      display: block; }
      .interior #content-wrapper #contact-info ul li {
        padding: 0 .25rem;
        font-size: .875rem; }

  footer h2 {
    font-size: 1rem; }
  footer a {
    font-size: .875rem; }

  .brand .brand-img-multi-col {
    height: 325px; }
    .brand .brand-img-multi-col .top-layer h2 {
      font-size: 3rem; }
    .brand .brand-img-multi-col .bottom-layer p {
      font-size: 1rem; }
    .brand .brand-img-multi-col.even:hover .top-layer {
      transform: translateX(50%);
      transition: all .5s ease-in-out; }
    .brand .brand-img-multi-col.odd:hover .top-layer {
      transform: translateX(-50%);
      transition: all .5s ease-in-out; }
  .brand .brand-row-info .brand-filler {
    height: 366px; }
  .brand .brand-action h2 {
    font-size: 3rem; }
  .brand .featured-catawban-info {
    top: 109%; }
  .brand .featured-catawban:hover .featured-catawban-info {
    transform: translateY(-109%); }

  .brand-home .carousel-item h3 {
    font-size: 7rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 2px 2px #000;
    line-height: 5rem; }
  .brand-home .carousel-item p {
    font-size: 1.75rem;
    text-shadow: 1px 2px 2px #000;
    line-height: 2rem; } }
@media (min-width: 64em) {
  .brand .flip-container {
    height: 100%; } }
@media (min-width: 75em) {
  h1 {
    font-size: 2rem; }

  h2 {
    font-size: 1.75rem; }

  h3 {
    font-size: 1.5rem;
    padding: .75rem 0; }

  h4 {
    font-size: 1.25rem; }

  #main-nav .menu > div > ul > li {
    padding: 20px 15px; }
    #main-nav .menu > div > ul > li a {
      font-size: .875rem; }

  .breadcrumbs {
    font-size: 1rem; }

  .interior #news:after {
    display: none; }
  .interior #content-wrapper #page-nav > ul > li {
    border-bottom: none; }
    .interior #content-wrapper #page-nav > ul > li > a {
      font-size: .875rem; }
    .interior #content-wrapper #page-nav > ul > li li {
      font-size: .75rem; }
    .interior #content-wrapper #page-nav > ul > li ul li a {
      padding: .5rem 1.5rem; }

  #news:after {
    height: 0;
    width: 0;
    content: "";
    display: block;
    position: absolute;
    border-bottom: 75px solid #fafafa;
    border-left: 32px solid transparent;
    right: 0;
    top: 0; }
  #news header h3 {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0; }
  #news .card {
    height: 242px;
    max-height: 242px; }
    #news .card .data {
      -ms-transform: translateY(calc(152px + 1em));
      -webkit-transform: translateY(calc(152px + 1em));
      -moz-transform: translateY(calc(152px + 1em));
      -o-transform: translateY(calc(152px + 1em));
      transform: translateY(calc(152px + 1em)); }
    #news .card .text {
      height: 132px; }

  #events:before {
    height: 0;
    width: 0;
    content: "";
    display: block;
    position: absolute;
    border-top: 122px solid #fafafa;
    border-right: 43px solid transparent;
    left: 0;
    top: 0; }
  #events header h3 {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0; }
  #events .card {
    height: 500px; }
    #events .card h3 {
      font-size: 1rem; }
  #events .event .fa {
    font-size: .75rem;
    padding: 0 2px 0 0; }
  #events .event .event-location {
    padding: 5px 0; }

  #engage p {
    font-size: 1.5rem;
    line-height: 1.75rem; }
  #engage a.read-more {
    width: 125px;
    height: 125px;
    background-size: 125px;
    top: 40px; }
    #engage a.read-more span {
      top: 40px;
      left: 0px;
      font-size: 1.25rem;
      padding: 0 10px; }
  #engage #making p {
    top: 2rem; }
  #engage #living p {
    top: 2rem; }
  #engage #better p {
    top: .3rem; }

  #transparency #strategic-plan h2 {
    font-size: 1.75rem; }
  #transparency #strategic-plan h3 {
    font-size: 1.75rem;
    padding-bottom: 0; }
  #transparency #strategic-plan h4 {
    font-size: 1.125rem; }
  #transparency #strategic-plan > div {
    margin-top: 40%; }

  .interior header#main {
    height: 45%; }

  footer a {
    font-size: .875rem; }
    footer a:hover {
      font-size: .875rem; }

  .brand .brand-img-multi-col {
    height: 275px; }
    .brand .brand-img-multi-col .bottom-layer p {
      font-size: 0.875rem;
      padding: .5rem 0 0; }
  .brand .brand-action h2 {
    font-size: 1.875rem; }
  .brand .brand-row-info .brand-filler {
    height: 275px; }
  .brand .featured-catawban:hover .featured-catawban-info {
    transform: translateY(-112%); }
  .brand .featured-catawban-info {
    top: 112%; }
    .brand .featured-catawban-info h3 {
      font-size: 1.25rem; }
    .brand .featured-catawban-info h4 {
      font-size: .875rem; }
    .brand .featured-catawban-info h5 {
      font-size: .75rem; }
    .brand .featured-catawban-info p {
      line-height: 18px; } }
@media (min-width: 90em) {
  header#main{display:flex;height:77%}
  #main-nav .menu > div > ul > li a {
    font-size: 1rem; }

  header#main {
    /* height: 65%; COVID-19*/ }
  header #intro-message h1 {
    font-size: 1.4rem;
    padding-top: 1.5rem !important; }
  header #intro-message h2 {
    font-size: 1.4rem;
    padding-top: 1.6rem !important; }
  header #search-form input {
    font-size: 1.125rem;
    padding: 1.78rem; }
  header #search-form .btn {
    padding: .45rem 1.25rem .5rem;
    font-size: 1.75rem; }

  #main-nav .menu .dropdown-menu {
    right: -10rem; }

  #engage #making p {
    top: 4rem; }
  #engage #living p {
    top: 3rem; }
  #engage #better p {
    top: 2rem; }

  #transparency #strategic-plan > div {
    margin-top: 30%; }
  #transparency #strategic-plan h2 {
    font-size: 2.125rem; }
  #transparency #strategic-plan h3 {
    font-size: 2.15rem; }
  #transparency #strategic-plan h4 {
    font-size: 1.4rem; }

  .brand .brand-img-multi-col .bottom-layer p {
    font-size: 1rem; }
  .brand .brand-action h2 {
    font-size: 2.5rem; }
  .brand .brand-action .back p {
    font-size: 1rem; }
  .brand .featured-catawban img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .brand .featured-catawban:hover .featured-catawban-info {
    transform: translateY(-110%);
    transition: all ease 0.5s; } }
@media (min-width: 100em) {
  header #search-form input {
    padding: 1.78rem; }
  header #intro-message h1 {
    font-size: 1.875rem; }
  header #intro-message h2 {
    font-size: 1.875rem; }

  #quicklinks {
    max-width: 1600px;
    margin: 0 auto; }

  #content-wrapper section {
    max-width: 1600px;
    margin: 0 auto; }

  #news:before {
    content: "";
    height: 0;
    width: 300px;
    background: #fafafa; 
    display: block;
    position: absolute;
    left: -18.75rem;
    top: 0;
    padding: 1.9rem; }

  #events:after {
    content: "";
    height: 0;
    width: 182px;
    background: #41748d;
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    padding: 1.9rem; }

  #transparency .card-wrapper {
    width: 1600px;
    max-width: 1600px;
    margin: 0 auto; }

  .breadcrumbs .breadcrumb {
    max-width: 1600px; }

  #engage #making p {
    top: 4rem; }
  #engage #living p {
    top: 4rem; }
  #engage #better p {
    top: 2rem; }

  #transparency #strategic-plan > div {
    margin-top: 25%; }
  #transparency #strategic-plan hr {
    width: 73%; }

  .brand .brand-img-multi-col {
    height: auto; }
  .brand .brand-row-info .brand-filler {
    height: 296px; }
  .brand .featured-catawban .featured-catawban-info h3 {
    font-size: 1.25rem; }
  .brand .featured-catawban .featured-catawban-info h4 {
    font-size: 1.125rem; }
  .brand .featured-catawban .featured-catawban-info h5 {
    font-size: .875rem; } }
@media (min-width: 115em) {
  #events:after {
    right: -8.5rem; }

  .brand .brand-row-info .brand-filler {
    height: 340px; }
  .brand .featured-catawban-info {
    top: 108%; }

  .brand .brand-action h2 {
    font-size: 2.5rem; }
  .brand .featured-catawban img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .brand .featured-catawban:hover .featured-catawban-info {
    transform: translateY(-108%);
    transition: all ease 0.5s; }
  .brand .featured-catawban .featured-catawban-info {
    top: 110%; }
    .brand .featured-catawban .featured-catawban-info h3 {
      font-size: 1.5rem; } }
@media (min-width: 120em) {
  #quicklinks li .fa {
    font-size: 2.75rem; }
  #quicklinks li span {
    font-size: 1rem; }

  #news:before {
    width: 176px;
    left: -175px;
    padding: 1.9rem; }

  #events:before {
    left: -1px;
    top: -1px; }
  #events:after {
    padding: 1.9rem;
    width: 176px;
    right: -10.4rem; }

  #engage #better p {
    top: 30px; } }


/*# sourceMappingURL=style.css.map */