/******************************************************************
Site Name: Northeastern University Library
Author:Jeanine Nicole Rodriguez
Stylesheet: Main Stylesheet
******************************************************************/

/* ===============================================================
HTML5 display definitions
=============================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}
audio, canvas, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
/* ===============================================================
Base
=============================================================== */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: "Lato", Calibri, Helvetica, Arial, Verdana, and Times New Roman!important;
  font-size: 1em;
  line-height: 1.5;
  color: #444444!important;
  background: #EEEEEF!important;
  margin: 0!important;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  max-width: 100%!important;
  padding: 0!important;
  box-shadow: none!important;
  border: none!important;
}
.wrap {
  max-width: 1500px;
  width:1500px;
  margin: 0 auto;
}

/* ===============================================================
Links
=============================================================== */
a {
  background: transparent;
}
a:focus {
  border-radius: 4px;
}
a:active, a:hover {
  outline: 0;
}
/* ===============================================================
Typography
=============================================================== */
h1 {
  font-size: 2em;
  margin: 0;
  }abbr[title] {
    border-bottom: 1px dotted;
  }
  b, strong, .strong {
    font-weight: bold;
  }
  dfn, em, .em {
    font-style: italic;
  }
  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
  }
  p {
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  pre {
    margin: 0;
  }
  code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
  }
  pre {
    white-space: pre-wrap;
  }
  q {
    quotes: "\201C""\201D""\2018""\2019";
  }
  q:before, q:after {
    content: '';
    content: none;
  }
  small, .small {
    font-size: 0.75em;
  }
  sub, sup {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }


  /******************************************************************
  H1, H2, H3, H4, H5 STYLES
  ******************************************************************/
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    text-rendering: optimizelegibility;
    font-weight: 500;
  }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none;
  }
  h1, .h1, h1 a, .h1 a {
    font-size: 1.85em;
    line-height: 1.333em;
    font-weight: bold;
    margin: 10px 0;
    color: #0e4b74;
  }
  h2, .h2, h2 a, .h2 a {
    font-size: 1.6em;
    line-height: 1.4em;
    font-weight: bold;
    margin-bottom: 0.375em;
    color: #508311!important;
    margin-top: 0;

  }
  h3, .h3, h3 a, .h3 a {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 0.375em;
    margin-top: 0.375em;
    color: #387AA6;
  }
  h4, .h4, h4 a, .h4 a {
    font-size: 1.125em;
    font-weight: bold;
    margin-bottom: 0.375em;
    color: #444444;
  }
  h5, .h5, h5 a, .h5 a {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.375em;
    text-transform: none;
    letter-spacing: 2px;
    color: #387AA6;
  }
  h1 a, h2 a, h3 a, h4 a, h5 a {
    text-decoration: underline;
    color: #0e4b74;
  }
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
    color: #b4061e;
  }
  .before-header {
    font-size: 1.5em!important;
    color: #b4061e!important;
    text-align: center!important;
  }

  /* ===============================================================
  Header
  =============================================================== */
  .header {
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: auto;
  }
  #logo {
    margin: 0.75em 0;
  }
  #logo a {
    color: white;
  }
  @media only screen and (max-width: 1080px) {
    .header {
      height: auto;
    }
  }
  @media only screen and (max-width: 1024px) {
    #inner-header {
      width:95%;
    }
  }
  @media only screen and (max-width: 912px) {
    #inner-header {
      width:95%;
    }
  }
  @media only screen and (max-width: 900px) {
    #inner-header{
      width:100%!important;
    }
  }
  @media only screen and (max-width: 720px) {
    #inner-header{
      width:100%;
    }
  }

  /* ===============================================================
  Searchbar Box
  =============================================================== */
  .searchform {
  }
  .searchbar-box {
    position: relative;
    margin-top: 15px;
    width: 100%;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    box-shadow: inset 0 0 4px #444;
  }

  .searchbar-box .searchbar {
    position: relative;
    width: calc(100% - 20px) !important;
    outline: unset;
    border: none;
    padding: 6px;
    margin-left: 8px;
    font-size: 16px;
    line-height: 18px;
    margin-right: 4px;
    border-radius: 20px;
    color:#444444;
    background:none;
  }
  .searchbar-box .searchbar:focus-visible {
    outline: 2px solid #b4061e;
  }
  .searchbar-box .search-button {
    position: relative;
    font-size: 18px;
    margin-left: 4px;
    height: 44px;
    width: 44px;
    border-radius: 20px;
    background: none!important;
    color: #b4061f;

  }
  .searchbar-box .search-button:focus {
    outline: 2px solid #b4061e;
  }
  .search-button:hover {
    cursor: pointer;
    border-radius: 0 20px 20px 0;
    transition: var(--transition-duration);
    background: #b4061f!important;
    color: #ffffff;
  }

  button {
    position: relative;
    box-sizing: border-box;
    border-radius: var(--rounded-m);
    border: none;
    max-width: 450px;
    position: relative;
    transition:var(--transition-duration)
  }
  #float_right.ddtarget {
    float: right;
    min-width: 22%;
  }
  @media only screen and (max-width: 900px) {
    .searchbar-box {
      position: relative;
      margin-top: 15px;
      width: 100%;
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: start;
      box-shadow: inset 0 0 4px #444;
      margin-bottom: 30px;
      margin-top: 30px;

    }
    #float_right.ddtarget {
      float: right;
      min-width: 22%;
      width: 100%;
    }
  }
  /* ===============================================================
  Mega Menu Styles
  =============================================================== */

  a.skiptomaincontent {
    position: absolute;
    top: -100px;
    left: -100px;
    z-index: 3000;
    padding: 2px 15px 2px 15px;
    background: #b4061f!important;
    color: #ffffff!important;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }

  a.skiptomaincontent:focus, a.skiptomaincontent:hover {
    top: 30px;
    left:30px
  }
  a.skiptonexttab {
    position: absolute;
    top: -200px;
    left: -100px;
    margin-bottom: 40px;
    z-index: 0;
    width: -webkit-fill-available;
    padding: 5px 15px!important;
    border: 1px solid #b4061f!important;
    color: #b4061e!important;
    border-radius: 6px;
  }
  a.skiptonexttab:focus {
    top:0;
    left:20px;
    float:right;
  }
  .button2 {
    display: inline-block;
    margin: 4px 2px;
    background-color: #444;
    font-size: 14px;
    padding-left: 32px;
    padding-right: 32px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: white;
    text-decoration: none;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .button2:hover {
    transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    background-color: white;
    color: black;
  }

  .search2-container {
    position: relative;
    display: inline-block;
    margin: 4px 2px;
    height: 50px;
    width: 50px;
    vertical-align: bottom;
  }

  .mglass {
    display: inline-block;
    pointer-events: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  }

  .search2button {
    position: absolute;
    font-size: 22px;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .search2:focus + .search2button {
    transition-duration: 0.4s!important;
    -moz-transition-duration: 0.4s!important;
    -webkit-transition-duration: 0.4s!important;
    -o-transition-duration: 0.4s!important;
    background-color: white;
    width:100%!important;
    color: black!important;
  }

  .search2 {
    position: absolute!important;
    left: 49px!important; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
    background-color: white!important;
    outline: none!important;
    border: none!important;
    padding: 0!important;
    width: 0!important;
    height: 100%!important;
    z-index: 9999999!important;
    transition-duration: 0.4s!important;
    -moz-transition-duration: 0.4s!important;
    -webkit-transition-duration: 0.4s!important;
    -o-transition-duration: 0.4s!important;
  }

  .search2:focus {
    padding: 0 16px 0 0!important;
    outline: 1px solid #b4061e;
    width: 100%!important; /* Bar width+1px */
  }

  .expandright {
    left: auto!important;
    right: 49px; /* Button width-1px */
  }

  .expandright:focus {
    width: 100%!important; /* Bar width+1px */
    padding: 0 0 0 16px;
  }
  nav {
    width: 100%;
    background-color: #fff;
    text-align: center;
  }
  .mainlink, .mainlink:visited {
    color:#0e4b74;
    text-decoration:none;
    padding:20px 40px;
    display:inline-block;
    transition: background-color 0.6s ease;
  }
  a.mainlink:hover {
    border-bottom:none;
  }
  .ddtarget {
    display:inline-block;
  }

  .ddmenu {
    position:absolute;
    left:0px;
    width:100%;
    text-align:left;
    display:none;
    z-index: 99;
  }
  .active:focus-within > .ddmenu  {
    display:block;
  }
  .search-wrapper {
    position: absolute;
    right: 0;
  }
  .input-holder {
    position: relative;
    height: 50px;
    width: 50px;
    .active & {
      width: 450px;
    }
  }
  .menu-list-div {
    max-width: 1500px;
    width:1500px;
    margin: 0px auto;
    background-color: #ffffff;
    display: flex;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .white-bg{
    background-color: #fff;
    min-height: 276px!important;
    border-bottom-left-radius: 6px!important;
    width:75%!important;
  }
  .grey-bg{
    background-color: #eeeeed;
    width:25%!important;
  }
  /*---Safari Only---*/
  _::-webkit-full-page-media, _:future, :root
  .ddmenu {
    position:absolute;
    left:0px;
    width:100%;
    text-align:left;
    display:none;
    z-index: 99;
    margin-top:0;
  }
  /*---Google Chrome---*/
  @media screen and (-webkit-min-device-pixel-ratio:0){
    .ddmenu {
      position:absolute;
      left:0px;
      width:100%;
      text-align:left;
      display:none;
      z-index: 99;
    }
  }
  .active .ddmenu:hover {
    display: block;
  }

  .active:hover .mainlink, nav a:hover {
    background-color:#ffffff;
  }
  .ddtarget .mainlink:after {
    content: ' \25BE';
    font-size: 1.25em;
    opacity:0.4;
  }
  .menu-list-div p {
    width: 33.3333%;
    float: left;
    display: inline-block;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #444444;
    font-size: 1em;
    line-height: 18px;

  }
  .help {
    width: 100%!important;
    display: inline-block;
    margin: 0 auto;
    box-sizing: border-box;
    color: #444444;
    font-size: 1em;
    line-height: 18px;
    float: right;
    padding:20px;
    background: #eeeeed!important;
    border-bottom-right-radius: 6px;
    box-shadow: none!important;
  }
  .help p {
    width: 100%;
    padding: 0 10px;
  }
  .help-block {
    width: 100%!important;
    float: left;
    display: table;
    margin:0 0 10px 0;
    box-sizing: border-box;
    color: #444444;
    font-size: 1em;
    line-height: 18px;
    padding:10px!important;
    background: #eeeeed!important;
    border-radius: 6px!important;
    border:3px solid #444444;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }
  .menu-list-div p span{
    font-size: 1.125em;
    color: #0e4b74;
    padding: 0 .5em .5em 0;
    width: 95%;
    display: block;
    text-align: left;
    border-bottom: 3px solid #0e4b74;
  }
  .span-title {
    font-weight:600;
  }
  .microcopy{
    font-size: 1em!important;
    color: #444444!important;
    padding: .2em 0!important;
    width: 95%!important;
    display: block!important;
    text-align: left!important;
    border-bottom: 1px solid #ccc!important;
  }
  .menu-list-div img {
    width:100%;
  }
  .menu-list-div a {
    color: #0e4b74;
    text-decoration: underline;
    padding: 10px 0 5px 0;
    width: auto;
    display: inline-block;
    text-align: left;
  }
  .menu-list-div a:before {
    opacity:0.5;
    padding-right:5px;
  }
  .menu-list-div a:hover {
    color: #b4061e;
    padding: 10px 0 0 0;
    text-decoration: none;
    display: inline-block;
    width: -webkit-fit-content;
    background: none;
    margin-bottom: 2px;
  }
  #mobilemenutarget {
    position:fixed;
    opacity:0.0;
  }
  #mobilemenutarget + label {
    color:#777;
    padding:0;
    cursor:pointer;
    user-select:none;
    font-size: 1.25em;
    display:none;
    box-sizing:border-box;
  }
  #mobilemenutarget:checked + label {
    color:white;
  }
  .links a.logo {
    display: inline-flex;
    background-image: url('/wp-content/uploads/img/Library_Wordmark_K_2.png');
    max-width: 175px;
    height: 45px;
    text-shadow: none;
    color: transparent;
    display: block;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: .8;
    position: relative;
    top: 15px;
  }
  .links .logo {
    display: inline-flex !important;
    background-image: url('/wp-content/uploads/img/Library_Wordmark_K_2.png');
    width: 14%;
    height: 45px;
    text-shadow: none;
    color: transparent;
    display: block;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: .8;
    position: relative;
    top: 15px;
    float: left;
  }
  .links  .logo a {
    width: 100%;
  }
  .col-4 {
    width:33%;
    padding: 0;
    box-shadow:none!important;
    display:inline-block!important;
  }
  a.col-4:hover {
    display:inline-block;
  }
  .col-3 {
    width: 25%!important;
    padding: 0;
    box-shadow:none!important;
    display:inline-block!important;
  }
  .col-3 p {
    width: 100%!important;
    color: #444444!important;
    font-size: 1em!important;
    line-height: 18px!important;
  }
  .col-12 {
    width: 100%!important;
    padding: 0;
    box-shadow:none!important;
    display:inline-block!important;
  }
  .col-9 {
    width: 75%;
    padding: 0;
    box-shadow:none!important;
    display:inline-block!important;
  }
  #mobilemenutarget {
    position: fixed;
    opacity: 0.0;
  }
  @media only screen and (max-width: 3440px) {
    .menu-list-div {
      width:60%;
      margin:0px auto;
      background-color:#eeeeed;
      display:flex;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 30px 20px 0 rgba(0, 0, 0, 0.19);
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
    }
  }
  @media only screen and (max-width: 2560px) {
    .menu-list-div {
      width:70%;
      margin:0px auto;
      background-color:#eeeeed;
      display:flex;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 30px 20px 0 rgba(0, 0, 0, 0.19);
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
    }
    .menu-list-div a {
      font-size:1em;
    }
  }
  @media only screen and (max-width: 1830px) {
    .menu-list-div {
      width:80%;
      margin:0px auto;
      background-color:#eeeeed;
      display:flex;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 30px 20px 0 rgba(0, 0, 0, 0.19);
    }
    .mainlink, .mainlink:visited {
      color:#0e4b74;
      text-decoration:none;
      padding:20px 30px;
      display:inline-block;
      transition: background-color 0.6s ease;
    }
  }
  @media only screen and (max-width: 1480px) {
    .menu-list-div {
      width: 90%;
      margin: 0px auto;
      background-color: #eeeeed;
      display: table;
      box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;

    }
    .mainlink, .mainlink:visited {
      color:#0e4b74;
      text-decoration:none;
      padding:20px;
      display:inline-block;
      transition: background-color 0.6s ease;
    }
  }
  @media only screen and (max-width: 1280px){
    .help {
      width: 100%!important;
      float: left;
      display: table;
      margin: 0 auto;
      box-sizing: border-box;
      color: #444444;
      font-size: 1em;
      line-height: 18px;
      padding: 1% 30%;
      background: #eeeeed!important;
      border-radius: 6px!important;
      box-shadow: none!important;
    }
    .help-title-blank {
      display: block;
      padding: 0 .5em .5em 0!important;

    }
    .menu-list-div p span{
      color: #0e4b74;
      padding: 0 .5em .5em 0;
      width: 95%;
      display: block;
      text-align: left;
      border-bottom: 3px solid #0e4b74;

    }
    .menu-list-div p {
      width: 33.33333333%;
      float: left;
      display: inline-block;
      padding: 0 5px;
      box-sizing: border-box;
      color: #444444;
      font-size: ;
      line-height: 18px;

    }
    .white-bg {
      padding: 0 15px!important;
      width:75%!important;
    }
    .grey-bg{
      width:25%!important;
    }
    .menu-list-div a {
      color: #0e4b74;
      text-decoration: underline;
      padding: 5px 0 0px 0;
      width: auto;
      display: inline-block;
      text-align: left;

    }
    .menu-list-div a:hover {
      color: #b4061e;
      padding: 5px 0 0 0!important;
      text-decoration: none;
      display: inline-block;
      width: -webkit-fit-content;
      background: none;
      margin-bottom: -3px;

    }
    .microcopy {
      font-size: 1em!important;
      color: #444444!important;
      padding: 5px 0 5px 0!important;
      width: 95%!important;
      display: block!important;
      text-align: left!important;
      border-bottom: 1px solid #ccc!important;

    }
    .menu-list-div p span.span-title {}
      .help-block-container-blank > ul > li > a {
        text-decoration: underline;
        margin-bottom: 0;
        display: initial;
        font-size: 0.95em;
        font-weight: bold;
        color: #444444!important;
      }
    }
    @media only screen and (max-width: 1240px) {
      .menu-list-div {
        width: 95%;
        margin: 0px auto;
        background-color: #eeeeed;
        display: table;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 30px 20px 0 rgba(0, 0, 0, 0.19);

      }
      .mainlink, .mainlink:visited {
        color: #0e4b74;
        text-decoration: none;
        padding: 20px 10px;
        display: inline-block;
        transition: ;
        background-color 0.6s ease;
      }
    }
    @media only screen and (max-width: 1180px) {
      .help {
        width: 100%!important;
        float: left;
        display: table;
        margin: 0 auto;
        box-sizing: border-box;
        color: #444444;
        font-size: 1em;
        line-height: 18px;
        padding: 5%;
        background: #eeeeed!important;
        border-radius: 6px!important;
        box-shadow: none!important;
      }
      .menu-list-div {
        width:95%!important;
        margin:0px auto;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 30px 20px 0 rgba(0, 0, 0, 0.19);
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
      }
      .menu-list-div a {}
        .mainlink, .mainlink:visited {
          color: #0e4b74;
          text-decoration: none;
          padding: 20px 5px;
          display: inline-block;

        }
        .help-block-div-blank > span {
          position: initial!important;
          text-align: center;
          height: auto;
          color: #444444!important;
          font-size: 1em;
          line-height: 1.45em;
          display: block!important;
          padding: 0 0 5px 0;
        }

      }
      @media only screen and (max-width: 1086px) {
        .menu-list-div {
          width: 95%!important;
          margin: 0px auto;
          background-color: #eeeeed;
          display: table;
          box-shadow: none;
          box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;

        }
        .mainlink, .mainlink:visited {
          color: #0e4b74;
          text-decoration: none;
          padding: 20px 5px;
          display: inline-block;
          transition: background-color 0.6s ease;

        }
        .menu-list-div p {
          width: 33.33333333%;
          float: left;
          display: inline-block;
          box-sizing: border-box;
          color: #444444;
          line-height: 18px;

        }

        .links .logo {
          display: inline-flex !important;
          background-image: url(/wp-content/uploads/img/Library_Wordmark_K_2.png);
          width: 15%;
          height: 45px;
          text-shadow: none;
          color: transparent;
          display: block;
          background-size: contain;
          background-position: top left;
          background-repeat: no-repeat;
          opacity: .8;
          position: relative;
          top: 15px!important;
          float: left;
        }
        .col-4 {
          width: 49.5%;
          padding: 0;
          box-shadow: none!important;
          display: inline-block!important;
        }
        .help-title-blank {
          display: block;
          padding: 0.25em 0;
          border-bottom: 3px solid #444;
          margin-bottom: 10px;
          line-height: 18px;
          font-size: 1em;
          text-align: center;
          text-decoration: none;
          margin-top: 0;
          color: #444444;
          grid-template-columns: 1fr auto 1fr;
          grid-template-rows: 13px 0;
          grid-gap: 20px;
          padding-top: ;
        }
      }
      @media only screen and (max-width: 980px) {
        .links .logo {
          display: inline-flex !important;
          background-image: url(/wp-content/uploads/img/Library_Wordmark_K_2.png);
          width: 10%;
          height: 45px;
          text-shadow: none;
          color: transparent;
          display: block;
          background-size: contain;
          background-position: top left;
          background-repeat: no-repeat;
          opacity: .8;
          position: relative;
          top: 25px!important;
          float: left;
        }
        .white-bg{
          background-color: #fff;
          min-height: 250px!important;
          border-bottom-left-radius: 0;
          width:100%!important;
        }
        .grey-bg{
          background-color: #eeeeed;
          width:100%!important;
        }
      }

      @media only screen and (max-width: 960px) {
        .menu-list-div {
          width: 95%;
          margin: 0px auto;
          display: table;
          box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;

        }
        .menu-list-div p {
          width: 33.3333%;
          float: left;
          display: block;
          box-sizing: border-box;
          color: #444444;
          font-size: ;
          line-height: 18px;

        }
        .menu-list-div a {
          color: #0e4b74;
          text-decoration: underline;
          padding: 5px 0 0 0;
          width: -webkit-fit-content;
          display: inline-block;
          text-align: left;

        }
        .help {
          width: 100%!important;
          float: left;
          display: table;
          margin:10px 0 20px 0;
          box-sizing: border-box;
          color: #444444;
          font-size: 1em;
          line-height: 18px;
          padding:20px!important;
          background: #eeeeed!important;
          border-radius: 6px!important;
          box-shadow: none!important;
        }
        .help-block {
          width: 100%!important;
          float: left;
          display: table;
          margin:0 0 10px 0;
          box-sizing: border-box;
          color: #444444;
          font-size: 1em;
          line-height: 18px;
          padding:20px!important;
          background: #eeeeed!important;
          border-radius: 6px!important;
          border:3px solid #444444;
          box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        }
        .col-9 {
          width: 100%;
          padding: 0;
          box-shadow: none!important;
          display: inline-block!important;
        }
        .col-4 {
          width: 33%;
          padding: 0;
          box-shadow: none!important;
          display: inline-table;
        }
        .white-bg{
          background-color: #fff;
          min-height: 250px!important;
          border-bottom-left-radius: 0;
          width:100%!important;
        }
        .grey-bg{
          background-color: #eeeeed;
          width:100%!important;
        }
      }
      @media only screen and (max-width: 912px) {
        nav #mobilemenutarget:checked ~ .links {
          display: block;
          position: absolute;
          padding: 0 20px;
          background: #fff;
          z-index: 99;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 20px 20px 0 rgba(0, 0, 0, 0.19);
        }
        a.skiptonexttab {
          display:none;
        }
      }

      @media only screen and (max-width: 900px) {
        .menu-list-div p span {
          font-size: 1em;
          color: #0e4b74;
          padding: .2em 0;
          width: 100%;
          display: block;
          text-align: left;
          border-bottom: 3px solid #0e4b74;
        }
        .links .logo {
          display:none!important;
        }
        .col-4 {
          width:49.5%!important;
          padding: 0 15px!important;
          box-shadow:none!important;
          display:inline-block!important;
        }
        .col-3 {
          width: 50%!important;
          padding: 0 15px!important;
          box-shadow:none!important;
          display:inline-block!important;
        }
        .col-3 p {
          width: 100%!important;
          color: #444444!important;
          font-size: 1em!important;
          line-height: 18px!important;
        }
        .col-12 {
          width: 100%!important;
          padding: 20px 15px!important;
          box-shadow:none!important;
          display:inline-block!important;
        }
        .col-9 {
          width: 100%!important;
          padding: 0 15px!important;
          box-shadow:none!important;
          display:inline-block!important;
        }
        .menu-list-div {
          width: 100%;
          margin: 0px auto;
          display: table;
          box-shadow: none;
        }
        .ddmenu {
          margin-top:0;
        }
        _::-webkit-full-page-media, _:future, :root
        .ddmenu {
          margin-top:0;
        }
        .menu-list-div p {
          width: 100%;
          padding: 0 20px;
        }
        .links .logo {
          display:none;
        }
        nav #mobilemenutarget:checked ~ .links {
          display: block;
          position: absolute;
          padding: 0 40px;
          background: #fff;
          z-index: 99;

        }
        #mobilemenutarget + label {
          display: block;
          max-width: 100%;
          height: 50px;
          text-shadow: none;
          color: transparent;
          display: block;

          opacity: 1;
          position: relative;
          margin: 15px 20px;
        }
        .ddtarget {
          display: inline-block;
          border-top: 1px solid #ccc;
        }
        .mobile-target {
          display:flex;
        }
        .mobile-target-before {
          display: block;
          background-image: url(/wp-content/uploads/img/Library_Wordmark_K_2.png);
          width: 30%;
          height: 50px;
          text-shadow: none;
          color: transparent;
          display: inline-flex;
          background-size: contain;
          background-position: left;
          background-repeat: no-repeat;
          opacity: 1;
          position: relative;
        }
        .mobile-target-after {
          display: block;
          width: 70%;
          height: 50px;
          text-shadow: none;
          color: transparent;
          display: inline;
          background-size: contain;
          background-position: right;
          background-repeat: no-repeat;
          opacity: .8;
          float: right;
        }
        .mobile-target-after:before {
          content: "\f333";
          font-family: dashicons;
          color:#444444;
          font-size: 1.85em;
          float:right;
        }
        nav {
          height: auto ;
        }
        .links {
          display:none;
          position:relative;
          background-color:#fff;
          width:100%;
        }
        nav #mobilemenutarget:checked ~ .links {
          display:block;
          position:absolute;
        }
        .mainlink, .mainlink:visited, .ddtarget {
          display:block;
        }
        .ddmenu {
          position:relative;
          top:0px;
          left:0px;
        }
        _::-webkit-full-page-media, _:future, :root
        .ddmenu {
          position:relative;
          top:0px;
          left:0px;
        }
        .menu-list-div p {
          width:100%;
        }
        .menu-list-div p:first-of-type {
          display:block;
        }

        input.checkbox {
          position: absolute;
          z-index: 1;
          width: 40px;
          height: 40px;
          opacity: 0;
          right: 0;
          top: 0!important;
          transform: 0;
          transition: none;
          cursor: pointer;
          margin: 15px 0;
        }
        .srch_sb_cnt {
          width: 40px;
          height: 70px;
          background-color: transparent;
          position: absolute;
          top: 0!important;
          right: 0;
          transform: 0;
          overflow: hidden;
          transition: all 0.4s ease-in-out 0s;
          z-index: 0;
          border-radius: 50px;
        }
        input.checkbox:checked {
          right: 0;
          transform: 0;
          top:  0!important;
          background: #333;
          -webkit-appearance: initial;
          appearance: initial;
          background: gray;
          width: 40px;
          height: 40px;
          opacity: 100%;
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
        }
      }
      @media only screen and (max-width: 720px) {
        .links .logo {
          display:none!important;
        }
        .col-4 {
          width:49.5%!important;
          padding: 0 15px!important;
          box-shadow:none!important;
          display:inline-block!important;
        }
        .col-3 {
          width: 50%!important;
          padding: 0 15px!important;
          box-shadow:none!important;
          display:inline-block!important;
        }
        .col-3 p {
          width: 100%!important;
          color: #444444!important;
          font-size: 1em!important;
          line-height: 18px!important;
        }
        .col-12 {
          width: 100%!important;
          padding: 20px 15px!important;
          box-shadow:none!important;
          display:inline-block!important;
        }
        .col-9 {
          width: 100%!important;
          padding: 0 15px!important;
          box-shadow:none!important;
          display:inline-block!important;
        }
        .menu-list-div {
          width: 100%;
          margin: 0px auto;
          background-color: #ffffff;
          display: flex;
          box-shadow: none;
        }
        .ddmenu {
          margin-top:0;
        }
        .menu-list-div p {
          width: 100%;
          padding: 0 20px;
        }
        .links .logo {
          display:none;
        }
        nav #mobilemenutarget:checked ~ .links {
          display: block;
          position: absolute;
          padding: 0 40px;

        }

        .sech_txt_inpt {
          opacity: 0;
          height: 40px;
          left: 10px;
          border-radius: 30px;
          border: 0;
          width: 94%;
          padding: 0 60px 0 15px;
          background-color: transparent;
          color: #333;
          font-size: 0.95em;
          transition: all 0.4s ease-in-out 0s;
          font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        }
        .sech_txt_inpt:focus {
          text-transform: none;
        }
        .sech_txt_inpt:focus, .srch_btn:focus {
          outline: none;
        }
        .sech_txt_inpt, .srch_btn {
          position: absolute;
          z-index: 1;
          top: -50px;
          transform: translateY(-0%);
        }
        .srch_btn {
          width: 40px;
          height: 40px;
          right: 0;
          background-color: #b4061f;
          border: 0;
          transition: all 0.4s ease-in-out 0s;
          font-size: 0;
          cursor: pointer;
          color: #ffffff;
          border-radius: 40px;
          top:15px;
          text-align: center;
          margin-right: 0;
        }
        input.checkbox {
          position: absolute;
          z-index: 1;
          width: 40px;
          height: 40px;
          opacity: 0;
          right: 0;
          top: 0!important;
          transform: 0;
          transition: none;
          cursor: pointer;
          margin: 15px 0;
        }
        .srch_sb_cnt {
          width: 40px;
          height: 70px;
          background-color: transparent;
          position: absolute;
          top: 0!important;
          right: 0;
          transform: 0;
          overflow: hidden;
          transition: all 0.4s ease-in-out 0s;
          z-index: 0;
          border-radius: 50px;
        }
        input.checkbox:checked {
          right: 0;
          transform: 0;
          top:  0!important;
          background: #333;
          -webkit-appearance: initial;
          appearance: initial;
          background: gray;
          width: 40px;
          height: 40px;
          opacity: 100%;
          border-top-right-radius: 20px;
          border-bottom-right-radius: 20px;
        }
        .menu-list-div {
          width:90%;
          margin:0px auto;
          background-color:#ffffff;
          display:grid;
          box-shadow: none;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;
        }
        .menu-list-div p {
          width: 100%;
          float: left;
          display: grid;
          padding: 0 20px;
          box-sizing: border-box;
          color: #444444;
          font-size: 1em;
          line-height: 18px;
        }
      }
      @media only screen and (max-width: 540px) {
        .menu-list-div {
          width:90%;
          margin:0px auto;
          background-color:#ffffff;
          display:table;
          box-shadow: none;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;
        }
        .mobile-target-before {
          display: block;
          background-image: url(/wp-content/uploads/img/Library_Wordmark_K_2.png);
          width: 40%;
          height: 50px;
          text-shadow: none;
          color: transparent;
          display: inline-flex;
          background-size: contain;
          background-position: left;
          background-repeat: no-repeat;
          opacity: 1;
          position: relative;
        }
        .mobile-target-after {
          display: block;
          width: 60%;
          height: 50px;
          text-shadow: none;
          color: transparent;
          display: inline;
          background-size: contain;
          background-position: right;
          background-repeat: no-repeat;
          opacity: .8;
          float: right;
        }
      }
      @media only screen and (max-width: 480px) {
        .menu-list-div {
          width:340px;
          margin:0px auto;
          background-color:#ffffff;
          display:table;
          box-shadow: none;
          border-bottom-right-radius: 6px;
          border-bottom-left-radius: 6px;
        }
        .col-4 {
          width: 49.45%!important;
          padding: 0 15px!important;
          box-shadow: none!important;
          display: inline-block!important;
        }
        nav #mobilemenutarget:checked ~ .links {
          display: block;
          position: absolute;
          padding: 0 20px;
        }
        .help-block {
          width: 100%!important;
          float: left;
          display: table;
          margin: 0 0 10px 0;
          box-sizing: border-box;
          color: #444444;
          font-size: 1em;
          line-height: 18px;
          padding: 15px!important;
          background: #eeeeed!important;
          border-radius: 6px!important;
          border: 3px solid #444444;
          box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
        }
        .mobile-target-before {
          display: block;
          background-image: url(/wp-content/uploads/img/Library_Wordmark_K_2.png);
          width: 50%;
          height: 50px;
          text-shadow: none;
          color: transparent;
          display: inline-flex;
          background-size: contain;
          background-position: left;
          background-repeat: no-repeat;
          opacity: 1;
          position: relative;
        }
        .mobile-target-after {
          display: block;
          width: 50%;
          height: 50px;
          text-shadow: none;
          color: transparent;
          display: inline;
          background-size: contain;
          background-position: right;
          background-repeat: no-repeat;
          opacity: .8;
          float: right;
        }
      }

      /* ===============================================================
      Page Wrap
      =============================================================== */
      @media only screen and (max-width: 3440px) {
        .wrap {
          width: 60%;
        }
      }
      @media only screen and (max-width: 2560px) {
        .wrap {
          width: 70%;
        }
      }
      @media only screen and (max-width: 1830px) {
        .wrap {
          width: 80%;
        }
      }
      @media only screen and (max-width: 1480px) {
        .wrap {
          width: 90%;
        }
      }
      @media only screen and (max-width: 1240px) {
        .wrap {
          width: 95%;

        }
      }
      @media only screen and (max-width: 1080px) {
        .wrap {
          width: 95%;

        }
      }
      @media only screen and (max-width: 1024px) {
        .wrap {
          width: 90%;
        }
      }
      @media only screen and (max-width: 960px) {
        .wrap {
          width: 90%;
        }
      }
      @media only screen and (max-width: 720px) {
        .wrap {
          width: 90%;
        }
      }
      @media only screen and (max-width: 540px) {
        .wrap {
          width: 90%;
        }
      }
      @media only screen and (max-width: 480px) {
        .wrap {
          width: 95%;
        }
      }

    /******************************************************************
    Search
    ******************************************************************/
    #search-block{
      background-color: #ffffff;
      border-radius: 6px;
      margin-bottom: 1.5em;
      border: none;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      border-left: 15px solid #0e4b74;
      padding:20px;
    }
    #search-block h1{
      padding-bottom: 24px;
      margin-bottom: 16px;
      border-bottom: 3px solid #0e4b74;
    }
    .search-blocks .entry-title {
      font-size: 1.4em;
      padding: 0;
    }
    .search-blocks a{
      text-decoration: underline;
      padding: 0;
      font-size:inherit
    }
    .search-blocks a:hover {
      padding: 0;
      text-decoration: none;
      margin-left: 0;
    }
    .search-blocks .entry-content {
      padding: 0;
    }
    #search-block footer {
      padding: 10px 20px 0px 20px
    }
    #search-block footer p{
      font-weight: 600;
      color: #444444;
    }
    .search-blocks {
      border-bottom: 1px solid #ccc;
      padding: 10px 20px;
    }
    .search-wrapper {
      position: absolute;
      right: 0;
    }
    .input-holder {
      position: relative;
      height: 70px;
      width: 70px;
    }
    .active .input-holder {
      width: 450px;
    }
    .search-input {
      position: absolute;
      margin-top: auto;
      margin-bottom: auto;
      margin-left: 70px;
      width: calc(100% - 130px);
      height: 50px;
      background: transparent;
      opacity: 0;
      top: 0;
      bottom: 0;
      border: 0;
      outline: 0;
      left: 0;
      border-bottom: 1px solid white;
      transform: scale(0, 1);
      transition: transform 300ms linear, opacity 300ms linear;
      font-size: 1em;
      line-height: 20px;
      transform-origin: right;
    }
    .search-input::placeholder {
      color: white;
    }
    .active .search-input {
      opacity: 1;
      transform: scale(1, 1);
    }
    .close {
      position: absolute;
      z-index: 1;
      top: 24px;
      right: 20px;
      width: 25px;
      height: 25px;
      cursor: pointer;
      opacity: 0;
      transition: opacity 200ms linear, transform 200ms linear;
    }
    .active .close {
      opacity: 1;
      transform: rotate(45deg);
    }
    .close::before, .close::after {
      position: absolute;
      content: "";
      background: #fff;
      border-radius: 2px;
    }
    .close::before {
      width: 5px;
      height: 25px;
      left: 10px;
      top: 0px;
    }
    .close::after {
      width: 25px;
      height: 5px;
      left: 0px;
      top: 10px;
    }
    .search-icon {
      position: absolute;
      width: 70px;
      height: 70px;
      border: none;
      background: transparent;
      padding: 0px;
      outline: none;
      position: absolute;
      cursor: pointer;
      animation: reverse-move 200ms;
    }
    .active .search-icon {
      animation: move 300ms;
    }
    .search-icon span {
      width: 22px;
      height: 22px;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      transform: rotate(45deg);
      transition: transform 400ms linear;
    }
    .active .search-icon span {
      transform: rotate(-45deg);
    }
    .search-icon span::before, .search-icon span::after {
      position: absolute;
      content: "";
    }
    .search-icon span::before {
      width: 4px;
      height: 11px;
      left: 9px;
      top: 18px;
      border-radius: 2px;
      background: #974be0;
    }
    .search-icon span::after {
      width: 16px;
      height: 16px;
      left: 0px;
      top: 0px;
      border-radius: 16px;
      border: 4px solid #974be0;
    }
    @keyframes move {
      0% {
        transform: translateX(500%);
      }
      100% {
        transform: translateX(0%);
      }
    }
    @keyframes reverse-move {
      0% {
        transform: translateX(-500%);
      }
      100% {
        transform: translateX(0%);
      }
    }
    .srch_wrpr {
      width: 100%;
      max-width: 100%;
      position: absolute;
      z-index: 100;
      float: right;
      right: 0;
    }
    .srch_sb_cnt {
      width: 40px;
      height: 70px;
      background-color: transparent;
      position: absolute;
      top: -70px;
      right: 0;
      transform: 0;
      overflow: hidden;
      transition: all 0.4s ease-in-out 0s;
      z-index: 0;
      border-radius: 50px;
    }
    #s.search-404 {
      right: 0;
      width: -webkit-fill-available;
      top: 15px;
      position: absolute;
      padding: 0 12px;
      border-radius: 20px;
      margin: 0;
      left: 0;
      height: 40px;
      max-width: 100%;
      text-transform: none;
      font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
      border: 1px solid #ddd;
    }
    .sech_txt_inpt {
      opacity: 0;
      height: 40px;
      left: 10px;
      border-radius: 30px;
      border: 0;
      width: 94%;
      padding: 0 60px 0 15px;
      background-color: transparent;
      color: #333;
      font-size: 15px;
      transition: all 0.4s ease-in-out 0s;
      font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
    .sech_txt_inpt:focus {
      text-transform: none;
    }
    .sech_txt_inpt:focus, .srch_btn:focus {
      outline: none;
    }
    .sech_txt_inpt, .srch_btn {
      position: absolute;
      z-index: 1;
      top: -50px;
      transform: translateY(-0%);
    }
    .srch_btn:before {
      content: "\f002";
      color: #fff;
      font-size: 16px;
      text-align: center;
      font-family: 'Font Awesome 5 Free';
      margin-right: 0;
    }
    .srch_btn {
      width: 40px;
      height: 40px;
      right: 0;
      background-color: #b4061f;
      border: 0;
      transition: all 0.4s ease-in-out 0s;
      font-size: 0;
      cursor: pointer;
      color: #ffffff;
      border-radius: 40px;
      top:15px;
      text-align: center;
      margin-right: 0;
    }
    .srch_btn:after {
      position: absolute;
      content: "\f00d";
      font-family: fontAwesome;
      top: -50px;
      transform: translateY(-0%) rotate(0deg);
      right: 10px;
      height: 30px;
      width: 30px;
      font-size: 28px;
      z-index: -1;
      visibility: hidden;
    }
    input.checkbox {
      position: absolute;
      z-index: 1;
      width: 40px;
      height: 40px;
      opacity: 0;
      right: 0;
      top: -70px;
      transform: 0;
      transition: none;
      cursor: pointer;
      margin: 15px 0;
    }
    input.checkbox:checked {
      right: 0;
      transform: 0;
      top: -70px;
      -webkit-appearance: initial;
      appearance: initial;
      background: #b4061f;
      width: 40px;
      height: 42px;
      opacity: 100%;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
    }
    input[type="checkbox"]:checked:after {
      content: "X";
      color: #fff;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
    input.checkbox:checked ~ .srch_sb_cnt {
      width: 100%;
      border-radius: 0;
      background-color: #fff;
      overflow: visible;
    }
    input.checkbox:checked ~ .srch_sb_cnt .srch_btn {
      display: none;
      width: 40px;
      height: 40px;
      right: 10px;
      border-radius: 100%;
      font-size: 1.25em;
      color: #fff;
    }
    input.checkbox:checked ~ .srch_sb_cnt .sech_txt_inpt {
      opacity: 1;
    }
    #s.search-404 input:invalid:not(:focus) {
      cursor: pointer;
    }
    input.checkbox:checked ~ .srch_sb_cnt .srch_btn:after {
      transform: translateY(-50%) rotate(90deg);
      right: -50px;
      visibility: visible;
      transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
      transition-delay: 0.5s;
      color: white;
    }
    @media only screen and (max-width: 480px) {
      .search-blocks {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
      }
    }

      /* ===============================================================
      Footer
      =============================================================== */
      .footer {
        clear: both;
        background-color: #444444;
        color: #f8f9fa;
      }
      .footer-links ul li {
      }
      .footer a {
        color:#fff;
      }
      .footer a:hover {
        color: #fff!important;
        display:inline;
      }
      .footer a:focus {
        outline: 2px solid #ffffff;
        color:#fff;
      }
      footer img {
        width: 100%;
        height: auto;
        border-radius: 6px;
      }
      .sec-main {
        padding: 24px 0 24px 0!important;
      }
      .sec-content {
        padding: 0 10px 0 20px;
      }
      .sec-content h3 {
        margin:0;
        color: #ffffff;
      }
      .sec-content .h3 {
        font-size: 1.4em;
        font-weight: bold;
        margin-bottom: 0.375em;
        margin-top: 0;
        color: rgb(255, 255, 255);
      }
      .social-icon {
        font-size: 1.25em;
        margin: 5px 0;
        float: right;
      }
      a.facebook-icon {
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 20px;
        padding: 5px 10px;
      }
      a.twitter-icon {
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 20px;
        padding: 5px 7px;
      }
      a.youtube-icon {
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 20px;
        padding: 5px;
      }
      a.instagram-icon {
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 20px;
        padding: 5px 8px;
      }
      .sec-divider {
      }
      .sec-1 {
        border-right: 1px solid #ffffff;
        min-height: 158px!important;
        width:41.66666667%;
        display:inline-block;
        float: left;
      }
      .sec-2 {
        width: 58.33333333%;
        display:inline-block;
        float: left;
      }
      .sec-3 {
        border-right: 1px solid #ffffff;
        min-height: 158px!important;
        width:50%;
        display:inline-block;
        float: left;
      }
      .sec-4 {
        width:50%;
        display:inline-block;
        float: left;
      }
      .hangingindent span {
        display:initial;
      }
      .hangingindent2 span {
        display:initial;
      }
      p.map a {
        color: #ffffff;
      }
      p.map span {
        margin-right: 9px;
      }
      p.email a {
        color:#ffffff;
      }
      p.email span {
        margin-right: 5px;
      }
      p.staff span {
        margin-right: 5px;
      }
      p.staff a {
        color:#ffffff;
      }
      p.books span {
        margin-right: 9px;
      }
      p.work a {
        color: #ffffff;
      }
      p.work span {
        margin-right: 8px;
      }
      .newsletter a {
        color:#ffffff;
      }
      p.newsletter span {
        margin-right: 6px;
      }
      p.print a {
        color: #ffffff;
      }
      p.print span {
        margin-right: 5px;
      }
      p.books span {
        margin-right: 7px;
      }
      p.books a {
        color:#ffffff;
      }
      p.hangingindent {
        text-indent: -21px;
        padding-left: 20px;
      }
      p.hangingindent2 {
        text-indent: -21px;
        padding-left: 21px;
      }
      .hangingindent3{
        text-indent: -15px;
        padding: 5px 0 0 30px!important;
      }

      .footer p {
        font-size: 1em;
        margin: 5px 0;
        color: #ffffff;
        word-break: keep-all;
      }
      @media only screen and (max-width:1280px){
        .sec-1 {
          width: 50%;
          display: inline-block;
          float: left;

        }
        .sec-2 {
          width: 50%;
          display: inline-block;
          float: left;

        }
        .sec-3 {
          width: 50%;
          float: left;
          display: inline-block;

        }
        .sec-4 {
          width: 50%;
          float: left;
          display: inline-block;

        }
      }
      @media only screen and (max-width: 1180px) {
        .sec-1 {
          width: 100%;
          display: inline-block;
          float: left;
          border-right: none;
          padding-bottom: 20px;
          border-bottom: 1px solid;
          margin-bottom: 20px;
        }
        .sec-2 {
          width: 100%;
          display: inline-block;
          float: left;

        }
        .sec-3 {
          width: 50%;
          float: left;
          display: inline-block;

        }
        .sec-4 {
          width: 50%;
          float: left;
          display: inline-block;

        }

      }

      @media only screen and (max-width: 767px) {
        .sec-2 {
          padding-left:0!important;
        }
        .sec-3 {
          padding-bottom: 20px;
          border-bottom: 1px solid;
          margin-bottom: 20px;
          border-right: none;
          width: 100%;
          float: left;
          display: inline-block;
        }
        .sec-4 {
          width: 100%;
          float: left;
          display: inline-block;
        }
        .sec-content {
          padding: 0!important;
        }
      }
      @media only screen and (max-width: 480px) {
        .footer-border-right-1 {
          border-right: none;
        }
        .footer-border-right-2 {
          border-right: none;
        }
        .entry-content-container {
          padding: 24px 0;
        }
        .sec-main {
          padding: 24px 20px!important;
        }
      }
      /*********************
      NU Footer
      *********************/
      .nu-global *, .nu-global ::after, .nu-global ::before {
        box-sizing: border-box
      }
      .nu-global html {
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4
      }
      .nu-global html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
      }
      .nu-global body {
        margin: 0
      }
      .nu-global body {
        font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
      }
      .nu-global hr {
        height: 0;
        color: inherit
      }
      .nu-global abbr[title] {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
      }
      .nu-global b, .nu-global strong {
        font-weight: bolder
      }
      .nu-global code, .nu-global kbd, .nu-global pre, .nu-global samp {
        font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
        font-size: 1em;
      }
      .nu-global small {
        font-size: 0.8em;
      }
      .nu-global sub, .nu-global sup {
        font-size: 0.75em;
        line-height: 0;
        position: relative;
        vertical-align: baseline
      }
      .nu-global sub {
        bottom: -.25em
      }
      .nu-global sup {
        top: -.5em
      }
      .nu-global table {
        text-indent: 0;
        border-color: inherit
      }
      .nu-global button, .nu-global input, .nu-global optgroup, .nu-global select, .nu-global textarea {
        font-family: inherit;
        font-size: 1em;
        line-height: 1.15;
        margin: 0
      }
      .nu-global button, .nu-global select {
        text-transform: none
      }
      .nu-global button {
        -webkit-appearance: button
      }
      .nu-global ::-moz-focus-inner {
        border-style: none;
        padding: 0
      }
      .nu-global legend {
        padding: 0
      }
      .nu-global progress {
        vertical-align: baseline
      }
      .nu-global ::-webkit-inner-spin-button, .nu-global ::-webkit-outer-spin-button {
        height: auto
      }
      .nu-global ::-webkit-search-decoration {
        -webkit-appearance: none
      }
      .nu-global ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
      }
      .nu-global summary {
        display: list-item
      }
      .nu-global blockquote, .nu-global dd, .nu-global dl, .nu-global figure, .nu-global h1, .nu-global h2, .nu-global h3, .nu-global h4, .nu-global h5, .nu-global h6, .nu-global hr, .nu-global p, .nu-global pre {
        margin: 0
      }
      .nu-global button {
        background-color: transparent;
        background-image: none
      }
      .nu-global fieldset {
        margin: 0;
        padding: 0
      }
      .nu-global ol, .nu-global ul {
        list-style: none;
        margin: 0;
        padding: 0
      }
      .nu-global html {
        font-family: Lato, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        line-height: 1.5
      }
      .nu-global body {
        font-family: inherit;
        line-height: inherit
      }
      .nu-global *, .nu-global ::after, .nu-global ::before {
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: currentColor
      }
      .nu-global hr {
        border-top-width: 1px
      }
      .nu-global img {
        border-style: solid
      }
      .nu-global textarea {
        resize: vertical
      }
      .nu-global input::-moz-placeholder, .nu-global textarea::-moz-placeholder {
        opacity: 1;
        color: #9e9e9e
      }
      .nu-global input:-ms-input-placeholder, .nu-global textarea:-ms-input-placeholder {
        opacity: 1;
        color: #9e9e9e
      }
      .nu-global input::placeholder, .nu-global textarea::placeholder {
        opacity: 1;
        color: #9e9e9e
      }
      .nu-global button {
        cursor: pointer
      }
      .nu-global table {
        border-collapse: collapse
      }
      .nu-global h1, .nu-global h2, .nu-global h3, .nu-global h4, .nu-global h5, .nu-global h6 {
        font-size: inherit;
        font-weight: inherit
      }
      .nu-global a {
        color: inherit;
        text-decoration: inherit
      }
      .nu-global .hover\:bg-red-700:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(176, 26, 27, var(--tw-bg-opacity)) !important;
        border-bottom:none!important;
        margin-bottom:0!important;
      }
      .nu-global button, .nu-global input, .nu-global optgroup, .nu-global select, .nu-global textarea {
        padding: 0;
        line-height: inherit;
        color: inherit
      }
      .nu-global code, .nu-global kbd, .nu-global pre, .nu-global samp {
        font-family: Consolas, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
      }
      .nu-global audio, .nu-global canvas, .nu-global embed, .nu-global iframe, .nu-global img, .nu-global object, .nu-global svg, .nu-global video {
        display: block;
        vertical-align: middle
      }
      .nu-global img, .nu-global video {
        max-width: 100%;
        height: auto
      }
      .nu-global [hidden] {
        display: none
      }
      .nu-global *, .nu-global ::after, .nu-global ::before {
        --tw-border-opacity: 1;
        border-color: rgba(227, 227, 227, var(--tw-border-opacity))
      }
      .nu-global {
        font-size: 1em!important;
        background: #000000;
      }
      .nu-global .fixed {
        position: fixed !important
      }
      .nu-global .absolute {
        position: absolute !important
      }
      .nu-global .inset-0 {
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important
      }
      .nu-global .inset-y-0 {
        top: 0 !important;
        bottom: 0 !important
      }
      .nu-global .right-0 {
        right: 0 !important
      }
      .nu-global .z-10000 {
        z-index: 10000 !important
      }
      .nu-global .-mx-1 {
        margin-left: -4px !important;
        margin-right: -4px !important
      }
      .nu-global .-mx-2 {
        margin-left: -8px !important;
        margin-right: -8px !important
      }
      .nu-global .-mx-4 {
        margin-left: 0!important;
        margin-right: 0!important
      }
      .nu-global .mt-2 {
        margin-top: 8px !important
      }
      .nu-global .mt-6 {
        margin-top: 24px !important
      }
      .nu-global .mt-8 {
        margin-top: 32px !important
      }
      .nu-global .ml-2 {
        margin-left: 8px !important
      }
      .nu-global .ml-4 {
        margin-left: 16px !important
      }
      .nu-global .block {
        display: block !important
      }
      .nu-global .flex {
        display: flex !important
      }
      .nu-global .inline-flex {
        display: inline-flex !important
      }
      .nu-global .table {
        display: table !important
      }
      .nu-global .hidden {
        display: none !important
      }
      .nu-global .h-3 {
        height: 12px !important
      }
      .nu-global .h-4 {
        height: 16px !important
      }
      .nu-global .h-5 {
        height: 20px !important
      }
      .nu-global .h-6 {
        height: 24px !important
      }
      .nu-global .h-7 {
        height: 28px !important
      }
      .nu-global .h-12 {
        height: 48px !important
      }
      .nu-global .h-screen {
        height: 100vh !important
      }
      .nu-global .w-3 {
        width: 12px !important
      }
      .nu-global .w-4 {
        width: 16px !important
      }
      .nu-global .w-5 {
        width: 20px !important
      }
      .nu-global .w-6 {
        width: 24px !important
      }
      .nu-global .w-7 {
        width: 28px !important
      }
      .nu-global .w-12 {
        width: 48px !important
      }
      .nu-global .w-full {
        width: 100% !important
      }
      .nu-global .max-w-lg {
        max-width: 512px !important
      }
      .nu-global .flex-1 {
        flex: 1 1 0% !important
      }
      .nu-global .flex-shrink-0 {
        flex-shrink: 0 !important
      }
      .nu-global .transform {
        --tw-translate-x: 0 !important;
        --tw-translate-y: 0 !important;
        --tw-rotate: 0 !important;
        --tw-skew-x: 0 !important;
        --tw-skew-y: 0 !important;
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important;
        transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
      }
      .nu-global .-translate-y-full {
        --tw-translate-y: -100% !important
      }
      .nu-global .focus\:translate-y-0:focus {
        --tw-translate-y: 0px !important
      }
      .nu-global .rotate-180 {
        --tw-rotate: 180deg !important
      }
      @-webkit-keyframes spin {
        to {
          transform: rotate(360deg)
        }
      }
      @keyframes spin {
        to {
          transform: rotate(360deg)
        }
      }
      @-webkit-keyframes ping {
        100%, 75% {
          transform: scale(2);
          opacity: 0
        }
      }
      @keyframes ping {
        100%, 75% {
          transform: scale(2);
          opacity: 0
        }
      }
      @-webkit-keyframes pulse {
        50% {
          opacity: .5
        }
      }
      @keyframes pulse {
        50% {
          opacity: .5
        }
      }
      @-webkit-keyframes bounce {
        0%, 100% {
          transform: translateY(-25%);
          -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
          animation-timing-function: cubic-bezier(.8, 0, 1, 1)
        }
        50% {
          transform: none;
          -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
          animation-timing-function: cubic-bezier(0, 0, .2, 1)
        }
      }
      @keyframes bounce {
        0%, 100% {
          transform: translateY(-25%);
          -webkit-animation-timing-function: cubic-bezier(.8, 0, 1, 1);
          animation-timing-function: cubic-bezier(.8, 0, 1, 1)
        }
        50% {
          transform: none;
          -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
          animation-timing-function: cubic-bezier(0, 0, .2, 1)
        }
      }
      .nu-global .flex-col {
        flex-direction: column !important
      }
      .nu-global .flex-wrap {
        flex-wrap: wrap !important
      }
      .nu-global .items-start {
        align-items: flex-start !important
      }
      .nu-global .items-center {
        align-items: center !important
      }
      .nu-global .items-stretch {
        align-items: stretch !important
      }
      .nu-global .justify-end {
        justify-content: flex-end !important
      }
      .nu-global .justify-center {
        justify-content: center !important
      }
      .nu-global .justify-between {
        justify-content: space-between !important
      }
      .nu-global .space-x-4 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0 !important;
        margin-right: calc(16px * var(--tw-space-x-reverse)) !important;
        margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse))) !important
      }
      .nu-global .space-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0 !important;
        margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse))) !important;
        margin-bottom: calc(8px * var(--tw-space-y-reverse)) !important
      }
      .nu-global .divide-y-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))) !important;
        border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) !important
      }
      .nu-global .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-opacity: 1 !important;
        border-color: rgba(227, 227, 227, var(--tw-divide-opacity)) !important
      }
      .nu-global .overflow-y-auto {
        overflow-y: auto !important
      }
      .nu-global .rounded-full {
        border-radius: 9999px !important
      }
      .nu-global .border-t-2 {
        border-top-width: 2px !important
      }
      .nu-global .border-r {
        border-right-width: 1px !important
      }
      .nu-global .border-b-2 {
        border-bottom-width: 2px !important
      }
      .nu-global .border-l {
        border-left-width: 1px !important
      }
      .nu-global .border-gray-200 {
        --tw-border-opacity: 1 !important;
        border-color: rgba(227, 227, 227, var(--tw-border-opacity)) !important
      }
      .nu-global .bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
      }
      .nu-global .bg-black {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important
      }
      .nu-global .bg-gray-400 {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(158, 158, 158, var(--tw-bg-opacity)) !important
      }
      .nu-global .bg-red-600 {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(212, 27, 44, var(--tw-bg-opacity)) !important
      }
      a.read-more\:bg-gray-100:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(245, 245, 245, var(--tw-bg-opacity)) !important
      }
      a.read-more\:bg-gray-200:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(227, 227, 227, var(--tw-bg-opacity)) !important
      }
      a.read-more\:bg-red-700:hover {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(176, 26, 27, var(--tw-bg-opacity)) !important
      }
      .nu-global .focus\:bg-white:focus {
        --tw-bg-opacity: 1 !important;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important
      }
      .nu-global .bg-opacity-80 {
        --tw-bg-opacity: 0.8 !important
      }
      .nu-global .p-2 {
        padding: 8px !important
      }
      .nu-global .px-2 {
        padding-left: 0 !important;
        padding-right: 0 !important
      }
      .nu-global .px-4 {
        padding-left: 8px!important;
        padding-right: 8px!important
      }
      .nu-global .px-8 {
        padding-left: 32px !important;
        padding-right: 32px !important
      }
      .nu-global .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
      }
      .nu-global .py-1 {
        padding-top: 4px !important;
        padding-bottom: 4px !important
      }
      .nu-global .py-2 {
        padding-top: 8px !important;
        padding-bottom: 8px !important
      }
      .nu-global .py-3 {
        padding-top: 12px !important;
        padding-bottom: 12px !important
      }
      .nu-global .py-4 {
        padding-top: 16px !important;
        padding-bottom: 16px !important
      }
      .nu-global .py-5 {
        padding-top: 20px !important;
        padding-bottom: 20px !important
      }
      .nu-global .py-6 {
        padding-top: 24px !important;
        padding-bottom: 24px !important
      }
      .nu-global .pr-0 {
        padding-right: 0 !important
      }
      .nu-global .pb-2 {
        padding-bottom: 8px !important
      }
      .nu-global .pl-3 {
        padding-left: 12px !important
      }
      .nu-global .text-center {
        text-align: center !important
      }
      .nu-global .font-sans {
        font-family: Lato, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
      }
      .nu-global .text-xs {
        font-size: 0.75em!important;
        line-height: 16px !important
      }
      .nu-global .text-sm {
        font-size: 1em!important;
        line-height: 20px !important
      }
      .nu-global .text-base {
        font-size: 1em !important;
        line-height: 24px !important
      }
      .nu-global .font-semibold {
        font-weight: 600 !important
      }
      .nu-global .font-bold {
        font-weight: 700 !important
      }
      .nu-global .uppercase {
        text-transform: uppercase !important
      }
      .nu-global .tracking-wide {
        letter-spacing: .025em !important
      }
      .nu-global .tracking-wider {
        letter-spacing: .05em !important
      }
      .nu-global .tracking-widest {
        letter-spacing: .1em !important
      }
      .nu-global .text-white {
        --tw-text-opacity: 1 !important;
        color: rgba(255, 255, 255, var(--tw-text-opacity)) !important
      }
      .nu-global .text-black {
        --tw-text-opacity: 1 !important;
        color: rgba(0, 0, 0, var(--tw-text-opacity)) !important
      }
      .nu-global .text-gray-100 {
        --tw-text-opacity: 1 !important;
        color: rgba(245, 245, 245, var(--tw-text-opacity)) !important
      }
      .nu-global .text-gray-300 {
        --tw-text-opacity: 1 !important;
        color: rgba(196, 196, 196, var(--tw-text-opacity)) !important
      }
      .nu-global .text-gray-400 {
        --tw-text-opacity: 1 !important;
        color: rgba(158, 158, 158, var(--tw-text-opacity)) !important
      }
      .nu-global .text-gray-600 {
        --tw-text-opacity: 1 !important;
        color: rgba(84, 84, 84, var(--tw-text-opacity)) !important
      }
      .nu-global .text-gray-800 {
        --tw-text-opacity: 1 !important;
        color: rgba(41, 41, 41, var(--tw-text-opacity)) !important
      }
      .nu-global .text-gray-900 {
        --tw-text-opacity: 1 !important;
        color: rgba(31, 31, 31, var(--tw-text-opacity)) !important
      }
      .nu-global .text-red-600 {
        --tw-text-opacity: 1 !important;
        color: rgba(212, 27, 44, var(--tw-text-opacity)) !important
      }
      .nu-global .group:hover .group-hover\:text-gray-300 {
        --tw-text-opacity: 1 !important;
        color: rgba(196, 196, 196, var(--tw-text-opacity)) !important
      }
      a.read-more\:text-white:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
        display: inline;
        padding-bottom: 5px!important;
      }
      .nu-global .hover\:text-gray-200:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(227, 227, 227, var(--tw-text-opacity)) !important
      }
      .nu-global .hover\:text-gray-800:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(41, 41, 41, var(--tw-text-opacity)) !important
      }
      .nu-global .hover\:text-gray-900:hover {
        --tw-text-opacity: 1 !important;
        color: rgba(31, 31, 31, var(--tw-text-opacity)) !important
      }
      .nu-global .antialiased {
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important
      }
      .nu-global *, .nu-global ::after, .nu-global ::before {
        --tw-shadow: 0 0 #0000
      }
      .nu-global .shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
      }
      .nu-global .focus\:outline-none:focus {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important
      }
      .nu-global *, .nu-global ::after, .nu-global ::before {
        --tw-ring-inset: var(--tw-empty, );
        /*!*/
        /*!*/
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(66, 153, 225, 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000
      }
      .nu-global .focus\:ring:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
      }
      .nu-global .focus\:ring-blue-400:focus {
        --tw-ring-opacity: 1 !important;
        --tw-ring-color: rgba(99, 179, 237, var(--tw-ring-opacity)) !important
      }
      .nu-global .focus\:ring-blue-500:focus {
        --tw-ring-opacity: 1 !important;
        --tw-ring-color: rgba(66, 153, 225, var(--tw-ring-opacity)) !important
      }
      .nu-global .filter {
        --tw-blur: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        --tw-brightness: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        --tw-contrast: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        --tw-grayscale: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        --tw-hue-rotate: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        --tw-invert: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        --tw-saturate: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        --tw-sepia: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        --tw-drop-shadow: var(--tw-empty, ) !important;
        /*!*/
        /*!*/
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
      }
      .nu-global .transition {
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
        transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
        transition-duration: 150ms !important
      }
      .nu-global .transition-colors {
        transition-property: background-color, border-color, color, fill, stroke !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
        transition-duration: 150ms !important
      }
      .nu-global .transition-transform {
        transition-property: transform !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important;
        transition-duration: 150ms !important
      }
      .nu-global .duration-200 {
        transition-duration: .2s !important
      }
      .nu-global .duration-300 {
        transition-duration: .3s !important
      }
      .nu-global [x-cloak] {
        display: none !important
      }
      @media (min-width: 640px) {
        .nu-global .sm\:ml-3 {
          margin-left: 12px !important
        }
        .nu-global .sm\:block {
          display: block !important
        }
        .nu-global .sm\:inline-flex {
          display: inline-flex !important
        }
        .nu-global .sm\:px-8 {
          padding-left: 32px !important;
          padding-right: 32px !important
        }
        .nu-global .sm\:pl-6 {
          padding-left: 24px !important
        }
        .nu-global .sm\:text-sm {
          font-size: 1em !important;
          line-height: 20px !important
        }
        .nu-global .sm\:text-base {
          font-size: 1em !important;
          line-height: 24px !important
        }
      }
      @media (min-width: 768px) {
        .nu-global .md\:mt-0 {
          margin-top: 0 !important
        }
        .nu-global .md\:mt-2 {
          margin-top: 8px !important
        }
        .nu-global .md\:flex-row {
          flex-direction: row !important
        }
        .nu-global .md\:justify-start {
          justify-content: flex-start !important
        }
        .nu-global .md\:justify-end {
          justify-content: flex-end !important
        }
      }
      @media (min-width: 1024px) {
        .nu-global .lg\:px-16 {
          padding-left: 0!important;
          padding-right: 0!important;
        }
      }
      /******************************************************************
      Print Media
      ******************************************************************/
      @media print {
        * {
          background: transparent !important;
          color: black !important;
          text-shadow: none !important;
          filter: none !important;
          -ms-filter: none !important;
        }
        a, a:visited {
          color: #0e4b74 !important;
          text-decoration: underline;
        }
        a:after, a:visited:after {
          content: " ("attr(href) ")";
        }
        a abbr[title]:after, a:visited abbr[title]:after {
          content: " ("attr(title) ")";
        }
        .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
          content: "";
        }
        pre, blockquote {
          border: 1px solid #999;
          page-break-inside: avoid;
        }
        thead {
          display: table-header-group;
        }
        tr, img {
          page-break-inside: avoid;
        }
        img {
          max-width: 100% !important;
        }
        @page {
          margin: 0.5cm;
        }
        p, h2, h3 {
          orphans: 3;
          widows: 3;
        }
        h2, h3 {
          page-break-after: avoid;
        }
        .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
          display: none;
        }
      }
      /******************************************************************
      Miscellaneous @media
      ******************************************************************/
      @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
      }
      /*!---------------------------Boostrap CSS---------------------------!*/

      /*!
      * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
      */ /*!
      * Bootstrap v3.4.1 (https://getbootstrap.com/)
      * Copyright 2011-2019 Twitter, Inc.
      * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
      */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
      html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
      }
      body {
        margin: 0;
      }
      * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      * :before, * :after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }
      .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
      }
      @media (min-width: 768px) {
        .container {
          width: 100%;
        }
      }
      @media (min-width: 992px) {
        .container {
          width: 100%;
        }
      }
      @media (min-width: 1200px) {
        .container {
          width: 100%;
        }
      }
      .container-fluid {
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
      }
      .row {
        margin-right: -15px;
        margin-left: -15px;
      }
      .row-no-gutters {
        margin-right: 0;
        margin-left: 0;
      }
      .row-no-gutters [class *="col-"] {
        padding-right: 0;
        padding-left: 0;
      }
      .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-2_5, .col-sm-2_5, .col-md-2_5, .col-lg-2_5, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        padding-left: 0;
      }
      .col-xs-1, .col-xs-2, .col-xs-2_5, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        float: left;
      }
      .col-xs-12 {
        width: 100%;
      }
      .col-xs-11 {
        width: 91.66666667%;
      }
      .col-xs-10 {
        width: 83.33333333%;
      }
      .col-xs-9 {
        width: 75%;
      }
      .col-xs-8 {
        width: 66.66666667%;
      }
      .col-xs-7 {
        width: 58.33333333%;
      }
      .col-xs-6 {
        width: 50%;
      }
      .col-xs-5 {
        width: 41.66666667%;
      }
      .col-xs-4 {
        width: 33.33333333%;
      }
      .col-xs-3 {
        width: 25%;
      }
      .col-xs-2_5 {
        width: 20%;
        height: 60px;
      }
      .col-xs-2 {
        width: 16.66666667%;
      }
      .col-xs-1 {
        width: 8.33333333%;
      }
      .col-xs-pull-12 {
        right: 100%;
      }
      .col-xs-pull-11 {
        right: 91.66666667%;
      }
      .col-xs-pull-10 {
        right: 83.33333333%;
      }
      .col-xs-pull-9 {
        right: 75%;
      }
      .col-xs-pull-8 {
        right: 66.66666667%;
      }
      .col-xs-pull-7 {
        right: 58.33333333%;
      }
      .col-xs-pull-6 {
        right: 50%;
      }
      .col-xs-pull-5 {
        right: 41.66666667%;
      }
      .col-xs-pull-4 {
        right: 33.33333333%;
      }
      .col-xs-pull-3 {
        right: 25%;
      }
      .col-xs-pull-2_5 {
        right: 20%;
      }
      .col-xs-pull-2 {
        right: 16.66666667%;
      }
      .col-xs-pull-1 {
        right: 8.33333333%;
      }
      .col-xs-pull-0 {
        right: auto;
      }
      .col-xs-push-12 {
        left: 100%;
      }
      .col-xs-push-11 {
        left: 91.66666667%;
      }
      .col-xs-push-10 {
        left: 83.33333333%;
      }
      .col-xs-push-9 {
        left: 75%;
      }
      .col-xs-push-8 {
        left: 66.66666667%;
      }
      .col-xs-push-7 {
        left: 58.33333333%;
      }
      .col-xs-push-6 {
        left: 50%;
      }
      .col-xs-push-5 {
        left: 41.66666667%;
      }
      .col-xs-push-4 {
        left: 33.33333333%;
      }
      .col-xs-push-3 {
        left: 25%;
      }
      .col-xs-push-2_5 {
        left: 20%;
      }
      .col-xs-push-2 {
        left: 16.66666667%;
      }
      .col-xs-push-1 {
        left: 8.33333333%;
      }
      .col-xs-push-0 {
        left: auto;
      }
      .col-xs-offset-12 {
        margin-left: 100%;
      }
      .col-xs-offset-11 {
        margin-left: 91.66666667%;
      }
      .col-xs-offset-10 {
        margin-left: 83.33333333%;
      }
      .col-xs-offset-9 {
        margin-left: 75%;
      }
      .col-xs-offset-8 {
        margin-left: 66.66666667%;
      }
      .col-xs-offset-7 {
        margin-left: 58.33333333%;
      }
      .col-xs-offset-6 {
        margin-left: 50%;
      }
      .col-xs-offset-5 {
        margin-left: 41.66666667%;
      }
      .col-xs-offset-4 {
        margin-left: 33.33333333%;
      }
      .col-xs-offset-3 {
        margin-left: 25%;
      }
      .col-xs-offset-2_5 {
        margin-left: 20%;
      }
      .col-xs-offset-2 {
        margin-left: 16.66666667%;
      }
      .col-xs-offset-1 {
        margin-left: 8.33333333%;
      }
      .col-xs-offset-0 {
        margin-left: 0%;
      }
      @media (min-width: 768px) {
        .col-sm-1, .col-sm-2, .col-sm-2_5, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
          float: left;
        }
        .col-sm-12 {
          width: 100%;
        }
        .col-sm-11 {
          width: 91.66666667%;
        }
        .col-sm-10 {
          width: 83.33333333%;
        }
        .col-sm-9 {
          width: 75%;
        }
        .col-sm-8 {
          width: 66.66666667%;
        }
        .col-sm-7 {
          width: 58.33333333%;
        }
        .col-sm-6 {
          width: 50%;
        }
        .col-sm-5 {
          width: 41.66666667%;
        }
        .col-sm-4 {
          width: 33.33333333%;
        }
        .col-sm-3 {
          width: 25%;
        }
        .col-sm-2_5 {
          width: 20%;
          height: 60px;
        }
        .col-sm-2 {
          width: 16.66666667%;
        }
        .col-sm-1 {
          width: 8.33333333%;
        }
        .col-sm-pull-12 {
          right: 100%;
        }
        .col-sm-pull-11 {
          right: 91.66666667%;
        }
        .col-sm-pull-10 {
          right: 83.33333333%;
        }
        .col-sm-pull-9 {
          right: 75%;
        }
        .col-sm-pull-8 {
          right: 66.66666667%;
        }
        .col-sm-pull-7 {
          right: 58.33333333%;
        }
        .col-sm-pull-6 {
          right: 50%;
        }
        .col-sm-pull-5 {
          right: 41.66666667%;
        }
        .col-sm-pull-4 {
          right: 33.33333333%;
        }
        .col-sm-pull-3 {
          right: 25%;
        }
        .col-sm-pull-2_5 {
          right: 20%;
        }
        .col-sm-pull-2 {
          right: 16.66666667%;
        }
        .col-sm-pull-1 {
          right: 8.33333333%;
        }
        .col-sm-pull-0 {
          right: auto;
        }
        .col-sm-push-12 {
          left: 100%;
        }
        .col-sm-push-11 {
          left: 91.66666667%;
        }
        .col-sm-push-10 {
          left: 83.33333333%;
        }
        .col-sm-push-9 {
          left: 75%;
        }
        .col-sm-push-8 {
          left: 66.66666667%;
        }
        .col-sm-push-7 {
          left: 58.33333333%;
        }
        .col-sm-push-6 {
          left: 50%;
        }
        .col-sm-push-5 {
          left: 41.66666667%;
        }
        .col-sm-push-4 {
          left: 33.33333333%;
        }
        .col-sm-push-3 {
          left: 25%;
        }
        .col-sm-push-2_5 {
          left: 20%;
        }
        .col-sm-push-2 {
          left: 16.66666667%;
        }
        .col-sm-push-1 {
          left: 8.33333333%;
        }
        .col-sm-push-0 {
          left: auto;
        }
        .col-sm-offset-12 {
          margin-left: 100%;
        }
        .col-sm-offset-11 {
          margin-left: 91.66666667%;
        }
        .col-sm-offset-10 {
          margin-left: 83.33333333%;
        }
        .col-sm-offset-9 {
          margin-left: 75%;
        }
        .col-sm-offset-8 {
          margin-left: 66.66666667%;
        }
        .col-sm-offset-7 {
          margin-left: 58.33333333%;
        }
        .col-sm-offset-6 {
          margin-left: 50%;
        }
        .col-sm-offset-5 {
          margin-left: 41.66666667%;
        }
        .col-sm-offset-4 {
          margin-left: 33.33333333%;
        }
        .col-sm-offset-3 {
          margin-left: 25%;
        }
        .col-sm-offset-2_5 {
          margin-left: 20%;
        }
        .col-sm-offset-2 {
          margin-left: 16.66666667%;
        }
        .col-sm-offset-1 {
          margin-left: 8.33333333%;
        }
        .col-sm-offset-0 {
          margin-left: 0%;
        }
      }
      @media (min-width: 1280px) {
        .col-md-1, .col-md-2, .col-md-2_5, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
          float: left;
        }
        .col-md-12 {
          width: 100%;
        }
        .col-md-11 {
          width: 91.66666667%;
        }
        .col-md-10 {
          width: 83.33333333%;
        }
        .col-md-9 {
          width: 75%;
        }
        .col-md-8 {
          width: 66.66666667%;
        }
        .col-md-7 {
          width: 58.33333333%;
        }
        .col-md-6 {
          width: 50%;
        }
        .col-md-5 {
          width: 41.66666667%;
        }
        .col-md-4 {
          width: 33.33333333%;
        }
        .col-md-3 {
          width: 25%;
        }
        .col-md-2_5 {
          width: 20%;
          height: 60px;
        }
        .col-md-2 {
          width: 16.66666667%;
        }
        .col-md-1 {
          width: 8.33333333%;
        }
        .col-md-pull-12 {
          right: 100%;
        }
        .col-md-pull-11 {
          right: 91.66666667%;
        }
        .col-md-pull-10 {
          right: 83.33333333%;
        }
        .col-md-pull-9 {
          right: 75%;
        }
        .col-md-pull-8 {
          right: 66.66666667%;
        }
        .col-md-pull-7 {
          right: 58.33333333%;
        }
        .col-md-pull-6 {
          right: 50%;
        }
        .col-md-pull-5 {
          right: 41.66666667%;
        }
        .col-md-pull-4 {
          right: 33.33333333%;
        }
        .col-md-pull-3 {
          right: 25%;
        }
        .col-md-pull-2_5 {
          right: 20%;
        }
        .col-md-pull-2 {
          right: 16.66666667%;
        }
        .col-md-pull-1 {
          right: 8.33333333%;
        }
        .col-md-pull-0 {
          right: auto;
        }
        .col-md-push-12 {
          left: 100%;
        }
        .col-md-push-11 {
          left: 91.66666667%;
        }
        .col-md-push-10 {
          left: 83.33333333%;
        }
        .col-md-push-9 {
          left: 75%;
        }
        .col-md-push-8 {
          left: 66.66666667%;
        }
        .col-md-push-7 {
          left: 58.33333333%;
        }
        .col-md-push-6 {
          left: 50%;
        }
        .col-md-push-5 {
          left: 41.66666667%;
        }
        .col-md-push-4 {
          left: 33.33333333%;
        }
        .col-md-push-3 {
          left: 25%;
        }
        .col-md-push-2_5 {
          left: 20%;
        }
        .col-md-push-2 {
          left: 16.66666667%;
        }
        .col-md-push-1 {
          left: 8.33333333%;
        }
        .col-md-push-0 {
          left: auto;
        }
        .col-md-offset-12 {
          margin-left: 100%;
        }
        .col-md-offset-11 {
          margin-left: 91.66666667%;
        }
        .col-md-offset-10 {
          margin-left: 83.33333333%;
        }
        .col-md-offset-9 {
          margin-left: 75%;
        }
        .col-md-offset-8 {
          margin-left: 66.66666667%;
        }
        .col-md-offset-7 {
          margin-left: 58.33333333%;
        }
        .col-md-offset-6 {
          margin-left: 50%;
        }
        .col-md-offset-5 {
          margin-left: 41.66666667%;
        }
        .col-md-offset-4 {
          margin-left: 33.33333333%;
        }
        .col-md-offset-3 {
          margin-left: 25%;
        }
        .col-md-offset-2_5 {
          margin-left: 20%;
        }
        .col-md-offset-2 {
          margin-left: 16.66666667%;
        }
        .col-md-offset-1 {
          margin-left: 8.33333333%;
        }
        .col-md-offset-0 {
          margin-left: 0%;
        }
      }
      @media (min-width: 1200px) {
        .col-lg-1, .col-lg-2, .col-lg-2_5, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
          float: left;
        }
        .col-lg-12 {
          width: 100%;
        }
        .col-lg-11 {
          width: 91.66666667%;
        }
        .col-lg-10 {
          width: 83.33333333%;
        }
        .col-lg-9 {
          width: 75%;
        }
        .col-lg-8 {
          width: 66.66666667%;
        }
        .col-lg-7 {
          width: 58.33333333%;
        }
        .col-lg-6 {
          width: 50%;
        }
        .col-lg-5 {
          width: 41.66666667%;
        }
        .col-lg-4 {
          width: 33.33333333%;
        }
        .col-lg-3 {
          width: 25%;
        }
        .col-lg-2_5 {
          width: 20%;
          height: 60px;
        }
        .col-lg-2 {
          width: 16.66666667%;
        }
        .col-lg-1 {
          width: 8.33333333%;
        }
        .col-lg-pull-12 {
          right: 100%;
        }
        .col-lg-pull-11 {
          right: 91.66666667%;
        }
        .col-lg-pull-10 {
          right: 83.33333333%;
        }
        .col-lg-pull-9 {
          right: 75%;
        }
        .col-lg-pull-8 {
          right: 66.66666667%;
        }
        .col-lg-pull-7 {
          right: 58.33333333%;
        }
        .col-lg-pull-6 {
          right: 50%;
        }
        .col-lg-pull-5 {
          right: 41.66666667%;
        }
        .col-lg-pull-4 {
          right: 33.33333333%;
        }
        .col-lg-pull-3 {
          right: 25%;
        }
        .col-lg-pull-2_5 {
          right: 20%;
        }
        .col-lg-pull-2 {
          right: 16.66666667%;
        }
        .col-lg-pull-1 {
          right: 8.33333333%;
        }
        .col-lg-pull-0 {
          right: auto;
        }
        .col-lg-push-12 {
          left: 100%;
        }
        .col-lg-push-11 {
          left: 91.66666667%;
        }
        .col-lg-push-10 {
          left: 83.33333333%;
        }
        .col-lg-push-9 {
          left: 75%;
        }
        .col-lg-push-8 {
          left: 66.66666667%;
        }
        .col-lg-push-7 {
          left: 58.33333333%;
        }
        .col-lg-push-6 {
          left: 50%;
        }
        .col-lg-push-5 {
          left: 41.66666667%;
        }
        .col-lg-push-4 {
          left: 33.33333333%;
        }
        .col-lg-push-3 {
          left: 25%;
        }
        .col-lg-push-2_5 {
          left: 20%;
        }
        .col-lg-push-2 {
          left: 16.66666667%;
        }
        .col-lg-push-1 {
          left: 8.33333333%;
        }
        .col-lg-push-0 {
          left: auto;
        }
        .col-lg-offset-12 {
          margin-left: 100%;
        }
        .col-lg-offset-11 {
          margin-left: 91.66666667%;
        }
        .col-lg-offset-10 {
          margin-left: 83.33333333%;
        }
        .col-lg-offset-9 {
          margin-left: 75%;
        }
        .col-lg-offset-8 {
          margin-left: 66.66666667%;
        }
        .col-lg-offset-7 {
          margin-left: 58.33333333%;
        }
        .col-lg-offset-6 {
          margin-left: 50%;
        }
        .col-lg-offset-5 {
          margin-left: 41.66666667%;
        }
        .col-lg-offset-4 {
          margin-left: 33.33333333%;
        }
        .col-lg-offset-3 {
          margin-left: 25%;
        }
        .col-lg-offset-2_5 {
          margin-left: 20%;
        }
        .col-lg-offset-2 {
          margin-left: 16.66666667%;
        }
        .col-lg-offset-1 {
          margin-left: 8.33333333%;
        }
        .col-lg-offset-0 {
          margin-left: 0%;
        }
      }
      .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
        display: table;
        content: " ";
      }
      .clearfix:after, .container:after, .container-fluid:after, .row:after {
        clear: both;
      }
      .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto;
      }
      .pull-right {
        float: right !important;
      }
      .pull-left {
        float: left !important;
      }
      .hide {
        display: none !important;
      }
      .show {
        display: block !important;
      }
      .invisible {
        visibility: hidden;
      }
      .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
      }
      .hidden {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0,0,0,0) !important;
        white-space: nowrap !important;
        border: 0 !important;
      }
      .affix {
        position: fixed;
      }
      p.bps_filters {
        padding: 10px 70px;
      }
      #cf-wrapper #cf-error-details .cf-error-footer p {
        font-size:1em!important;
      }
