html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  main {
    display: block;
  }
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type="checkbox"],
  [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
  }
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  :root {
    --white: #fff;
    --white-dark: #f3f3f3;
    --white-mode: var(--white);
    --dark: #133e59;
    --dark-mode: var(--dark);
    --main: #1a936f;
    --main-mode: var(--main);
    --main-dark: #147c5d;
  }
  body * {
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  blockquote,
  pre,
  code,
  input,
  textarea,
  main article * {
    -webkit-touch-callout: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
  }
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-track,
  ::-webkit-scrollbar-corner {
    background-color: var(--white-dark);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--main);
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--main);
  }
  @font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: local("Poppins Regular"), local(Poppins-Regular),
      url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecmNE.woff2)
        format("woff2");
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8,
      U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
  }
  @font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: local("Poppins Regular"), local(Poppins-Regular),
      url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecmNE.woff2)
        format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
      U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  @font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: local("Poppins Regular"), local(Poppins-Regular),
      url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
      U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
      U+FEFF, U+FFFD;
  }
  html,
  body {
    font-family: "Poppins", sans-serif;
    background-color: var(--white-dark);
  }
  body.noscroll {
    overflow-y: hidden;
  }
  body.darkmode {
    --white: #222;
    --white-dark: #111;
    --dark: #ddd;
    --white-mode: #ddd;
    --dark-mode: #ddd;
    --main-mode: #ddd;
    --main: #066347;
    --main-dark: ##1a936f;
  }
  :focus {
    outline: 0;
    outline: none;
  }
  a {
    color: var(--dark);
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  a i {
    margin-right: 5px;
  }
  a i.reverse {
    margin-right: 0;
    margin-left: 5px;
  }
  nav a i,
  .sublabel i,
  .footercontent i {
    margin-right: 10px;
  }
  nav a i.reverse,
  .sublabel i.reverse,
  .footercontent i.reverse {
    margin-right: 0;
    margin-left: 10px;
  }
  a.social-button i {
    margin: 0;
  }
  i.fa-heart {
    color: red;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: var(--dark-mode);
  }
  .wrapper {
    display: block;
    position: relative;
    max-width: 1050px;
    margin: auto;
  }
  .alert {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 24px;
    color: var(--white-mode);
    text-align: center;
    display: inline-block;
  }
  .alert:not(:first-child) {
    margin-top: 14px;
  }
  .alert i {
    margin-right: 5px;
  }
  .alert-danger {
    border: 1px solid #cc0001;
    background-color: #ff909b;
  }
  .alert-success {
    border: 1px solid #007e34;
    background-color: #01c851;
  }
  .alert-default {
    border: 1px solid #007e34;
    background-color: var(--main);
  }
  .btn {
    background-color: var(--white);
    color: var(--main-mode);
    padding: 4px 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1.2px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    outline: none;
  }
  .btn-color {
    background: var(--main);
    color: var(--white-mode);
  }
  .btn-ln {
    border: solid 2px var(--main);
  }
  .btn-anim:link,
  .btn-anim:visited,
  .btn-anim {
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  .btn-anim:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  }
  .btn-anim:active {
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  .btn-anim {
    -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.25);
  }
  .hero .navtop,
  .hero .mainav {
    z-index: 20;
    top: 0;
    width: 100%;
    position: fixed;
  }
  .hero .mainav {
    top: 35px;
    -webkit-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .hero .mainav.sticky {
    top: 0;
    -webkit-transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .hero .navtop {
    background: var(--main);
    overflow: hidden;
    height: 35px;
  }
  .navtop ul {
    margin: 0;
    padding: 0;
    display: block;
    float: right;
  }
  .navtop ul li {
    list-style: none;
    display: inline-block;
  }
  .navtop ul li a {
    display: block;
    padding: 6px 14px;
    margin: 4px 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: var(--white-mode);
    font-size: 15px;
    overflow: hidden;
  }
  .navtop ul li a:hover {
    background: var(--main-dark);
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    transition: background 0.3s ease;
  }
  .mainav {
    background: var(--white);
    -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
  }
  .mainav nav,
  .mainav .logo,
  .mainav .menu,
  footer .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mainav nav {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 70px;
  }
  .mainav .logo,
  footer .logo {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 4px;
    padding: 6px;
  }
  .mainav .logo {
    margin: auto 0;
  }
  body.darkmode .mainav .logo {
    color: var(--white-mode);
  }
  .mainav .logo img,
  footer .logo img {
    width: auto;
<<<<<<< HEAD
    height: 60px;
=======
    height: 50px;
>>>>>>> cb622a24d68d24ced64998911c59c78d0eff3569
  }
  .mainav .logo span,
  footer .logo span {
    margin-left: 14px;
    margin-top: 14px;
    font-weight: 600;
    color: var(--dark);
    display: block;
    font-size: 16px;
    max-width: 140px;
  }
  .mainav .menu {
    margin: auto 0;
    max-width: -webkit-calc(100% - 200px);
    max-width: -moz-calc(100% - 200px);
    max-width: calc(100% - 200px);
  }
  .mainav ul {
    margin: 0;
    padding: 0;
    display: inline-block !important;
    text-align: right;
  }
  .mainav ul li {
    list-style: none;
    display: inline-block;
  }
  .mainav ul li a {
    display: block;
    padding: 10px 16px;
    margin: 4px 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .mainav ul li a.btn {
    margin-left: 10px;
    font-weight: 500;
  }
  .mainav ul li a.search {
    padding: 10px;
  }
  .mainav ul li a.search i {
    margin: 0;
  }
  .mainav .drop {
    list-style: none;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 auto 0 10px;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  .mainav .mobile-nav .drop {
    margin: 10px auto !important;
  }
  .mainav .drop img {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    display: block;
  }
  .mainav .drop .drop-menu {
    position: absolute;
    right: 0;
    top: 54px;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: scale(0) !important;
    -moz-transform: scale(0) !important;
    -ms-transform: scale(0) !important;
    -o-transform: scale(0) !important;
    transform: scale(0) !important;
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16),
      0 2px 8px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16),
      0 2px 8px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
    padding: 0;
    background: var(--white);
    z-index: 8;
    height: auto;
  }
  .mainav .mobile-nav .drop .drop-menu {
    right: 50%;
    -webkit-transform: scale(0) translateX(50%) !important;
    -moz-transform: scale(0) translateX(50%) !important;
    -ms-transform: scale(0) translateX(50%) !important;
    -o-transform: scale(0) translateX(50%) !important;
    transform: scale(0) translateX(50%) !important;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    -o-transform-origin: center right;
    transform-origin: center right;
  }
  .mainav .drop.open .drop-menu {
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    -o-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
    -moz-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
    -o-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
    transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  }
  .mainav .mobile-nav .drop.open .drop-menu {
    -webkit-transform: scale(1) translateX(50%) !important;
    -moz-transform: scale(1) translateX(50%) !important;
    -ms-transform: scale(1) translateX(50%) !important;
    -o-transform: scale(1) translateX(50%) !important;
    transform: scale(1) translateX(50%) !important;
    margin-bottom: 20px;
  }
  .mainav .drop-menu li {
    display: block;
    min-width: 110px;
    width: 100%;
    opacity: 0;
    -webkit-transform: translate(20px, 0px);
    -moz-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    -o-transform: translate(20px, 0px);
    transform: translate(20px, 0px);
    margin: 0 !important;
  }
  .mainav .drop.open li {
    display: block;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
  .mainav .drop-menu a {
    padding: 10px 14px;
    display: block;
    text-align: right;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
  }
  .mainav .drop-menu a:hover {
    background: var(--white-dark);
  }
  form.search {
    margin: 0 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #search_popup h2 {
    text-align: center;
    letter-spacing: 0.5px;
  }
  form.search input {
    padding: 8px 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid var(--dark-mode);
    margin: 6px auto;
    width: -webkit-calc(100% - 130px);
    width: -moz-calc(100% - 130px);
    width: calc(100% - 130px);
  }
  form.search .btn {
    outline: none;
    border: none;
    padding: 12px 24px;
    margin: 6px 6px 6px 12px;
  }
  body.darkmode .overlay {
    background: rgba(255, 255, 255, 0.2);
  }
  .overlay {
    opacity: 0;
    cursor: pointer;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  }
  .overlay.is-active {
    opacity: 1;
    z-index: 19;
  }
  @media only screen and (max-width: 1080px) {
    .wrapper {
      max-width: 96%;
    }
  }
  @media only screen and (max-width: 375px) {
    form.search {
      margin: 0;
    }
    form.search input {
      width: 100%;
    }
    form.search .btn {
      margin: 6px auto;
    }
  }
  .waves-effect {
    cursor: pointer;
  }
  .has-ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .ripple {
    display: block;
    position: absolute;
    pointer-events: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background: #fff;
    opacity: 1;
  }
  .ripple-animate {
    -webkit-animation: ripple;
    -o-animation: ripple;
    -moz-animation: ripple;
    animation: ripple;
  }
  @-webkit-keyframes ripple {
    100% {
      opacity: 0;
      -webkit-transform: scale(2);
      transform: scale(2);
    }
  }
  @-o-keyframes ripple {
    100% {
      opacity: 0;
      -o-transform: scale(2);
      transform: scale(2);
    }
  }
  @-moz-keyframes ripple {
    100% {
      opacity: 0;
      -moz-transform: scale(2);
      transform: scale(2);
    }
  }
  @keyframes ripple {
    100% {
      opacity: 0;
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      transform: scale(2);
    }
  }
  .headingsection h1 {
    font-size: 30px;
    text-align: center;
    letter-spacing: 1.4px;
    margin: 0 0 35px;
    color: #133e59;
  }
  footer .copyright {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  }
  section.content main article,
  section.utama,
  section.content .breadcrumb {
    -webkit-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.25);
  }
  article .alert {
    text-align: center;
    margin: auto;
    display: block;
  }
  section.image-top {
    width: 100%;
    height: 100%;
    min-height: 620px;
    max-height: 620px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
  section.image-top::before {
    content: "";
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(rgba(255, 255, 255, 0.4)),
      to(var(--white-dark))
    );
    background-image: -webkit-linear-gradient(
      top,
      rgba(255, 255, 255, 0.4),
      var(--white-dark)
    );
    background-image: -moz-linear-gradient(
      top,
      rgba(255, 255, 255, 0.4),
      var(--white-dark)
    );
    background-image: -o-linear-gradient(
      top,
      rgba(255, 255, 255, 0.4),
      var(--white-dark)
    );
    background-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.4),
      var(--white-dark)
    );
  }
  .image-top .wrapper {
    padding-top: 140px;
    padding-bottom: 260px;
    margin: auto;
  }
  body.darkmode .image-top .container {
    background: rgba(0, 0, 0, 0.6);
  }
  .image-top .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-width: 640px;
  }
  .image-top h1 {
    color: var(--dark);
    letter-spacing: 1.5px;
    line-height: 1.3;
    font-weight: 600;
    font-size: 150%;
    margin: 15px 25px;
  }
  .breadcrumb {
    background: var(--white);
    padding: 6px 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 16px;
  }
  .breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .breadcrumb li {
    margin: auto 0;
    color: var(--dark);
  }
  .breadcrumb li .petunjuk {
    margin: 0 8px;
  }
  .breadcrumb li a,
  .breadcrumb li > span:not(.petunjuk) {
    padding: 10px;
    display: block;
  }
  .breadcrumb li a {
    display: block;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: auto 0;
    text-align: center;
  }
  section.content {
    margin: -220px auto 60px;
  }
  section.content article {
    padding: 10px;
    margin: 0;
    background: var(--white);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .form-alumni {
    margin: 20px;
  }
  .form-alumni textarea {
    width: 100% !important;
    height: 18px;
    min-height: 18px !important;
    max-height: 36px !important;
  }
  .form-alumni .formtop,
  .formku {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .form-alumni .formtop .input-field {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
  }
  .form-alumni .formtop.dua .input-field {
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: calc(100% - 250px);
  }
  .form-alumni .formtop.dua .form-group {
    width: 240px;
  }
  .formtop.bagiform .form-group {
    max-width: 300px;
    margin: 15px auto;
  }
  .formku {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .formku .spinner.block {
    margin: 20px auto 10px;
  }
  .select2-container {
    text-align: left;
  }
  .form-control {
    display: block;
    width: 100%;
  }
  .form-group {
    width: 100%;
    margin: 15px 0 15px 10px;
    text-align: center;
  }
  .form-group .control-label {
    margin-bottom: 10px;
    display: block;
    color: var(--dark);
  }
  .form-group .form-control {
    height: 36px;
    padding: 0 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
  }
  .form-alumni .btn {
    padding: 8px 20px;
    margin: 20px auto 0;
    display: block;
  }
  .form-alumni .btn-group {
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .form-alumni .btn-group .btn {
    margin: 12px;
  }
  .spinner {
    -webkit-animation: rotation 1.35s linear infinite;
    -moz-animation: rotation 1.35s linear infinite;
    -o-animation: rotation 1.35s linear infinite;
    animation: rotation 1.35s linear infinite;
    display: none;
    stroke: var(--main);
  }
  .spinner.block {
    display: block;
  }
  @-webkit-keyframes rotation {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }
  }
  @-moz-keyframes rotation {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      transform: rotate(270deg);
    }
  }
  @-o-keyframes rotation {
    0% {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg);
    }
  }
  @keyframes rotation {
    0% {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(270deg);
      -moz-transform: rotate(270deg);
      -o-transform: rotate(270deg);
      transform: rotate(270deg);
    }
  }
  .circle {
    stroke-dasharray: 180;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-animation: turn 1.35s ease-in-out infinite;
    -moz-animation: turn 1.35s ease-in-out infinite;
    -o-animation: turn 1.35s ease-in-out infinite;
    animation: turn 1.35s ease-in-out infinite;
  }
  @-webkit-keyframes turn {
    0% {
      stroke-dashoffset: 180;
    }
    50% {
      stroke-dashoffset: 45;
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    100% {
      stroke-dashoffset: 180;
      -webkit-transform: rotate(450deg);
      transform: rotate(450deg);
    }
  }
  @-moz-keyframes turn {
    0% {
      stroke-dashoffset: 180;
    }
    50% {
      stroke-dashoffset: 45;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    100% {
      stroke-dashoffset: 180;
      -webkit-transform: rotate(450deg);
      -moz-transform: rotate(450deg);
      transform: rotate(450deg);
    }
  }
  @-o-keyframes turn {
    0% {
      stroke-dashoffset: 180;
    }
    50% {
      stroke-dashoffset: 45;
      -webkit-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    100% {
      stroke-dashoffset: 180;
      -webkit-transform: rotate(450deg);
      -o-transform: rotate(450deg);
      transform: rotate(450deg);
    }
  }
  @keyframes turn {
    0% {
      stroke-dashoffset: 180;
    }
    50% {
      stroke-dashoffset: 45;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }
    100% {
      stroke-dashoffset: 180;
      -webkit-transform: rotate(450deg);
      -moz-transform: rotate(450deg);
      -o-transform: rotate(450deg);
      transform: rotate(450deg);
    }
  }
  @-webkit-keyframes animate {
    0% {
      opacity: 1;
      -webkit-border-radius: 0;
      border-radius: 0;
    }
    100% {
      -webkit-transform: translateY(-1000px) rotate(720deg);
      transform: translateY(-1000px) rotate(720deg);
      opacity: 0;
      -webkit-border-radius: 50%;
      border-radius: 50%;
    }
  }
  @-moz-keyframes animate {
    0% {
      opacity: 1;
      -moz-border-radius: 0;
      border-radius: 0;
    }
    100% {
      -moz-transform: translateY(-1000px) rotate(720deg);
      transform: translateY(-1000px) rotate(720deg);
      opacity: 0;
      -moz-border-radius: 50%;
      border-radius: 50%;
    }
  }
  @-o-keyframes animate {
    0% {
      opacity: 1;
      border-radius: 0;
    }
    100% {
      -o-transform: translateY(-1000px) rotate(720deg);
      transform: translateY(-1000px) rotate(720deg);
      opacity: 0;
      border-radius: 50%;
    }
  }
  @keyframes animate {
    0% {
      opacity: 1;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
    }
    100% {
      -webkit-transform: translateY(-1000px) rotate(720deg);
      -moz-transform: translateY(-1000px) rotate(720deg);
      -o-transform: translateY(-1000px) rotate(720deg);
      transform: translateY(-1000px) rotate(720deg);
      opacity: 0;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
    }
  }
  .input-field {
    position: relative;
    margin: 15px 0;
  }
  body.darkmode .input-field input,
  body.darkmode .input-field textarea {
    border-bottom: 1px solid var(--main);
  }
  .input-field input,
  .input-field textarea {
    font-size: 15px;
    padding: 15px 0;
    display: block;
    width: 100%;
    border: none;
    color: var(--dark);
    background: var(--white);
    border-bottom: 1px solid #ddd;
  }
  .input-field input:focus,
  .input-field textarea:focus {
    outline: none;
  }
  body.darkmode .input-field label {
    color: var(--dark);
  }
  .input-field label {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 18px;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all;
  }
  .input-field input:focus ~ label,
  .input-field input:valid ~ label,
  .input-field textarea:focus ~ label,
  .input-field textarea:valid ~ label {
    top: -10px;
    font-size: 14px;
    color: var(--main-mode);
  }
  .bar {
    position: relative;
    display: block;
    width: 100%;
  }
  .bar:before,
  .bar:after {
    content: "";
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: var(--main);
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    transition: 0.2s ease all;
  }
  .bar:before {
    left: 50%;
  }
  .bar:after {
    right: 50%;
  }
  .input-field input:focus ~ .bar:before,
  .input-field input:focus ~ .bar:after,
  .input-field textarea:focus ~ .bar:before,
  .input-field textarea:focus ~ .bar:after {
    width: 50%;
  }
  .highlight {
    position: absolute;
    height: 50%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
  }
  .input-field input:focus ~ .highlight,
  .input-field textarea:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    -o-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
  }
  .input-field input:focus ~ label,
  .input-field input:valid ~ label,
  .input-field textarea:focus ~ label,
  .input-field textarea:valid ~ label {
    top: -10px;
    font-size: 13px;
    color: var(--main-mode);
  }
  .input-field span.note {
    padding-top: 7px;
    display: block;
    font-size: 14px;
    color: var(--dark);
  }
  .gotowrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .gotowrap .goto {
    color: var(--white-mode);
    background: var(--main);
    padding: 10px 18px;
    margin: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .wrapalumni {
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  @media screen and (max-width: 580px) {
    .form-alumni .formtop.dua .input-field {
      width: 100%;
    }
    .form-alumni .formtop.dua .form-group {
      width: 100%;
    }
    .form-alumni .formtop {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    .form-alumni .formtop .input-field {
      width: 100%;
    }
  }
  body.darkmode .blocker {
    background: rgba(255, 255, 255, 0.25);
  }
  body.darkmode #search_popup {
    background: var(--white);
  }
  .menu-toggle .bar {
    width: 25px;
    height: 3px;
    background-color: var(--dark);
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .menu-toggle {
    -ms-grid-column-align: end;
    justify-self: end;
    margin-right: 25px;
    display: none;
  }
  .menu-toggle:hover {
    cursor: pointer;
  }
  #mobile-menu.is-active .bar:nth-child(2) {
    opacity: 0;
  }
  #mobile-menu.is-active .bar:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    -o-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
  }
  #mobile-menu.is-active .bar:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
  }
  @media only screen and (max-width: 720px) {
    .mainav .menu > ul {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -moz-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: fixed;
      -webkit-box-pack: start;
      -webkit-justify-content: start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start;
      top: 105px;
      width: 100%;
      max-width: 200px;
      height: -webkit-calc(100vh - 105px);
      height: -moz-calc(100vh - 105px);
      height: calc(100vh - 105px);
      -webkit-transform: translate(30%);
      -moz-transform: translate(30%);
      -ms-transform: translate(30%);
      -o-transform: translate(30%);
      transform: translate(30%);
      text-align: center;
      overflow: hidden;
      background: var(--white);
      overflow-y: auto;
      -webkit-transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      -o-transition: top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        -o-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      -moz-transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
        top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        -moz-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
        top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
        top 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
        -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
        -moz-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
        -o-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    }
    .mainav.sticky ul {
      top: 70px;
      height: -webkit-calc(100vh - 70px);
      height: -moz-calc(100vh - 70px);
      height: calc(100vh - 70px);
    }
    .mainav ul li a {
      margin: 0;
    }
    .mainav li {
      margin: 5px 18px 5px 10px;
    }
    .mainav li:first-child {
      margin-top: 10px;
    }
    .mainav li a {
      font-size: 1rem;
    }
    .mainav ul li a.btn {
      margin: 0;
    }
    .mainav .menu-toggle,
    .mainav .bar {
      display: block;
      cursor: pointer;
    }
    .mainav .mobile-nav {
      -webkit-transform: translate(-68%) !important;
      -moz-transform: translate(-68%) !important;
      -ms-transform: translate(-68%) !important;
      -o-transform: translate(-68%) !important;
      transform: translate(-68%) !important;
    }
    section.content aside {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
    }
  }
  footer {
    position: relative;
    z-index: 15;
    background: var(--white);
    -webkit-box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);

  }
  footer .footerwrap,
  .footer .footerwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  footer .post,
  .footer .post {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 35px;
  }
  footer .grid,
  .footer .grid {
    display: block;
    padding: 10px;
    position: relative;
    max-width: 316px;
    width: 100%;
    border: solid 2px var(--main);
    margin: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
  footer .titlefooter {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1.1px;
    margin: 10px auto 30px;
    color: var(--dark-mode);
    border-bottom: 2px solid var(--main-mode);
    padding-bottom: 20px;
  }
  footer .titlefooter i {
    margin-right: 5px;
  }
  footer .footercontent ul {
    margin: 0 0 20px;
    padding: 0;
  }
  footer .footercontent ul li {
    list-style: none;
    text-align: center;
  }
  footer .footercontent a.btn {
    background: var(--main);
    color: var(--white-mode);
    padding: 10px 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px;
  }
  footer .logosmanda {
    margin: 20px auto;
  }
  footer .groupdesc {
    text-align: center;
  }
  footer .groupdesc a {
    display: block;
    margin: 8px 5px;
  }
  footer hr.line {
    margin: 15px auto;
  }
  footer .logo {
    max-width: 200px;
    margin: auto;
  }
  footer .copyright {
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    padding: 20px 0 16px;
    border-top: 3px solid var(--main);
  }
  footer .copyright span,
  footer .copyright a {
    color: var(--dark-mode);
  }
  footer .copyright a {
    text-decoration: underline;
  }
  footer .copyright span:not(#year) {
    display: block;
  }
  footer .grid.card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  footer .cardsmanda {
    margin: auto;
  }
  .wrapfab {
    position: fixed;
    z-index: 19;
  }
  .fabcheckbox {
    display: none;
  }
  .wrapfab.is-active .fabutton,
  .wrapfab.is-active .fab_target {
    left: -130px;
    -webkit-transition: left 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: left 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: left 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: left 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .fabutton {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: var(--main);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    padding: 25px;
    -webkit-transition: left 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: left 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: left 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: left 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .fab_dots {
    position: absolute;
    height: 6px;
    width: 6px;
    background-color: var(--white-mode);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateX(0%) translateY(-50%) rotate(0deg);
    -moz-transform: translateX(0%) translateY(-50%) rotate(0deg);
    -ms-transform: translateX(0%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(0%) translateY(-50%) rotate(0deg);
    transform: translateX(0%) translateY(-50%) rotate(0deg);
    opacity: 1;
    -webkit-animation: blink 3s ease infinite;
    -moz-animation: blink 3s ease infinite;
    -o-animation: blink 3s ease infinite;
    animation: blink 3s ease infinite;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .dots_1 {
    left: 12px;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
  }
  .dots_2 {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  .dots_3 {
    right: 12px;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }
  .fabcheckbox:checked ~ .fabutton .fab_dots {
    height: 4px;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
  }
  .fab .fab-dots-2 {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  .fabcheckbox:checked ~ .fabutton .dots_1 {
    width: 28px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .fabcheckbox:checked ~ .fabutton .dots_3 {
    width: 28px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    right: 50%;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    transform: translateX(50%) translateY(-50%) rotate(-45deg);
  }
  .fab_target {
    position: fixed;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    width: 7rem;
    height: 9rem;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left;
    z-index: -1;
  }
  .fabcheckbox:checked ~ .fab_target {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
  }
  .fab_action {
    position: absolute;
    background: var(--main);
    width: 3rem;
    height: 3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white-mode);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
  }
  .fab_action i {
    margin: 0;
    font-size: 20px;
  }
  .fabcheckbox:checked ~ .fab_target .fab_action {
    opacity: 1;
  }
  .fab_target .action_1 {
    left: 0;
    top: -1rem;
  }
  .fab_target .action_2 {
    right: 0.6rem;
    top: -0.2rem;
  }
  .fab_target .action_3 {
    right: -0.5rem;
    top: 3rem;
  }
  .fab_target .action_4 {
    right: 0.6rem;
    bottom: -0.2rem;
  }
  .fab_target .action_5 {
    left: 0;
    bottom: -1rem;
  }
  .social-button {
    display: inline-block;
    background: var(--white);
    width: 40px;
    height: 40px;
    line-height: 38px;
    margin: auto 2px;
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
      0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  .social-buttons.center {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    line-height: 30px;
  }
  .social-button:before {
    content: "";
    background-color: var(--dark);
    width: 120%;
    height: 120%;
    position: absolute;
    top: 90%;
    left: -110%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    -o-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    -moz-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
  }
  .social-buttons:not(.share) .social-button .fa {
    font-size: 24px;
    vertical-align: middle;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    -o-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    -moz-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
  }
  body.darkmode .social-button .fa,
  body.darkmode .social-button .sharetext {
    color: var(--white-mode);
  }
  .social-button.facebook:before {
    background-color: #3b5998;
  }
  .social-button.facebook .fa,
  .social-button.facebook .sharetext {
    color: #3b5998;
  }
  .social-button.twitter:before {
    background-color: #00aced;
  }
  .social-button.twitter .fa,
  .social-button.twitter .sharetext {
    color: #00aced;
  }
  .social-button.telegram:before {
    background-color: #08c;
  }
  .social-button.telegram .fa,
  .social-button.telegram .sharetext {
    color: #08c;
  }
  .social-button.linkedin:before {
    background-color: #2867b2;
  }
  .social-button.linkedin .fa,
  .social-button.linkedin .sharetext {
    color: #2867b2;
  }
  .social-button.email:before {
    background-color: #5ca08e;
  }
  .social-button.email .fa,
  .social-button.email .sharetext {
    color: #5ca08e;
  }
  .social-button.whatsapp:before {
    background-color: #4caf50;
  }
  .social-button.whatsapp .fa,
  .social-button.whatsapp .sharetext {
    color: #4caf50;
  }
  .social-button.google_bookmark:before {
    background-color: #059142;
  }
  .social-button.google_bookmark .fa,
  .social-button.google_bookmark .sharetext {
    color: #059142;
  }
  .social-button.instagram:before {
    background: -webkit-linear-gradient(75deg, #ffb13d, #dd277b, #4d5ed4);
    background: -moz-linear-gradient(75deg, #ffb13d, #dd277b, #4d5ed4);
    background: -o-linear-gradient(75deg, #ffb13d, #dd277b, #4d5ed4);
    background: linear-gradient(15deg, #ffb13d, #dd277b, #4d5ed4);
  }
  .social-button.instagram .fa {
    color: #e95950;
  }
  .social-button.website:before {
    background-color: #767676;
  }
  .social-button.website .fa {
    color: #767676;
  }
  .social-button:focus:before,
  .social-button:hover:before {
    top: -10%;
    left: -10%;
  }
  .social-buttons:not(.share) .social-button:focus .fa,
  .social-buttons:not(.share) .social-button:hover .fa {
    color: var(--white-mode);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .social-buttons.share .social-button {
    min-width: 150px;
    margin: 6px 4px;
  }
  .social-buttons.share .social-button .fa {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
  }
  .social-buttons.share .fa,
  .social-buttons.share span.sharetext {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    -o-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    -moz-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
  }
  .social-buttons .social-button:focus .fa,
  .social-buttons .social-button:hover .fa {
    color: var(--white-mode);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .social-buttons .social-button:focus span.sharetext,
  .social-buttons .social-button:hover span.sharetext {
    color: var(--white-mode);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  .social-buttons.share .social-button:before {
    width: 180%;
    height: 330%;
  }
  .social-buttons.share .social-button span.sharetext {
    font-size: 18px;
    vertical-align: middle;
    font-weight: 700;
    letter-spacing: 1.2px;
    display: inline-block;
  }
  .backtotop {
    display: block;
    position: fixed !important;
    bottom: 60px;
    right: 35px;
    cursor: pointer;
    font-weight: 700;
    z-index: 19;
    padding: 12px 10px;
    background-color: var(--main);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: -webkit-transform 0.5s
      cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: -o-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
      -moz-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
      -webkit-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
      -moz-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55),
      -o-transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .backtotop span {
    height: 25px;
    width: 30px;
    display: inline-block;
    text-align: center;
    color: var(--white-mode);
  }
  .backtotop span:before {
    font-family: FontAwesome;
    font-size: 25px;
    content: "\f106";
  }
  .backtotop.is-active {
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -ms-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -o-transition: -o-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
      -moz-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
      -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
      -moz-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1),
      -o-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  @media only screen and (max-width: 790px) {
    .backtotop {
      bottom: 20px;
      right: 20px;
    }
  }
  @media only screen and (max-width: 375px) {
    .wrapper {
      max-width: 94%;
    }
    .navtop ul li a {
      height: 26px;
    }
  }
  .blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 28;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
  }
  .blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
  }
  .blocker.behind {
    background-color: transparent;
  }
  .modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 29;
    max-width: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
  }
  .modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
  }
  .modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #111;
    height: 20px;
  }
  .modal-spinner > div {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    -moz-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    -o-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }
  .modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    -moz-animation-delay: -1.1s;
    -o-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }
  .modal-spinner .rect3 {
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s;
  }
  .modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -o-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }
  @-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
      -webkit-transform: scaleY(0.5);
    }
    20% {
      -webkit-transform: scaleY(1);
    }
  }
  @-moz-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
      -moz-transform: scaleY(0.5);
      transform: scaleY(0.5);
      -webkit-transform: scaleY(0.5);
    }
    20% {
      -moz-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
    }
  }
  @-o-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
      -o-transform: scaleY(0.5);
      transform: scaleY(0.5);
      -webkit-transform: scaleY(0.5);
    }
    20% {
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
    }
  }
  @keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
      -moz-transform: scaleY(0.5);
      -o-transform: scaleY(0.5);
      transform: scaleY(0.5);
      -webkit-transform: scaleY(0.5);
    }
    20% {
      -moz-transform: scaleY(1);
      -o-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
    }
  }
  table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
  }
  table.dataTable thead th,
  table.dataTable tfoot th {
    font-weight: 700;
  }
  table.dataTable thead th,
  table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid var(--dark);
    color: var(--dark);
  }
  table.dataTable thead th:active,
  table.dataTable thead td:active {
    outline: none;
  }
  table.dataTable tfoot th,
  table.dataTable tfoot td {
    padding: 10px 18px 6px;
    border-top: 1px solid var(--dark);
    color: var(--dark);
  }
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right;
  }
  table.dataTable thead .sorting {
    background-image: url(https://cdn.datatables.net/1.10.22/images/sort_both.png);
  }
  table.dataTable thead .sorting_asc {
    background-image: url(https://cdn.datatables.net/1.10.22/images/sort_asc.png);
  }
  table.dataTable thead .sorting_desc {
    background-image: url(https://cdn.datatables.net/1.10.22/images/sort_desc.png);
  }
  table.dataTable thead .sorting_asc_disabled {
    background-image: url(https://cdn.datatables.net/1.10.22/images/sort_asc_disabled.png);
  }
  table.dataTable thead .sorting_desc_disabled {
    background-image: url(https://cdn.datatables.net/1.10.22/images/sort_desc_disabled.png);
  }
  table.dataTable tbody tr {
    background-color: var(--white);
    color: var(--dark);
  }
  table.dataTable tbody tr.selected {
    background-color: #b0bed9;
  }
  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 8px 10px;
  }
  table.dataTable.row-border tbody th,
  table.dataTable.row-border tbody td,
  table.dataTable.display tbody th,
  table.dataTable.display tbody td {
    border-top: 1px solid #ddd;
  }
  table.dataTable.row-border tbody tr:first-child th,
  table.dataTable.row-border tbody tr:first-child td,
  table.dataTable.display tbody tr:first-child th,
  table.dataTable.display tbody tr:first-child td {
    border-top: none;
  }
  table.dataTable.cell-border tbody th,
  table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  table.dataTable.cell-border tbody tr th:first-child,
  table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd;
  }
  table.dataTable.cell-border tbody tr:first-child th,
  table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
  }
  table.dataTable.stripe tbody tr.odd,
  table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9;
  }
  table.dataTable.stripe tbody tr.odd.selected,
  table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4;
  }
  table.dataTable.hover tbody tr:hover,
  table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6;
  }
  table.dataTable.hover tbody tr:hover.selected,
  table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1;
  }
  table.dataTable.order-column tbody tr > .sorting_1,
  table.dataTable.order-column tbody tr > .sorting_2,
  table.dataTable.order-column tbody tr > .sorting_3,
  table.dataTable.display tbody tr > .sorting_1,
  table.dataTable.display tbody tr > .sorting_2,
  table.dataTable.display tbody tr > .sorting_3 {
    background-color: #fafafa;
  }
  table.dataTable.order-column tbody tr.selected > .sorting_1,
  table.dataTable.order-column tbody tr.selected > .sorting_2,
  table.dataTable.order-column tbody tr.selected > .sorting_3,
  table.dataTable.display tbody tr.selected > .sorting_1,
  table.dataTable.display tbody tr.selected > .sorting_2,
  table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad5;
  }
  table.dataTable.display tbody tr.odd > .sorting_1,
  table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1;
  }
  table.dataTable.display tbody tr.odd > .sorting_2,
  table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3;
  }
  table.dataTable.display tbody tr.odd > .sorting_3,
  table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: #f5f5f5;
  }
  table.dataTable.display tbody tr.odd.selected > .sorting_1,
  table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd;
  }
  table.dataTable.display tbody tr.odd.selected > .sorting_2,
  table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf;
  }
  table.dataTable.display tbody tr.odd.selected > .sorting_3,
  table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1;
  }
  table.dataTable.display tbody tr.even > .sorting_1,
  table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fafafa;
  }
  table.dataTable.display tbody tr.even > .sorting_2,
  table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc;
  }
  table.dataTable.display tbody tr.even > .sorting_3,
  table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe;
  }
  table.dataTable.display tbody tr.even.selected > .sorting_1,
  table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad5;
  }
  table.dataTable.display tbody tr.even.selected > .sorting_2,
  table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #aebcd6;
  }
  table.dataTable.display tbody tr.even.selected > .sorting_3,
  table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8;
  }
  table.dataTable.display tbody tr:hover > .sorting_1,
  table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea;
  }
  table.dataTable.display tbody tr:hover > .sorting_2,
  table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ececec;
  }
  table.dataTable.display tbody tr:hover > .sorting_3,
  table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #efefef;
  }
  table.dataTable.display tbody tr:hover.selected > .sorting_1,
  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a2aec7;
  }
  table.dataTable.display tbody tr:hover.selected > .sorting_2,
  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a3b0c9;
  }
  table.dataTable.display tbody tr:hover.selected > .sorting_3,
  table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a5b2cb;
  }
  table.dataTable.no-footer {
    border-bottom: 1px solid #111;
  }
  table.dataTable.nowrap th,
  table.dataTable.nowrap td {
    white-space: nowrap;
  }
  table.dataTable.compact thead th,
  table.dataTable.compact thead td {
    padding: 4px 17px;
  }
  table.dataTable.compact tfoot th,
  table.dataTable.compact tfoot td {
    padding: 4px;
  }
  table.dataTable.compact tbody th,
  table.dataTable.compact tbody td {
    padding: 4px;
  }
  table.dataTable th.dt-left,
  table.dataTable td.dt-left {
    text-align: left;
  }
  table.dataTable th.dt-center,
  table.dataTable td.dt-center,
  table.dataTable td.dataTables_empty {
    text-align: center;
  }
  table.dataTable th.dt-right,
  table.dataTable td.dt-right {
    text-align: right;
  }
  table.dataTable th.dt-justify,
  table.dataTable td.dt-justify {
    text-align: justify;
  }
  table.dataTable th.dt-nowrap,
  table.dataTable td.dt-nowrap {
    white-space: nowrap;
  }
  table.dataTable thead th.dt-head-left,
  table.dataTable thead td.dt-head-left,
  table.dataTable tfoot th.dt-head-left,
  table.dataTable tfoot td.dt-head-left {
    text-align: left;
  }
  table.dataTable thead th.dt-head-center,
  table.dataTable thead td.dt-head-center,
  table.dataTable tfoot th.dt-head-center,
  table.dataTable tfoot td.dt-head-center {
    text-align: center;
  }
  table.dataTable thead th.dt-head-right,
  table.dataTable thead td.dt-head-right,
  table.dataTable tfoot th.dt-head-right,
  table.dataTable tfoot td.dt-head-right {
    text-align: right;
  }
  table.dataTable thead th.dt-head-justify,
  table.dataTable thead td.dt-head-justify,
  table.dataTable tfoot th.dt-head-justify,
  table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
  }
  table.dataTable thead th.dt-head-nowrap,
  table.dataTable thead td.dt-head-nowrap,
  table.dataTable tfoot th.dt-head-nowrap,
  table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
  }
  table.dataTable tbody th.dt-body-left,
  table.dataTable tbody td.dt-body-left {
    text-align: left;
  }
  table.dataTable tbody th.dt-body-center,
  table.dataTable tbody td.dt-body-center {
    text-align: center;
  }
  table.dataTable tbody th.dt-body-right,
  table.dataTable tbody td.dt-body-right {
    text-align: right;
  }
  table.dataTable tbody th.dt-body-justify,
  table.dataTable tbody td.dt-body-justify {
    text-align: justify;
  }
  table.dataTable tbody th.dt-body-nowrap,
  table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
  }
  table.dataTable,
  table.dataTable th,
  table.dataTable td {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
  }
  .dataTables_wrapper .dataTables_length {
    float: left;
  }
  .dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    background-color: var(--white);
    padding: 4px;
    color: var(--dark);
  }
  .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
  }
  .dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    background-color: var(--white);
    margin-left: 3px;
    color: var(--dark);
  }
  .dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
  }
  .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
<<<<<<< HEAD
=======
    padding: 0.5em 1em;
>>>>>>> cb622a24d68d24ced64998911c59c78d0eff3569
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0%, #fff),
      color-stop(100%, #dcdcdc)
    );
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#fff),
      to(#dcdcdc)
    );
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: var(--white) !important;
    background-color: var(--main);
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    color: var(--white) !important;
    background-color: var(--main);
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.active a,
  .dataTables_wrapper .dataTables_paginate .paginate_button:active a,
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover a {
    color: var(--white-mode);
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: var(--main);
  }
  .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em;
  }
  .dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: var(--white);
  }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_processing,
  .dataTables_wrapper .dataTables_paginate {
    color: var(--dark);
  }
  .dataTables_wrapper .dataTables_scroll {
    clear: both;
  }
  .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
  }
  .dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > thead
    > tr
    > th,
  .dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > thead
    > tr
    > td,
  .dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > th,
  .dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > td {
    vertical-align: middle;
  }
  .dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > thead
    > tr
    > th
    > div.dataTables_sizing,
  .dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > thead
    > tr
    > td
    > div.dataTables_sizing,
  .dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > th
    > div.dataTables_sizing,
  .dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > td
    > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
  }
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111;
  }
  .dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
  .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
    border-bottom: none;
  }
  .dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
  }
  @media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
      float: none;
      text-align: center;
    }
    .dataTables_wrapper .dataTables_paginate {
      margin-top: 0.5em;
    }
  }
  @media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
      float: none;
      text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
      margin-top: 0.5em;
    }
  }