@charset "UTF-8";
/* deadcss: keep — Bootstrap 5 setup and Bootstrap 3 classes still in use */
/*
 * The root font size stays 10px, as Bootstrap 3 set it: WordPress's block
 * spacing, Kadence and The Events Calendar all size themselves in rem against
 * it. Bootstrap 5 does not set a root size, and its own file has its rem
 * values written as px (tools/bootstrap-px.py), so it is unaffected.
 */
html {
  font-size: 10px;
}

/* Bootstrap 5 draws <hr> at 25% opacity on top of its colour; the colours
   here (and the child's separator colours) are already the ones wanted. As
   in the HCDSB Base theme. */
hr {
  opacity: 1;
}

/*
 * BOOTSTRAP 3 CLASSES STILL IN USE
 * Classes Bootstrap 5 dropped that are still written into content, widgets or
 * plugin output on these sites, where losing them would BREAK something
 * rather than merely change its spacing. Each is Bootstrap 5's own
 * equivalent under the old name.
 *
 * .sr-only / .sr-only-focusable -> .visually-hidden(-focusable). Every
 * school's New Student Registration button (a Custom HTML widget) hides
 * "(opens in a new window)" with .sr-only; without this the text shows.
 * Grid classes (col-md-4 in page content) are shifted to Bootstrap 5's
 * names as the content renders: inc/bootstrap3-content.php.
 */
.sr-only,
.sr-only-focusable:not(:focus):not(:focus-within) {
  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;
}
.sr-only:not(caption),
.sr-only-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

/* Responsive visibility, still in page content (graduation and programme
   pages, the [divider] shortcode). Bootstrap 3's tiers: xs below 768px, sm
   768-991, md 992-1199, lg 1200 and up. .visible-* shows only in its tier. */
.visible-xs, .visible-sm, .visible-md, .visible-lg,
.visible-xs-block, .visible-sm-block, .visible-md-block, .visible-lg-block,
.visible-xs-inline, .visible-sm-inline, .visible-md-inline, .visible-lg-inline,
.visible-xs-inline-block, .visible-sm-inline-block, .visible-md-inline-block, .visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767.98px) {
  .visible-xs, .visible-xs-block { display: block !important; }
  .visible-xs-inline { display: inline !important; }
  .visible-xs-inline-block { display: inline-block !important; }
  .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .visible-sm, .visible-sm-block { display: block !important; }
  .visible-sm-inline { display: inline !important; }
  .visible-sm-inline-block { display: inline-block !important; }
  .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .visible-md, .visible-md-block { display: block !important; }
  .visible-md-inline { display: inline !important; }
  .visible-md-inline-block { display: inline-block !important; }
  .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
  .visible-lg, .visible-lg-block { display: block !important; }
  .visible-lg-inline { display: inline !important; }
  .visible-lg-inline-block { display: inline-block !important; }
  .hidden-lg { display: none !important; }
}
.hidden {
  display: none !important;
}

/* Alignment and images, as Bootstrap 3 wrote them (Bootstrap 5's names:
   text-start/-end, float-start/-end, img-fluid, rounded-circle). */
.text-left { text-align: left; }
.text-right { text-align: right; }
.pull-left { float: left !important; }
.pull-right { float: right !important; }
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-circle { border-radius: 50%; }
.img-rounded { border-radius: 6px; }

/* Components the theme's own templates still write in Bootstrap 3 markup,
   with Bootstrap 3's rules (colours are the skin's, in the child theme):
   .hide     schema.org author/date on every post and page (inc/frontend.php)
   .pager    previous/next on single posts, comments and archives
   .pagination  numbered pages: li > a, not Bootstrap 5's .page-item/.page-link
   .form-group  comment and password forms
   .media    the comment list and author box */
.hide {
  display: none !important;
}
.pager {
  padding-left: 0;
  margin: 23px 0;
  list-style: none;
  text-align: center;
}
.pager::before,
.pager::after {
  content: " ";
  display: table;
}
.pager::after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #e9e9e9;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > span {
  color: #8c8c8c;
  background-color: #fff;
  cursor: not-allowed;
}
.pagination {
  display: inline-block;
  margin: 23px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 16px;
  line-height: 1.7142857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
  z-index: 2;
  color: #23527c;
  background-color: #e9e9e9;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > a,
.pagination > .disabled > span {
  color: #8c8c8c;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.form-group {
  margin-bottom: 15px;
}
.media {
  margin-top: 15px;
  overflow: hidden;
}
.media:first-child {
  margin-top: 0;
}
.media-body {
  overflow: hidden;
}
.media-object {
  display: block;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}

/* .page-header (a heading in one Xavier page's content). */
.page-header {
  padding-bottom: 9px;
  margin: 46px 0 23px;
  border-bottom: 1px solid #eee;
}
/* deadcss: end keep */
/* -------------- */
/* THEME BASE CSS */
/* -------------- */
/* ------ */
/* LOADER */
/* ------ */

/* Pace Style Dot */

@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
/* Pace minimal */

/* Pace counter */

/* Pace Logo */

/* Pace Logo 3d */

@keyframes logo-rotate {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  33% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  66% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
  100% {
    transform: perspective(120px) rotateX(0) rotateY(0);
  }
}
/* ------------------------ */
/* GENERAL TYPOGRAPHY RULES */
/* ------------------------ */
/* - Body typography - */
body {
  -webkit-font-smoothing: antialiased;
}

/* - Headers - */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.5em;
}

h1 {
  font-size: 36px;
}

h1 small {
  font-size: 0.6em;
}

h2 {
  font-size: 24px;
}

h2 small {
  font-size: 0.75em;
}

h3 {
  font-size: 18px;
}

h3 small {
  font-size: 0.75em;
}

h4 {
  font-size: 16px;
}

h4 small {
  font-size: 0.75em;
}

h5 {
  font-size: 13px;
}

h6 {
  font-size: 11px;
  text-transform: uppercase;
  margin: 0;
}

/* - Header element - */
.header {
  margin-top: 0;
  margin-bottom: 0;
}

/* - Links - */
a {
  text-decoration: none;
  transition: color 0.2s;
}
a:hover {
  text-decoration: none;
}
a:active, a:focus {
  outline: none;
  text-decoration: none;
}

/* - Small text - */
small, .small {
  font-size: 0.85em;
  line-height: inherit;
}

/* - Figures - */
figure {
  margin: 0 0 24px;
}

/* - Pre and code - */
pre, code, var, kbd, samp, tt, dir, listing, plaintext, xmp, abbr, acronym, q {
  font-size: 14px;
  word-break: normal;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  border: 0;
}

pre {
  text-shadow: none;
}

/* - Font weight classes - */
.black {
  font-weight: bolder;
}

.bold {
  font-weight: bold;
}

.regular {
  font-weight: normal;
}

.light {
  font-weight: lighter;
}

.hairline {
  font-weight: lighter;
}

/* - Font size classes - */
.big {
  font-size: 36px;
  line-height: 48px;
}

.bigger {
  font-size: 48px;
  line-height: 1.2;
}

.super {
  font-size: 60px;
  line-height: 1.2;
  margin-bottom: 0;
}
.super small {
  font-size: .35em;
}

.hyper {
  font-size: 96px;
  line-height: 1.2;
}
.hyper small {
  font-size: .35em;
}

/* - Text aligns classes - */
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

/* - Text transform classes - */

.text-none {
  text-transform: none !important;
}

/* Responsive typography */
@media (max-width: 992px) {
  .small-screen-center {
    text-align: center !important;
  }

}
@media (max-width: 767px) {
  h1 {
    font-size: 24px;
  }

  h1 small {
    font-size: 16px;
  }

  h2 {
    font-size: 21px;
  }

  h2 small {
    font-size: 14px;
  }

  h3 {
    font-size: 18px;
  }

  h3 small {
    font-size: 14px;
  }

  .big {
    font-size: 24px;
    line-height: 1.2em;
  }

  .bigger {
    font-size: 36px;
    line-height: 1.2em;
  }

  .super {
    font-size: 48px;
  }
  .super small {
    margin-top: 12px;
    display: block;
  }

  .hyper {
    font-size: 72px;
    line-height: 1.2em;
  }

  .condensed {
    max-width: 100%;
  }

  .lead {
    font-size: 18px;
    line-height: 27px;
    font-weight: normal;
  }}
@media (max-width: 480px) {
  .big {
    font-size: 24px;
    line-height: 1;
  }

  .bigger {
    font-size: 32px;
    line-height: 1.2em;
  }

  .super {
    font-size: 36px;
    line-height: 1.2em;
  }

  .hyper {
    font-size: 48px;
    line-height: 1.2em;
  }}
@media (max-width: 320px) {
  body {
    font-size: 14px;
  }

  h1 {
    font-size: 21px;
  }

  h1 small {
    font-size: 14px;
  }

  h2 {
    font-size: 18px;
  }

  h2 small {
    font-size: 12px;
  }

  h3 {
    font-size: 16px;
  }

  h3 small {
    font-size: 11px;
  }}
/* ----- */
/* FORMS */
/* ----- */
/* - Form elements - */

.form-control, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  height: 36px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-shadow: none;
  box-shadow: none;
  font-weight: light;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
}
.form-control:focus, .form-control:active, select:focus, select:active, textarea:focus, textarea:active, input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="color"]:focus, input[type="color"]:active {
  outline: none;
  box-shadow: none;
}

.input-group-btn .btn i {
  margin: 0;
}

select.form-control {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

input[type="submit"], input[type="button"] {
  -webkit-font-smoothing: antialiased;
  border: 0;
}
input[type="submit"]:focus, input[type="button"]:focus {
  outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* support: IE8 - See #6727 */

/* -------------------- */
/* GENERAL LAYOUT RULES */
/* -------------------- */
/* - Content - */
#content {
  overflow: hidden;
  width: 100%;
  transition: opacity 0.2s;
}

/* - Container - */
.container, .container-fullwidth {
  position: relative;
  z-index: 3;
}
/* Bootstrap 3 laid .navbar out as a block, so a full-width header's
   container filled it without being told. Bootstrap 5's .navbar is a flex
   row and only sizes its own container classes; without this, the
   single-row header styles (logo left/right, menu beside it) shrink to
   their content at "Width: Full". */
.container-fullwidth {
  width: 100%;
}

.container-fullwidth:before, .container-fullwidth:after {
  content: " ";
  display: table;
}
.container-fullwidth:after {
  clear: both;
}
.container-fullwidth .row .row {
  margin-left: 0;
  margin-right: 0;
}

/* - Sections - */
.section {
  position: relative;
  overflow: hidden;
}

/* -- Media sections -- */
.background-media, .background-overlay {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0px;
  bottom: 0;
}

.background-media {
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 1;
  overflow: hidden;
}

/* - Full height Sections - */
.section-fullheight {
  min-height: 100vh;
}
.section-fullheight .container, .section-fullheight .container-fullwidth {
  min-height: 100vh !important;
}
.section-fullheight .container > .row, .section-fullheight .container-fullwidth > .row {
  height: 100vh !important;
  position: static;
}
.section-fullheight .container > .row > [class*="col-lg-"], .section-fullheight .container-fullwidth > .row > [class*="col-lg-"] {
  position: static;
}

.background-overlay {
  z-index: 2;
}

/* -- Sections in sections -- */
.section .section .container {
  width: auto;
}

/* -- Media sections on mobile agents -- */
[class*="oxy-agent-"] .background-media {
  background-attachment: scroll !important;
}

/* - Transparent Sections - */

@media (min-width: 993px) {
  .col-border-right {
    border-right: 1px solid;
  }

  .vertical-middle, .vertical-bottom {
    display: table;
    width: calc(100% + 30px);
    width: 100% \0/IE9;
    /* ie9 fix */
    table-layout: fixed;
  }
  .vertical-middle > *, .vertical-bottom > * {
    display: table-cell;
    float: none !important;
  }

  .vertical-middle > * {
    vertical-align: middle;
  }

  .vertical-bottom > * {
    vertical-align: bottom;
  }}
@media (max-width: 767px) {
  .section .section .container {
    padding: 0;
    width: auto;
  }

  .container > .navbar-header, .container > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
  }}
/* deadcss: keep — every header style, used or not */
/* ==========================================================================
 * HEADER (Bootstrap 5, Sept 2026) — from the HCDSB Base theme, section 6.
 * Replaces Lambda's HEADER, SIDE MENU, BOXED LAYOUT and MEGA MENU sections,
 * which styled Bootstrap 3 navbar markup.
 * ========================================================================== */
/* Admin bar: a sticky header and the side menu sit below it. WordPress
   fixes the bar at 32px tall on wide screens and 46px from 600 to 781px;
   narrower than that the bar scrolls away, so the header sticks at the top. */
@media screen and (min-width: 600px) {
  .admin-bar {
    --hcdsb-sticky-top: 46px;
  }
}
@media screen and (min-width: 782px) {
  .admin-bar {
    --hcdsb-sticky-top: 32px;
  }
  .admin-bar #navbar-slide {
    top: 32px !important;
  }
}

/* ==========================================================================
 * 6. HEADER
 * Bootstrap 5 navbar markup, one partial per header style
 * (partials/header/header-*.php):
 *
 *   header#masthead.menu.navbar.navbar-expand-lg
 *     .container                        logo, toggler, and the menu when it
 *       a.navbar-brand                  sits in the same row
 *       button.navbar-toggler
 *       nav.navbar-collapse > .menu-container > ul.navbar-nav
 *                           > .menu-sidebar (Menu Bar widgets)
 *
 * The "menu below" styles have two rows: .logo-navbar (logo, Logo Bar
 * widgets, toggler) and a second .container holding the menu. The side menu
 * styles put the menu in nav#navbar-slide, after the header.
 *
 * Every row is a flex row; nothing floats. Bootstrap's own classes carry the
 * state: .show on an open dropdown and its toggle, .active and aria-current
 * on the current page's link, .collapsed/aria-expanded on the toggler.
 * Spacing comes from Bootstrap's navbar and dropdown variables where it has
 * one. Colours, the toggler's bars and the mobile panel are the child theme's
 * (style.css sections 4 and 10).
 * ========================================================================== */

/* - Header metrics -
   The page content moved to Bootstrap 5's spacing with this release; the
   header deliberately did not, and looks exactly as it did on Bootstrap 3.
   Its text keeps Bootstrap 3's line-height (1.7142857, Lambda's build), and
   its containers and mega-menu columns keep the 30px gutter (15px a side)
   instead of Bootstrap 5's 24px. Bootstrap 5 sets --bs-gutter-x on .row
   and .container themselves, so both are named here. */
#masthead,
#navbar-slide,
.top-bar {
  line-height: 1.7142857143;
}
#masthead,
#masthead .container,
#masthead .row,
#navbar-slide,
#navbar-slide .row,
.top-bar {
  --bs-gutter-x: 30px;
}
/* Bootstrap 3's container widths in the header, top bar and footer
   (Bootstrap 5's are 540/720/960/1140/1320). */
@media (min-width: 576px) {
  #masthead .container, .top-bar .container, #footer .container { max-width: none; }
}
@media (min-width: 768px) {
  #masthead .container, .top-bar .container, #footer .container { max-width: 750px; }
}
@media (min-width: 992px) {
  #masthead .container, .top-bar .container, #footer .container { max-width: 970px; }
}
@media (min-width: 1200px) {
  #masthead .container, .top-bar .container, #footer .container { max-width: 1170px; }
}
/* In a plain .container (logo left, menu right: the Hub), Bootstrap 3 pulled
   the logo row out by the gutter from 768 to 991px, so the logo sat on the
   container's edge. */
@media (min-width: 768px) and (max-width: 991.98px) {
  #masthead > .container > .navbar-brand {
    margin-left: -15px !important;
  }
}
/* Menu links: Bootstrap 3's line height (the bar's height is built on it),
   and its .nav > li > a:hover rule, which kept the site's link underline off
   the menu. */
.menu .navbar-nav > li > a {
  line-height: 23px;
}
.menu .navbar-nav > li > a:hover,
.menu .navbar-nav > li > a:focus {
  text-decoration: none;
}
/* Lambda's clearfix on .container-fullwidth (layout section) puts ::before
   and ::after boxes into what are now flex rows, where they act as items and
   centre the logo between them. Floats are gone from the header. */
.menu .container-fullwidth::before,
.menu .container-fullwidth::after,
.top-bar .container-fullwidth::before,
.top-bar .container-fullwidth::after {
  content: none;
}

/* - Bar - */
.menu {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0;
  --bs-navbar-brand-padding-y: 0;
  --bs-navbar-nav-link-padding-x: 20px;
  width: 100%;
  margin-bottom: 0;
  top: 0;
  left: 0;
  border: 0;
  transition: background-color 0.3s, min-height 0.3s, box-shadow 0.3s;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
#masthead {
  z-index: 1000;
}
.menu .container {
  position: relative;
}
.menu .container-fullwidth {
  padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5);
  padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5);
}

/* A row inside the header: the container in single-row styles (Bootstrap
   makes .navbar > .container flex itself), and the logo row of the others. */
.menu .logo-navbar > .container,
.menu .logo-navbar > .container-fullwidth,
.navbar > .container-fullwidth {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

/* Styles with a second row stack their rows; .navbar-expand-lg would
   otherwise put them side by side from 992px. */
.header-logo-left-menu-below,
.header-logo-right-menu-below,
.header-logo-center-menu-below,
.header-logo-left-sidebar-right,
.header-fixed-left-menu-sidebar,
.header-fixed-right-menu-sidebar {
  flex-direction: column;
  align-items: stretch;
}

/* - Brand - */
.menu .navbar-brand {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0 !important;
  position: relative;
  text-shadow: none;
  transform: translate3d(0, 0, 0);
  transition: height 0.3s, width 0.3s, line-height 0.3s;
  white-space: nowrap;
  background-size: auto 100%;
  background-position: left;
  background-repeat: no-repeat;
  backface-visibility: hidden;
}
.menu .navbar-brand img {
  display: inline-block;
  position: relative;
  max-height: 100%;
  margin-right: 4px;
  vertical-align: top;
  top: 50%;
  left: 0px;
  transform: translate3d(0, -50%, 0);
}
.menu .navbar-brand.text-image {
  margin-right: 4px;
}

/* - Toggler - */
/* The bars and their position are the child theme's. Bootstrap's focus ring
   is a box-shadow sized for its own icon; an outline on keyboard focus
   replaces it. */
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* - Menu - */
.menu .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
/* On .navbar-nav, not .menu: Bootstrap sets these on .navbar-nav itself. */
.menu .navbar-nav {
  --bs-nav-link-padding-x: 20px;
}
.menu .navbar-nav > li {
  position: relative;
}
.menu .navbar-nav > li > a {
  text-shadow: none;
  font-style: normal;
  position: relative;
  transition: all 0.3s;
  padding-left: 20px;
  padding-right: 20px;
}
.menu .navbar-nav > li > a:focus {
  outline: none;
}
/* Focus shows as the link's hover state (colour and the bar above it, in the
   child theme), not as Bootstrap's blue ring. */
.menu .navbar-nav > li > a:focus-visible {
  box-shadow: none;
}
.menu .navbar-nav > li > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  opacity: 0;
  transition: background 0.3s, width 0.2s;
}
.menu .navbar-nav > li > a.active,
.menu .navbar-nav > li > a.show {
  box-shadow: none;
  background-color: transparent;
}
.menu .nav-highlight > a:after, .menu .nav-highlight-ghost > a:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 36px;
  top: 50%;
  margin-top: -18px;
  transition: all 0.2s;
  z-index: -1;
}
.menu .nav-highlight > a:before, .menu .nav-highlight-ghost > a:before {
  display: none !important;
}

/* - Navbar text - */
.navbar-text, .menu .sidebar-widget {
  transition: all 0.3s;
}

/* - Dropdowns - */
.menu .dropdown-menu {
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0;
  --bs-dropdown-border-width: 0;
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-item-padding-y: .5rem;
  /* Bootstrap 3's dropdown: 14px text, 20px either side of an item, and no
     colour of its own, so a panel's text (mega menu column headings) takes
     the header's colour from the skin. Bootstrap 5 sets all three (16px,
     16px, the body's dark text). */
  --bs-dropdown-font-size: 14px;
  --bs-dropdown-item-padding-x: 20px;
  color: inherit;
  text-shadow: none;
}
.menu .dropdown-menu > li > a {
  transition: background 0.1s;
}
.menu .dropdown-menu > li > a:focus {
  outline: none;
}
.menu .dropdown-menu .dropdown-menu {
  margin-top: 0;
}

/* Customize → Header → Menu Align: Right. The setting stores Bootstrap 3's
   class name, which Bootstrap 3 itself styled; Bootstrap 5 renamed it
   (-end), so it is kept here as Bootstrap 3 had it, plus the
   [data-bs-popper] form Bootstrap 5's script adds on a click. The -end
   rule that stood here matched nothing: the theme never outputs it.
   dropdown-menu-left (the default) needs no rule: the menu CSS already
   opens dropdowns from their item's left edge. */
.dropdown-menu-right,
.dropdown-menu-right[data-bs-popper] {
  left: auto;
  right: 0;
}

/* - Labels on menus - */
.menu-label {
  position: relative;
  top: -2px;
  transition: all 0.2s;
  margin-left: 24px;
}

.menu .navbar-nav > li > a > .menu-label {
  margin-left: 16px;
}

/* - Third-level flyouts - */
/* Bootstrap 5 has no nested dropdowns; a second-level item with children
   (.dropdown-submenu) shows its list beside it on hover. */
.menu .dropdown-submenu {
  position: relative;
}

.menu .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
}

.menu .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.menu .dropdown-submenu > a:after {
  display: block;
  content: "\f105";
  float: right;
  margin-right: -6px;
  font-family: FontAwesome, sans-serif;
}

/* - Navbar toggle animated - */
/* Removed 2026-08-24 — the mobile toggle is now styled in the child
   theme (.navbar-toggler / .toggler-bar). The rules here used :nth-child(),
   which broke once a visually-hidden span was added as the button's first
   child for its accessible name. Do not reinstate. */

/* - Top bar - */
.top-bar {
  line-height: 36px;
  position: relative;
  z-index: 100;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1) inset;
}
.top-bar > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.top-bar .container-fullwidth {
  position: static;
  padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5);
  padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5);
}
.top-bar .top {
  flex: 0 0 50%;
  text-align: start;
}
.top-bar .top-right {
  text-align: end;
}
.top-bar .navbar-text {
  margin: 0 !important;
}
.top-bar .menu-sidebar {
  display: none;
}

/* - Menu Below types - */
.header-logo-left-menu-below .logo-sidebar, .header-logo-right-menu-below .logo-sidebar, .header-logo-center-menu-below .logo-sidebar {
  display: none;
}

/* - Sticky header -
   CSS position: sticky keeps the header in the flow, so the page below it
   does not jump when it sticks, and it needs no placeholder. theme.js only
   adds classes: .navbar-stuck while stuck, .navbar-scrolled past the shrink
   point. "Sticky header" and "Sticky on mobile" are Customize → Header. */
@media (min-width: 992px) {
  #masthead.navbar-sticky {
    position: sticky;
    top: var(--hcdsb-sticky-top, 0);
    z-index: 1100;
  }

  /* Bootstrap 3's (Lambda build) 13.5px: 50px bar = 23px line + 2 x 13.5. */
  .menu .navbar-nav {
    --bs-nav-link-padding-y: 13.5px;
  }

  /* - Logo and menu in one row - */
  /* A right-aligned menu runs past the container's edge by the gutter, so
     the last link's padding sits outside it and its word lines up with the
     content below. The
     margin is on the menu's last item, which moves the whole group without
     widening the box a mega menu spans. */
  .header-logo-left-menu-right .main-navbar > :last-child,
  .header-logo-right-menu-below .main-navbar > :last-child {
    margin-inline-end: calc(var(--bs-gutter-x, 1.5rem) * -.5);
  }
  .header-logo-right-menu-left .navbar-brand {
    order: 2;
  }
  /* Bootstrap 5 gives the brand a 16px end margin (Bootstrap 3 had none).
     Unseen with the logo on the left; on the right it holds the logo off
     the edge, and centred it moves it 8px. */
  .header-logo-right-menu-left .navbar-brand,
  .header-logo-right-menu-below .navbar-brand,
  .header-logo-center-menu-below .navbar-brand {
    margin-right: 0;
  }

  /* - Menu below types - */
  .header-logo-left-menu-below .logo-navbar, .header-logo-right-menu-below .logo-navbar, .header-logo-center-menu-below .logo-navbar {
    position: relative;
    z-index: 10;
  }
  /* The Logo Bar widgets sit at the far end of the logo row, over it
     rather than in it, so a tall widget does not make the row taller. */
  .header-logo-left-menu-below .logo-sidebar, .header-logo-right-menu-below .logo-sidebar, .header-logo-center-menu-below .logo-sidebar {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
  }
  .header-logo-right-menu-below .logo-sidebar {
    right: auto;
    left: 0;
  }
  .menu.header-logo-right-menu-below .logo-navbar > div {
    justify-content: flex-end;
  }
  .menu.header-logo-center-menu-below .logo-navbar > div {
    justify-content: center;
  }
  .header-logo-center-menu-below .logo-navbar,
  .header-logo-center-menu-below .nav-container {
    text-align: center;
  }
  /* The mega menu spans the menu row. */
  .nav-container {
    position: relative;
  }
  .nav-container .menu-sidebar .top-search form, .nav-container .menu-sidebar .top-search input {
    height: 100%;
  }
  /* 13px, Lambda's: with the 24px search button, the 50px menu bar. */
  .nav-container .navbar-text, .nav-container .sidebar-widget,
  .header-logo-right-menu-below .sidebar-widget, .header-logo-center-menu-below .sidebar-widget {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  /* Bootstrap lays the menu and the Menu Bar widgets out in a row from here. */
  .menu .navbar-collapse {
    align-self: stretch;
  }
  .menu-sidebar {
    display: flex;
  }
}
@media (max-width: 991.98px) {
  #masthead.navbar-mobile-stuck {
    position: sticky;
    top: var(--hcdsb-sticky-top, 0);
    z-index: 1100;
  }

  /* A little air above and below the list in the open menu, and a hairline
     (transparent; the skin's inset shadow draws it) at the top of the open
     menu: Bootstrap 3's values. */
  .menu .navbar-nav {
    margin-top: 6.75px;
    margin-bottom: 6.75px;
  }
  .menu .navbar-collapse {
    border-top: 1px solid transparent;
  }
  .menu .navbar-nav > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .menu .navbar-nav > li > a:before {
    display: none;
  }

  .menu {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .menu .dropdown-menu {
    margin: 0;
    width: 100%;
  }
  .menu .dropdown-menu > li > a {
    padding-left: 20px !important;
  }
  /* An open submenu opens inline, under its parent, with no edge of its own. */
  .menu .navbar-nav .dropdown-menu.show {
    width: auto;
    margin-top: 0;
    border: 0;
    box-shadow: none;
  }

  /* Third level (a submenu's submenu, e.g. About > Staff > ...). On desktop
     it flies out beside its parent; in the collapsed menu there is no room
     beside, and the flyout's left: 100% put it off the edge of the screen.
     Here it is listed under its parent, indented, and always shown while the
     second level is open: the parent stays a link to its own page, so
     tapping it could not also be the way to open the list. The menu is
     limited to three levels (partials/header/nav.php), so this is the deepest. */
  .menu .dropdown-submenu > .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: auto;
    min-width: 0;
    margin: 0 0 0.25rem 1.25rem;
    padding: 0;
    background: none;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: none;
  }
  /* The child repaints open dropdowns (.dropdown-menu.show); the nested
     list sits on its parent's background instead. */
  .menu .dropdown-menu .dropdown-submenu > .dropdown-menu {
    background: transparent;
  }
  .menu .dropdown-submenu > a:after {
    display: none;
  }
}
@media (max-width: 768px) {
  .top-bar .top {
    flex-basis: 100%;
    text-align: center;
  }

  #masthead .navbar-brand {
    max-width: 84%;
  }
}

/* - Side menu (#navbar-slide) - */
/* "Logo left, menu in a drawer" slides it in from the right on every width;
   the two "Fixed side menu" styles show it permanently from 992px. The
   child theme turns it into the ordinary mobile menu below 992px. */
.slide-menu #masthead, .slide-menu #content, .slide-menu #navbar-slide, .slide-menu .top-bar {
  transition: transform .4s;
  transform: translate3d(0, 0, 0);
}

#navbar-slide {
  position: fixed;
  top: 0;
  left: 100%;
  padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5);
  padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5);
  height: 100% !important;
  z-index: 1110;
  box-sizing: border-box;
  box-shadow: 5px 0px 5px -3px rgba(0, 0, 0, 0.25) inset;
}
#navbar-slide .navbar-brand {
  display: block;
}
#navbar-slide .navbar-nav {
  margin: 24px 0 48px;
  overflow: auto;
}
#navbar-slide .navbar-nav > li > a {
  padding: 8px 0 !important;
  line-height: 1.75;
}
#navbar-slide .navbar-nav > li > a:before {
  display: none;
}
#navbar-slide .navbar-nav > .nav-highlight > a, #navbar-slide .navbar-nav > .nav-highlight-ghost > a {
  padding: 8px 20px !important;
}
#navbar-slide .navbar-nav .dropdown-menu.show,
#navbar-slide .navbar-nav .dropdown-menu.show .dropdown-menu {
  position: static;
  width: auto;
  margin-top: 0;
  border: 0;
  box-shadow: none;
}

.slide-menu #navbar-slide.collapse {
  display: block;
}

#navbar-slide .col-lg-12, #navbar-slide .col-lg-6, #navbar-slide .col-lg-4, #navbar-slide .col-lg-3 {
  width: 100%;
}

.side-menu #masthead {
  transform: translateY(0);
  transition: all .3s;
}

.side-menu-left #navbar-slide {
  z-index: 5;
  left: 0;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.25);
}

.side-menu-right #navbar-slide {
  z-index: 5;
  right: 0;
  left: auto;
  box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.25);
}

/* On desktop the side menu is the header, so the top bar is not shown at
   all (it used to be moved off-screen, with #content pulled up to cover the
   gap, which let the bar's scroll shrink move the page). */
@media (min-width: 992px) {
  .side-menu #masthead {
    display: none;
  }
  .side-menu #navbar-slide.collapse {
    display: block;
  }
  .side-menu .container {
    max-width: 90%;
  }
}
/* ------------ */
/* BOXED LAYOUT */
/* ------------ */
.layout-boxed #masthead, .layout-boxed #content, .layout-boxed .top-bar {
  max-width: 1200px;
  margin: 0 auto;
  right: 0;
}
.layout-boxed .container {
  max-width: 100%;
}

@media (max-width: 1200px) {
  .layout-boxed #masthead, .layout-boxed #content, .layout-boxed .top-bar {
    max-width: 1000px;
  }
}
@media (max-width: 991px) {
  .layout-boxed #masthead, .layout-boxed #content, .layout-boxed .top-bar {
    max-width: 780px;
  }
}
.top-bar .sidebar-widget, #masthead .sidebar-widget {
  margin-bottom: 0;
}
.top-bar .sidebar-widget > *, #masthead .sidebar-widget > * {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.top-bar .sidebar-widget .sidebar-header, #masthead .sidebar-widget .sidebar-header {
  display: none;
}

.top-bar .sidebar-widget {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0.9em;
}

#masthead .sidebar-widget {
  padding-left: 6px;
  margin-left: 6px;
}

.top-bar li {
  display: inline-block;
  margin-bottom: 0 !important;
}
.top-bar .widget_recent_entries li, .top-bar .widget_recent_entries .children, .top-bar .widget_recent_comments li, .top-bar .widget_recent_comments .children, .top-bar .widget_archive li, .top-bar .widget_archive .children, .top-bar .widget_categories li, .top-bar .widget_categories .children, .top-bar .widget_meta li, .top-bar .widget_meta .children, .top-bar .widget_pages li, .top-bar .widget_pages .children, .top-bar .widget_nav_menu li, .top-bar .widget_nav_menu .children {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
  border-top: 0 !important;
}
.top-bar .top-left .widget_recent_entries li, .top-bar .top-left .widget_recent_comments li, .top-bar .top-left .widget_archive li, .top-bar .top-left .widget_categories li, .top-bar .top-left .widget_meta li, .top-bar .top-left .widget_pages li, .top-bar .top-left .widget_nav_menu li {
  padding-right: 8px;
  margin-right: 8px;
  border-right-width: 1px;
  border-right-style: solid;
}
.top-bar .top-left .widget_recent_entries li:last-child, .top-bar .top-left .widget_recent_comments li:last-child, .top-bar .top-left .widget_archive li:last-child, .top-bar .top-left .widget_categories li:last-child, .top-bar .top-left .widget_meta li:last-child, .top-bar .top-left .widget_pages li:last-child, .top-bar .top-left .widget_nav_menu li:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right-width: 0;
}
.top-bar .top-right .widget_recent_entries li, .top-bar .top-right .widget_recent_comments li, .top-bar .top-right .widget_archive li, .top-bar .top-right .widget_categories li, .top-bar .top-right .widget_meta li, .top-bar .top-right .widget_pages li, .top-bar .top-right .widget_nav_menu li {
  padding-left: 8px;
  margin-left: 8px;
  border-left-width: 1px;
  border-left-style: solid;
}
.top-bar .top-right .widget_recent_entries li:first-child, .top-bar .top-right .widget_recent_comments li:first-child, .top-bar .top-right .widget_archive li:first-child, .top-bar .top-right .widget_categories li:first-child, .top-bar .top-right .widget_meta li:first-child, .top-bar .top-right .widget_pages li:first-child, .top-bar .top-right .widget_nav_menu li:first-child {
  padding-left: 0px;
  margin-left: 0px;
  border-left-width: 0;
}
.top-bar .sub-menu {
  margin: 0;
  padding-left: 0px;
  display: inline-block;
}
.top-bar .sub-menu li {
  padding-left: 8px;
}
.top-bar .sub-menu li:before {
  content: "";
}
.top-bar .widget_search {
  position: inherit;
}

/* Side navigation widgets */
#navbar-slide .sidebar-widget {
  text-align: center;
  clear: both;
  width: 100%;
}
#navbar-slide .widget_social ul.social-icons {
  height: 36px;
  line-height: 36px;
}

@media (max-width: 991.98px) {
  .menu-sidebar .sidebar-widget {
    margin: 12px 0 !important;
    text-align: center;
  }
  .menu-sidebar .top-search form {
    left: 0;
    right: 0;
  }
  .top-bar .top-search form {
    background: none;
  }
}

/* - Search widget in the header or top bar - */
/* On desktop a header Search widget collapses to a magnifier (.search-trigger)
   that theme.js toggles open over the menu (.top-search.active). The
   magnifier and its close state are drawn with borders, not an icon font. */
@media (min-width: 992px) {
  .top-bar .widget_search form,
  #masthead .widget_search form {
    display: none;
  }
  .top-search {
    display: block;
    width: 24px;
    text-align: center;
  }
  .top-search form {
    position: absolute;
    inset: 0 0 auto;
    z-index: 10;
  }
  .top-search .search-trigger {
    position: relative;
    z-index: 10;
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
  }
  .top-search .search-trigger::before,
  .top-search .search-trigger::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .3s;
  }
  .top-search .search-trigger::before {
    width: 12px;
    height: 12px;
    border: 2px solid;
    border-radius: 50%;
    transform: translate(-8px, -8px);
  }
  .top-search .search-trigger::after {
    width: 2px;
    height: 6px;
    background: currentColor;
    transform: translate(2px, 1px) rotate(-45deg);
  }
  .top-search.active .search-trigger::before,
  .top-search.active .search-trigger::after {
    width: 1px;
    height: 24px;
    border: 0;
    background: currentColor;
  }
  .top-search.active .search-trigger::before {
    transform: translate(0, -50%) rotate(45deg);
  }
  .top-search.active .search-trigger::after {
    transform: translate(0, -50%) rotate(-45deg);
  }
  .top-search input,
  .top-search input:focus {
    border-color: transparent;
    outline: none;
    box-shadow: none;
  }
  .top-search .btn {
    vertical-align: top;
    background: none;
  }
  #masthead .menu-sidebar .top-search input,
  #masthead .logo-sidebar .top-search input {
    font-size: 24px;
  }
  .top-bar .search-trigger {
    height: 36px;
  }
}

/* - Top bar widget dividers - */
@media (min-width: 768px) {
  .top-left .sidebar-widget {
    padding-right: 16px;
    margin-right: 16px;
    border-right: 1px solid;
  }
  .top-left .sidebar-widget:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
  }
  .top-right .sidebar-widget {
    padding-left: 6px;
    margin-left: 6px;
    border-left: 1px solid;
  }
  .top-right .sidebar-widget:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
}
@media (max-width: 767.98px) {
  .top-bar .sidebar-widget {
    padding-right: 6px;
    margin-left: 6px;
  }
}

/* - Mega menu - */

.menu-item-object-oxy_mega_menu {
  position: static !important;
}
/* The columns are Bootstrap 5 grid columns (col-lg-3/4/6) in a .row, and a
   column only sits beside its neighbour inside a flex row; an open
   dropdown (.show) is display: block, which would stack them. */
@media (min-width: 992px) {
  .menu-item-object-oxy_mega_menu > .dropdown-menu.show {
    display: flex;
    flex-wrap: wrap;
  }
}
.menu-item-object-oxy_mega_menu .dropdown-menu {
  left: 0px !important;
  right: 0px !important;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
.menu-item-object-oxy_mega_menu .dropdown-menu > li {
  position: relative;
}
.menu-item-object-oxy_mega_menu .dropdown-menu > li:before {
  content: "";
  position: absolute;
  height: 1000px;
  width: 1px;
  left: 0;
  top: 3px;
}
.menu-item-object-oxy_mega_menu .dropdown-menu > li:first-child:before {
  display: none;
}
.menu-item-object-oxy_mega_menu .dropdown-menu > li > ul {
  list-style-type: none;
  padding: 0 0 6px;
  overflow: hidden;
}
.menu-item-object-oxy_mega_menu .dropdown-menu > li > ul > li {
  padding-bottom: 0px;
}
.menu-item-object-oxy_mega_menu .dropdown-menu > li > ul > li > a {
  padding: 8px 0;
  display: block;
  font-size: 14px;
  transition: color 0.1s;
}
.menu-item-object-oxy_mega_menu .dropdown-menu > li > strong {
  padding-top: 16px;
  padding-bottom: 8px;
  display: block;
}
.menu-item-object-oxy_mega_menu .dropdown-menu > li > p {
  font-size: 14px;
  font-style: italic;
  padding-bottom: 12px;
  margin-bottom: 0px;
  border-bottom: 1px solid;
}

.container-fullwidth .menu-item-object-oxy_mega_menu .dropdown-menu {
  margin-left: calc(var(--bs-gutter-x, 1.5rem) * .5) !important;
  margin-right: calc(var(--bs-gutter-x, 1.5rem) * .5) !important;
}

.oxy_mega_menu-no-dividers > ul > li:before {
  display: none;
}

.oxy_mega_menu-no-dividers > ul > li > p {
  border: 0 !important;
}

@media (max-width: 992px) {
  .menu-item-object-oxy_mega_menu {
    position: relative !important;
  }

  .menu-item-object-oxy_mega_menu .dropdown-menu {
    background-image: none !important;
  }

  .menu-item-object-oxy_mega_menu .dropdown-menu > li > ul > li > a {
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* ----------------- */
/* deadcss: end keep */
/* ------ */
/* FOOTER */
/* ------ */
.footer-columns-1 [class*="col-md-"] {
  text-align: center;
}

.footer-columns-2 [class*="col-md-"]:last-child {
  text-align: right;
}

@media (max-width: 767px) {
  .footer-columns-1 [class*="col-md-"], .footer-columns-2 [class*="col-md-"] {
    text-align: left !important;
  }}
/* ------------------- */
/* BOOTSTRAP OVERRIDES */
/* ------------------- */
/* - Lead text - */
.lead {
  font-weight: normal;
}

/* - Buttons - */
.btn, button {
  outline: 0;
  border: 0;
  box-shadow: none;
  text-shadow: none !important;
  font-weight: normal;
  transition: all 0.1s;
  -webkit-font-smoothing: antialiased;
}
.btn:focus, .btn:active, .btn:active:focus, button:focus, button:active, button:active:focus {
  outline: none;
}
.btn:after, button:after {
  transition: all 0.1s linear;
}
.btn i, button i {
  font-size: 0.9em;
  color: inherit;
  margin-left: 8px;
}
.btn.btn-icon-left i, button.btn-icon-left i {
  margin-right: 8px;
  margin-left: 0;
}

.btn-lg {
  min-width: 160px;
}

/* -- Button groups -- */
/* - jumbotron - */
.jumbotron {
  border-radius: 0;
}
.container .jumbotron {
  border-radius: 0;
}

/* - tooltips - */
.tooltip-inner {
  border-radius: 0;
  font-weight: normal !important;
}

/* - Thumbnails - */
.thumbnail {
  border: 0;
  padding: 0px;
  transition: all 0.2s;
}

/* - Blockquote - */
blockquote {
  border: 0;
  position: relative;
  padding: 0 48px;
}
blockquote:before {
  content: "\201C";
  display: block;
  font-family: Georgia;
  font-size: 84px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
}

blockquote p {
  line-height: 1.5em;
}

blockquote img {
  display: inline-block !important;
  margin: 0 0 12px !important;
  border-radius: 50%;
}

blockquote .box {
  display: inline-block !important;
}

/* - Breadcrumb - */

/* - Inline list - */
ul.inline {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
ul.inline li {
  display: inline-block;
  padding: 0 5px;
}

/* - Panels and Wells - */
.panel, .well {
  border-radius: 0;
  border: 0;
}

.well {
  border: 0;
  border-radius: 0;
  position: relative;
  box-shadow: none;
}

.panel-group {
  border: 0;
  margin-bottom: 12px;
}

.panel-group .panel {
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
.panel-group .panel p:last-child {
  margin-bottom: 0;
}

.panel-group .panel + .panel {
  margin-top: 1px;
}

.panel-heading {
  position: relative;
  border: none;
  border-radius: 0;
}
.panel-heading .accordion-toggle:after {
  position: absolute;
  display: block;
  font-family: FontAwesome;
  content: "\f106";
  font-size: 14px;
  line-height: 1em;
  right: 0;
  top: 0;
  width: 40px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.panel-heading .accordion-toggle.collapsed:after {
  content: "\f107";
}

.panel-title {
  margin-bottom: 0 !important;
}

.panel th {
  font-weight: normal;
}

/* - Pagination - */
.pagination {
  margin: 24px 0;
}
.pagination > li > a, .pagination > li span {
  padding: 6px 14px;
  border: 0;
  font-weight: normal;
}

/* - Pagers - */
.pager li > a, .pager li > span {
  display: inline-block;
  padding: 6px 14px;
  line-height: 24px;
  border: 0;
  box-shadow: none;
}

.pager li.previous i {
  margin-right: 6px;
  margin-left: 0px;
}

.pager li.next i {
  margin-left: 6px;
  margin-right: 0px;
}

.pager i {
  width: auto;
}

/* - Affix - */

.tab-content {
  padding: 12px;
  text-shadow: none !important;
}
.tab-content a {
  text-decoration: underline;
}
.tab-content .btn {
  text-decoration: none;
}
.tab-content p:last-child {
  margin-bottom: 0;
}
.tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5, .tab-content h6 {
  margin-top: 0;
}

.tab-pane > *:last-child {
  margin-bottom: 0;
}

.nav-tabs > li:focus {
  outline: none;
}

.tabs-below .tab-content {
  border-bottom: 0;
}
.tabs-below .nav-tabs {
  border-bottom: 0;
}
.tabs-below .nav-tabs > li {
  margin-bottom: 0;
  margin-top: -1px;
}
.tabs-below .nav-tabs > li > a {
  border-top: 0;
}
.tabs-below .nav-tabs > li.active > a, .tabs-below .nav-tabs > li > a:hover {
  border-bottom: 1px solid;
}

/* - Pre & Code - */
pre {
  border-radius: 0;
  line-height: 1.2;
}

/* - Tables - */
.table > thead > tr > th {
  border: 0;
}

.table > thead {
  border-width: 1px;
  border-style: solid;
}

/* - Carousel - */

.carousel-indicators {
  bottom: 0;
}

.carousel-indicators li, .carousel-indicators li.active {
  width: 12px;
  height: 12px;
  border-width: 3px;
  border-radius: 50%;
  margin: 0px 4px;
}

/* - Progress bars - */
.progress {
  box-shadow: none;
}

/* - Alerts - */
.alert {
  text-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 24px;
  line-height: 36px;
}
.alert .close {
  line-height: 36px;
  right: -12px;
  transition: all 0.2s;
  width: 36px;
  height: 36px;
  line-height: 36px;
  top: 0;
  opacity: 1;
}
.alert .close i {
  margin: 0;
  position: relative;
  top: -2px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
}
.alert:hover .close {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.alert .close:hover, .alert .close:focus {
  background: none;
}
.alert .btn, .alert .button {
  line-height: 22px;
}

/* - Badges - */
.badge {
  font-size: 12px;
  min-width: 24px;
  line-height: 12px;
  padding: 6px;
  border-radius: 50%;
}

/* - Font Awesome Lists - */

/* - 5 column support - */
/* WPBakery's 1/5 column ([vc_column width="1/5"]). A flex column like
   Bootstrap 5's own; the row gives it its gutter. */
@media (min-width: 992px) {
  .col-lg-2-4 {
    flex: 0 0 auto;
    width: 20%;
  }
}

/* - Modals - */
.modal-backdrop {
  z-index: 2000;
}

.modal {
  z-index: 2010;
}

/* ---------------- */
/* THEME COMPONENTS */
/* ---------------- */
/* - Boxes - */

/* - Service Simple Image - */

/* - Social icons - */
/* - Icon list - */

/* - Features list - */

/* - Tag List - */

/* - Tag List - */

/* - Blockquote list */
/* - Back to top icon - */
.go-top {
  position: fixed !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  font-size: 16px;
  width: 2em;
  height: 2em;
  text-align: center;
  bottom: -44px;
  opacity: 0;
  right: 12px;
  transition: all 0.5s;
  z-index: 100;
}
.go-top i {
  line-height: 32px;
}
.go-top.go-top-circle {
  border-radius: 50%;
}

@media (max-width: 992px) {
  .go-top {
    display: none !important;
  }}

/* - Scroll to icon - */
.scroll-to {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: relative;
  z-index: 10;
  text-align: center;
  font-size: 36px;
}
.scroll-to i {
  line-height: 48px;
}
.scroll-to.place-bottom {
  position: absolute;
  bottom: 24px;
  left: 50%;
  margin-left: -24px;
}

/* - Divider - */
.divider-wrapper {
  transition: height, 0.2s;
}

/* - Border divider - */
.divider-border {
  position: relative;
  height: 4px;
}
.divider-border .divider-border-inner {
  content: "";
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 40px;
  max-width: 100%;
}
.divider-border.divider-border-center .divider-border-inner {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* - Bullet Navigation - */
.bullet-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: fixed;
  right: 20px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1100;
}
.bullet-nav li {
  height: 18px;
  width: 18px;
  margin-bottom: 24px;
  text-align: center;
  position: relative;
}
.bullet-nav li a {
  display: inline-block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  transition: width 0.2s, height 0.2s, box-shadow 0.4;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-indent: -9000px;
}
.bullet-nav li a.active {
  width: 8px;
  height: 8px;
}
.bullet-nav li:last-child {
  margin-bottom: 0;
}
.bullet-nav .tooltip {
  width: 200px;
  text-align: center;
}
.bullet-nav .tooltip-inner {
  padding: 12px;
}

@media (max-width: 767px) {
  .bullet-nav {
    display: none !important;
  }}
/* - Overlays -*/

.grid-overlay-50 {
  background-image: url(../images/grid-50.png);
}

.grid-overlay-60 {
  background-image: url(../images/grid-60.png);
}

.grid-overlay-80 {
  background-image: url(../images/grid-80.png);
}

/* - Slab text - */

/* - CSS3 Columns - */
/* ------------------ */
/* MAGNIFIC POPUP CSS */
/* ------------------ */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1101;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1102;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur {
  cursor: zoom-out;
}

.mfp-close, .mfp-arrow, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  border-radius: 0;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 36px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  padding: 0 0 18px 10px;
  color: #222;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #222;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 1;
  margin: 0;
  top: 50%;
  margin-top: -18px;
  padding: 0;
  width: 36px;
  height: 36px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  -ms-transform: scale(1) !important;
      transform: scale(1) !important;
}

.mfp-arrow:active {
  margin-top: -18px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 24px;
  line-height: 36px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  background: #444444;
}

.mfp-figure {
  line-height: 0;
}

.mfp-figure figure {
  margin-bottom: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #222;
  word-break: break-word;
  padding-right: 36px;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
@media all and (max-width: 1300px) {
  .mfp-arrow {
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }}
.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* ------- */
/* ISOTOPE */
/* ------- */

/**** Isotope CSS3 transitions ****/
.isotope {
  transition-duration: 0.8s;
}

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

/**** disabling Isotope CSS3 transitions ****/

/* End: Recommended Isotope styles */
/* HCDSB: removed — #infscr-loading and the .isotope transition reset. Both
   belonged to Infinite Scroll and Isotope; neither library ships now, and no
   markup on the network carries either class. */

/* ---------- */
/* FLEXSLIDER */
/* ---------- */
/* - Default style - */

.slides {
  margin: 0;
  padding: 0;
  list-style: none;
}

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* - Theme styles - */
/* --  Flex Controls -- */

/* -- Flex Direction arrows -- */

/* -- Flex Figcaptions -- */
/* -- Flex items fix for tooptips -- */
[data-flex-itemwidth] {
  margin-top: -36px;
  text-align: center;
}
[data-flex-itemwidth] .slides > li > a, [data-flex-itemwidth] .slides > li > figure {
  padding-top: 36px;
  display: inline-block;
  max-width: 100%;
}

/* - Flexslider blockquotes - */

/* ----------- */
/* LAYERSLIDER */
/* ----------- */

/*Global styles*/

/* ------ */
/* CHARTS */
/* ------ */
.chart {
  position: relative;
  text-align: center;
  left: 0 !important;
  margin-left: 0 !important;
}
.chart i {
  display: block;
  font-size: 3em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.chart input, .chart span {
  display: none;
}

/* -------- */
/* COUNTERS */
/* -------- */
.counter {
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative;
}
.counter .value {
  display: block;
  width: 100%;
  background: none !important;
  box-shadow: none !important;
  border: 0;
  line-height: 1;
}
.counter .value:hover, .counter .value:active, .counter .value:focus {
  background: none !important;
  box-shadow: none !important;
}
.counter:after {
  content: "";
  height: 2px;
  position: absolute;
  width: 60px;
  top: 100%;
  left: 50%;
  margin-left: -30px;
}

/* --------- */
/* COUNTDOWN */
/* --------- */
.countdown {
  text-align: center;
}

.countdown b {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  margin-top: 12px;
}
.countdown b:before {
  height: 2px;
  width: 2em;
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -1em;
}

/* --------- */
/* ODOMETER */
/* --------- */

/* -------------- */
/* CONTACT FORM 7 */
/* -------------- */

[role="alert"] {
  font-size: 0.87em;
  display: inline-block;
  line-height: 2em;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ------------- */
/* Gravity Forms */
/* --------------- */
/* -------- */
/* Select 2 */
/* -------- */
.select2-container {
  padding: 6px 12px;
  height: 36px;
}
.select2-container .selection:focus {
  outline: none;
}

.select2-dropdown {
  top: 0;
}

.select2-container .select2-choice, .select2-container .select2-selection {
  padding: 0;
  background: transparent;
  border: 0;
}
.select2-container .select2-choice:focus, .select2-container .select2-choice:active, .select2-container .select2-selection:focus, .select2-container .select2-selection:active {
  border: 0;
  outline: none;
}

.select2-dropdown-open .select2-choice {
  box-shadow: none;
}

.select2-results .select2-highlighted {
  border-radius: 0;
}

.select2-container .select2-choice .select2-arrow b:after {
  border: 0;
  content: "\f107";
  font-family: FontAwesome;
  line-height: 24px;
  text-align: center;
  z-index: 0;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
  border: 0;
}

.select2-search {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
/* -------- */
/* SERMON MANAGER */
/* -------- */

/* --------------------------------

xrotate-1

-------------------------------- */

@keyframes cd-rotate-1-in {
  0% {
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -ms-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -ms-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* --------------------------------

xtype

-------------------------------- */

@keyframes cd-pulse {
  0% {
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -ms-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* --------------------------------

xrotate-2

-------------------------------- */

@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -ms-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -ms-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -ms-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* --------------------------------

xloading-bar

-------------------------------- */

/* --------------------------------

xslide

-------------------------------- */

@keyframes slide-in {
  0% {
    opacity: 0;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -ms-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* --------------------------------

xclip

-------------------------------- */

/* --------------------------------

xzoom

-------------------------------- */

@keyframes zoom-in {
  0% {
    opacity: 0;
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
/* --------------------------------

xrotate-3

-------------------------------- */

@keyframes cd-rotate-3-in {
  0% {
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
/* --------------------------------

xscale

-------------------------------- */

@keyframes scale-up {
  0% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-down {
  0% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
/* --------------------------------

xpush

-------------------------------- */

@keyframes push-in {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -ms-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/* --------------------------------

Modules - reusable parts of our design

-------------------------------- */

/* --------------------------------

Main components

-------------------------------- */
/* deadcss: keep — animate.css: every name the scroll-animation option offers */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  animation-duration: .75s;
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -ms-transform-origin: top center;
      transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
/* deadcss: end keep */

.isotope .figure:not(.portfolio-os-animation), .isotope .figure.animated {
  visibility: visible;
}

[class*="oxy-agent-"] .isotope .figure {
  visibility: visible !important;
}
[class*="oxy-agent-"] .isotope .figure.animated {
  animation-name: none !important;
}
/* BLOG */
/* ---- */
/* - Blog header - */

/* -- Breadcrumbs -- */

/* - Post - */
.post {
  margin-bottom: 96px;
  position: relative;
}
.post:after {
  content: "";
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  bottom: -48px;
  left: 0;
  right: 0;
  height: 0px;
}
.single .post {
  margin-bottom: 72px;
}
.single .post p {
  margin-bottom: 24px;
}
.single .post:after {
  bottom: -36px;
}

.post-title {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.2em;
  font-weight: inherit;
}

.post-head {
  margin-bottom: 24px;
  position: relative;
}
.post-head.no-title {
  margin-bottom: 0;
}
.post-head .post-details {
  margin: 0 !important;
}

.post-media > * {
  margin-bottom: 24px !important;
}

.post-body {
  margin-bottom: 24px;
}

.post-details {
  margin: 24px 0;
}
.post-details span {
  display: inline-block;
  margin-right: 12px;
  padding-right: 12px;
  border-right-style: solid;
  border-right-width: 1px;
}
.post-details span i {
  vertical-align: middle;
  margin-top: -0.4em;
}
.post-details span:last-child {
  margin-right: 0px;
  padding-right: 0px;
  border-right-width: 0px;
}
.single-post .post-body + .post-details {
  margin: 36px 0;
  text-align: center;
}

.post-tags a {
  display: inline-block;
  line-height: 24px;
  font-size: 0.9em !important;
  text-transform: none  !important;
  margin-right: 4px;
  padding: 0 12px;
  text-decoration: none;
  transition: all 0.2s;
}

.post-more-link {
  margin: 12px 0 0;
}
.post-more-link i {
  width: 16px;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
}
.post-more-link.btn i {
  text-align: right;
  vertical-align: baseline;
}

.post-navigation {
  margin-bottom: 48px;
}

.post-navigation a, .post-navigation span {
  font-size: 14px;
}

/* -- Author info -- */

/* -- Blog layouts -- */
/* -- Related posts -- */

/* -- Blog list -- */

/* -- Blog comments -- */
.comments {
  margin-bottom: 24px;
  padding-bottom: 24px;
}

#submit {
  padding: 6px 16px;
}

/* -- Post reply -- */

/* - Masonry blog - */

/* -- Sticky Posts -- */

@media (max-width: 992px) {

  .post-head .post-details {
    text-align: center;
  }

  .post-extras {
    margin-bottom: 24px;
  }
}
/* ------- */
/* WIDGETS */
/* ------- */
.sidebar-widget {
  margin-bottom: 36px;
}

.sidebar-header {
  margin-top: 0;
  position: relative;
}

/* - Search widget - */
.widget_search form {
  margin-bottom: 0;
}
.widget_search .btn {
  font-size: 14px !important;
}
.widget_search .btn:hover, .widget_search .btn:focus {
  outline: none;
}

/* - List widget - */

.widget_nav_menu .menu {
  background: none;
}
.widget_nav_menu ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.widget_nav_menu li {
  clear: both;
  margin-bottom: 8px;
  position: relative;
  border-bottom: 1px solid;
  padding-bottom: 8px;
}
.widget_nav_menu li:last-child {
  border-bottom: 0;
}
.widget_nav_menu p {
  text-indent: 0;
  margin-bottom: 0;
}
.widget_nav_menu .sub-menu {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid;
}
.widget_nav_menu .sub-menu li:before {
  content: "- ";
}
.widget_nav_menu .sub-menu li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.widget_nav_menu small {
  display: block;
}

/* - Recent posts widget - */

/* - Tags widget - */

/* - Twitter widget - */

/* - Social icons widget - */

/* - Caledar widget - */

/* - Header and top bar widgets - */
.top-bar .sidebar-widget, #masthead .sidebar-widget {
  margin-bottom: 0;
}
.top-bar .sidebar-widget > *, #masthead .sidebar-widget > * {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.top-bar .sidebar-widget .sidebar-header, #masthead .sidebar-widget .sidebar-header {
  display: none;
}

.top-bar .sidebar-widget {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#masthead .sidebar-widget {
  padding-left: 6px;
  margin-left: 6px;
}

.top-bar {
  z-index: 100;
}
.top-bar .sidebar-widget {
  font-size: 0.9em;
}
.top-bar li {
  display: inline-block;
  margin-bottom: 0 !important;
}
.top-bar .widget_nav_menu li, .top-bar .widget_nav_menu .children {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
  border-top: 0 !important;
}
.top-bar .top-left .widget_nav_menu li {
  padding-right: 8px;
  margin-right: 8px;
  border-right-width: 1px;
  border-right-style: solid;
}
.top-bar .top-left .widget_nav_menu li:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right-width: 0;
}
.top-bar .top-right .widget_nav_menu li {
  padding-left: 8px;
  margin-left: 8px;
  border-left-width: 1px;
  border-left-style: solid;
}
.top-bar .top-right .widget_nav_menu li:first-child {
  padding-left: 0px;
  margin-left: 0px;
  border-left-width: 0;
}
.top-bar .sub-menu {
  margin: 0;
  padding-left: 0px;
  display: inline-block;
}
.top-bar .sub-menu li {
  padding-left: 8px;
}
.top-bar .sub-menu li:before {
  content: "";
}
.top-bar .widget_search {
  position: inherit;
}

/* Side navigation widgets */
#navbar-slide .sidebar-widget {
  text-align: center;
  clear: both;
  width: 100%;
}

#footer .sidebar-widget {
  margin-bottom: 24px;
}
#footer .sidebar-widget:last-child {
  margin-bottom: 0px;
}

#footer .widget_search form {
  max-width: 320px;
  display: inline-block;
}

/* - Menu Widgets - */

/* - Subfooter widgets - */
.subfooter .sidebar-widget {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-bottom: 0;
}
.subfooter .sidebar-widget > * {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.subfooter .sidebar-header {
  display: none;
}
.subfooter .sidebar-widget li {
  display: inline-block;
  margin-bottom: 0 !important;
  padding-left: 8px;
}
.subfooter .sidebar-widget li:first-child {
  padding-left: 0px;
}
.subfooter .widget_nav_menu li, .subfooter .widget_nav_menu .children {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
  border-top: 0 !important;
}
.subfooter .sub-menu {
  margin: 0;
  padding-left: 0px;
  display: inline-block;
}
.subfooter .sub-menu li {
  padding-left: 8px;
}
.subfooter .sub-menu li:before {
  content: "";
}
.subfooter .widget_search {
  position: inherit;
}

/* - WPML - */

@media (max-width: 991px) {
  .sidebar {
    margin-top: 80px;
  }
  .sidebar .sidebar-widget {
    margin-bottom: 24px;
  }
  .sidebar .widget_search input {
    width: 100%;
  }

  .menu-sidebar .sidebar-widget {
    margin: 12px 0 !important;
    text-align: center;
  }

  .menu-sidebar .top-search form {
    left: 0px;
    right: 0px;
  }

  .top-bar .top-search form {
    background: none;
  }

  .top-bar .top-search .btn {
    vertical-align: top;
  }

  #footer .sidebar-widget {
    text-align: left;
  }

  #footer .sidebar-header:after {
    left: 0;
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  /* - Search widget in header or top bar - */
  .top-bar .widget_search form, #masthead .widget_search form {
    display: none;
  }

  .menu-sidebar .sidebar-widget {
    float: left;
  }

  .top-search {
    text-align: center;
    width: 24px;
    display: block;
  }
  .top-search form {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    z-index: 10;
  }
  .top-search form:focus, .top-search form:active {
    outline: none;
  }
  .top-search .search-trigger {
    display: block;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: block;
    position: relative;
    z-index: 10;
    transform: translate3d(0, 0, 0);
    -ms-transform: translateX(0) translateY(0);
  }
  .top-search .search-trigger:before, .top-search .search-trigger:after {
    content: "";
    position: absolute;
    transition: all 0.3s;
    -webkit-backface-visibility: hidden;
  }
  .top-search .search-trigger:before {
    width: 12px;
    height: 12px;
    border: 2px solid;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    background: none;
    transform: translate3d(-8px, -8px, 0);
    -ms-transform: translateX(-8px) translateY(-8px);
  }
  .top-search .search-trigger:after {
    width: 2px;
    height: 6px;
    -ms-transform: translateX(2px) translateY(1px) rotate(-45deg);
    transform: translate3d(2px, 1px, 0) rotate(-45deg);
    top: 50%;
    left: 50%;
  }

  .top-search.active .search-trigger:before, .top-search.active .search-trigger:after {
    width: 1px;
    height: 24px;
    border: 0;
  }
  .top-search.active .search-trigger:after {
    -ms-transform: translateX(0px) translateY(-50%) rotate(-45deg);
    transform: translate3d(0px, -50%, 0) rotate(-45deg);
  }
  .top-search.active .search-trigger:before {
    -ms-transform: translateX(0px) translateY(-50%) rotate(45deg);
    transform: translate3d(0px, -50%, 0) rotate(45deg);
  }
  .top-search .input-group-btn {
    visibility: hidden;
  }
  .top-search input, .top-search input:focus, .top-search input:active {
    box-shadow: none;
    outline: none;
    border-color: transparent;
  }
  .top-search input::-ms-clear {
    display: none;
  }
  .top-search .btn {
    background: none;
    vertical-align: top;
  }

  #masthead .menu-sidebar .top-search input, #masthead .logo-sidebar .top-search input {
    font-size: 24px;
  }

  #masthead .menu-sidebar .form-control, #masthead .logo-sidebar .form-control {
    transition: all 0.3s;
    line-height: 1.5;
  }

  .top-bar .top-search form {
    left: 0;
    right: 0;
  }

  .top-bar .search-trigger {
    height: 36px;
  }}
@media (min-width: 768px) {
  .top-left .sidebar-widget {
    padding-right: 16px;
    margin-right: 16px;
    border-right-width: 1px;
    border-right-style: solid;
  }

  .top-left .sidebar-widget:last-child {
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0;
  }

  .top-right .sidebar-widget {
    padding-left: 6px;
    margin-left: 6px;
    border-left-width: 1px;
    border-left-style: solid;
  }

  .top-right .sidebar-widget:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }}
@media (max-width: 767px) {
  .top-bar .sidebar-widget {
    padding-right: 6px;
    margin-left: 6px;
  }}
/* ------------ */
/* CONTACT PAGE */
/* ------------ */
.google-map {
  height: 500px;
}
.google-map img {
  max-width: inherit;
}

@media (max-width: 767px) {
  #map {
    height: 200px;
  }
}
/* ---------------- */
/* HOVER & OVERLAYS */
/* ---------------- */
/* - Hovers - */
.figure {
  display: inline-block;
  vertical-align: top;
  position: relative;
  max-width: 100%;
}

.figure-image {
  display: block;
  position: relative;
  overflow: hidden;
}
.figure-image img {
  transition: all 0.5s;
}

.figure-overlay {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -mox-box-sizing: border-box;
  padding: 12px;
  -webkit-backface-visibility: hidden;
  transition: all 0.3s;
  overflow: hidden;
}

.figure-overlay-container {
  display: block;
  width: 100%;
  height: 100%;
  display: table;
}
.figure-overlay-container > * {
  display: table-cell;
  vertical-align: middle;
}

.figure-image:hover .figure-overlay {
  opacity: 1;
  -ms-transform: translateX(0);
  transform: translateX(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  margin: 0;
  top: 0;
}

.fade-in .figure-overlay {
  opacity: 0;
}

.figure.image-effect-zoom-in:hover img {
  transform: scale3d(1.1, 1.1, 1);
}

/* - Circle figure - */

/* - Gallery style - */
.figure-overlay .figure-overlay-container {
  display: table;
  height: 100%;
}
.figure-overlay .figure-overlay-container .figure-caption {
  margin-top: 0;
  display: table-cell;
  margin-top: 12px;
}
.figure-overlay .figure-overlay-container .figure-caption p {
  font-size: 0.875em;
}
.figure-overlay .figure-overlay-container .figure-caption .btn {
  margin: 8px 6px;
}

.figcaption-middle .figure-caption {
  vertical-align: middle;
}

/* - Figure Icons - */
.figure-overlay-icons {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
.figure-overlay-icons i {
  font-size: 21px;
  line-height: 40px !important;
}

ul.figure-overlay-icons li {
  margin-bottom: 0;
  opacity: 0;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  transition: all 0.2s;
}
ul.figure-overlay-icons a {
  line-height: 1;
}

.figure-overlay-icons li:nth-child(1) {
  transition-delay: 0.1s;
}

.figure-overlay-icons li:nth-child(2) {
  transition-delay: 0.2s;
}

.figure-overlay-icons li:nth-child(3) {
  transition-delay: 0.3s;
}

.figure-overlay-icons li:nth-child(4) {
  transition-delay: 0.4s;
}

.figure-overlay-icons li:nth-child(5) {
  transition-delay: 0.5s;
}

.figure-overlay-icons li:nth-child(6) {
  transition-delay: 0.6s;
}

.figure-overlay-icons li:nth-child(7) {
  transition-delay: 0.7s;
}

.figure-overlay-icons li:nth-child(8) {
  transition-delay: 0.8s;
}

.figure-overlay-icons li:nth-child(9) {
  transition-delay: 0.9s;
}

.figure-overlay-icons li:nth-child(10) {
  transition-delay: 1s;
}

.figure-image:hover .figure-overlay-icons li {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

/* -------------------- */
/* ON SCROLL ANIMATIONS */
/* -------------------- */
.os-animation, .staff-os-animation, .recent-simple-os-animation {
  opacity: 0;
}
.os-animation.animated, .staff-os-animation.animated, .recent-simple-os-animation.animated {
  opacity: 1;
}

[class*="oxy-agent-"] .os-animation, [class*="oxy-agent-"] .data-os-animation, [class*="oxy-agent-"] .recent-simple-os-animation, [class*="oxy-agent-"] .staff-os-animation {
  opacity: 1 !important;
}
[class*="oxy-agent-"] .os-animation.animated, [class*="oxy-agent-"] .data-os-animation.animated, [class*="oxy-agent-"] .recent-simple-os-animation.animated, [class*="oxy-agent-"] .staff-os-animation.animated {
  animation-name: none !important;
}

/* --------------- */
/* UTILITY CLASSES */
/* --------------- */
/* - Margin elements - */
.element-top-0 {
  margin-top: 0px !important;
}

.element-bottom-0 {
  margin-bottom: 0px !important;
}

.element-top-10 {
  margin-top: 10px !important;
}

.element-bottom-10 {
  margin-bottom: 10px !important;
}

.element-top-20 {
  margin-top: 20px !important;
}

.element-bottom-20 {
  margin-bottom: 20px !important;
}

.element-top-30 {
  margin-top: 30px !important;
}

.element-bottom-30 {
  margin-bottom: 30px !important;
}

.element-top-40 {
  margin-top: 40px !important;
}

.element-bottom-40 {
  margin-bottom: 40px !important;
}

.element-top-50 {
  margin-top: 50px;
}

.element-bottom-50 {
  margin-bottom: 50px;
}

.element-top-60 {
  margin-top: 60px !important;
}

.element-bottom-60 {
  margin-bottom: 60px !important;
}

.element-top-70 {
  margin-top: 70px !important;
}

.element-bottom-70 {
  margin-bottom: 70px !important;
}

.element-top-80 {
  margin-top: 80px !important;
}

.element-bottom-80 {
  margin-bottom: 80px !important;
}

.element-top-100 {
  margin-top: 100px !important;
}

.element-bottom-100 {
  margin-bottom: 100px !important;
}

.element-top-120 {
  margin-top: 120px !important;
}

.element-top-130 {
  margin-top: 130px !important;
}

.element-top-190 {
  margin-top: 190px !important;
}

.element-bottom-200 {
  margin-bottom: 200px !important;
}

.element-top-260 {
  margin-top: 260px !important;
}

.element-top-300 {
  margin-top: 300px !important;
}

.element-left-0 {
  margin-left: 0px !important;
}

.element-right-0 {
  margin-right: 0px !important;
}

/* - Height elements - */

/* - Block behaviors */
.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

/* - Clear - */
.clear {
  clear: both;
}

/* - Responsive images -*/
img {
  max-width: 100%;
  height: auto;
}

/* - List containers - */
/* - FAde out content - */
.fade-content > * {
  opacity: 0.2;
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

/* ------------ */
/* BASIC COLORS */
/* ------------ */
/* -- Sections -- */
.section-text-shadow {
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.section-text-shadow .tooltip {
  text-shadow: none;
}

.section-inner-shadow, .section-inner-shadow .background-overlay, .section-inner-shadow .background-media {
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.25) inset, 0px -2px 2px -1px rgba(0, 0, 0, 0.25) inset;
}

/* -- Buttons -- */

/* -- Progress bars -- */
.progress {
  background: rgba(0, 0, 0, 0.07);
}

.progress .progress-bar + .progress-bar {
  box-shadow: none;
}

/* -- Accordions -- */
.accordion-toggle:after {
  background: rgba(0, 0, 0, 0.07);
}

/* -- Audio player -- */

/* ----------------- */
/* WORDPRESS CLASSES */
/* ----------------- */
.alignnone {
  margin: 0px 12px 12px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 0px auto;
}

.alignright {
  float: right;
  margin: 0px 0 12px 12px;
}

.alignleft {
  float: left;
  margin: 0px 12px 12px 0;
}

.aligncenter {
  display: block;
  margin: 0px auto;
}

a img.alignright {
  float: right;
  margin: 0px 0 12px 12px;
}

a img.alignnone {
  margin: 0px 12px 0px 0;
}

a img.alignleft {
  float: left;
  margin: 0px 12px 0px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gallery a img {
  border: 0 !important;
}

.sticky {
  display: block;
}

.post .pagination {
  margin: 0px;
}

@media screen and (min-width: 782px) {
  .admin-bar .navbar-stuck, .admin-bar #navbar-slide {
    top: 32px !important;
  }}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* --- Normal button --- */
.button {
  display: inline-block;
  padding: 6px 16px;
  margin-bottom: 0;
  text-align: center;
  text-shadow: none;
  font-weight: normal;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
}
.button.btn-lg {
  padding: 11px 19px;
}

.fullwidth {
  width: 100% !important;
  box-sizing: border-box;
}

mark {
  background: none;
  font-weight: bold;
}

/* --- Ad to cart button and states--- */

/* -- Star rating -- */
.star-rating {
  overflow: hidden;
  position: relative;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: normal;
  width: 5.4em;
  font-family: 'FontAwesome';
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  letter-spacing: 2px;
}

.products .star-rating {
  left: 4px;
}

.star-rating:before {
  content: "\f006 \f006 \f006 \f006 \f006";
  top: 0;
  left: 0px;
  position: absolute;
  width: 100%;
}

.star-rating span {
  display: block;
  overflow: hidden;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
  width: 100%;
}

.star-rating span:before {
  display: block;
  content: "\f005 \f005 \f005 \f005 \f005";
  top: 0;
  position: absolute;
  left: 0px;
  width: 100%;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* - Form inputs fullwidth - */

/* - Breadcrumbs - */

/* Checkboxes */

/* Select list */
.chosen-single {
  height: 36px !important;
  line-height: 36px !important;
  box-shadow: none !important;
  padding-left: 16px;
}
.chosen-single div b {
  position: relative;
  top: 4px;
}

@keyframes pulse-one {
  0% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse-two {
  0% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -ms-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }
  100% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* -  PrettyPhoto Review Popup Container - */

/* -- review star ratings  -- */

/* - Product List - */
.products {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* -- Product item -- */
.product {
  position: relative;
  transition: all 0.2s;
}
.products .product {
  margin-bottom: 24px;
}
.product > a:first-child {
  display: block;
  position: relative;
}

/* -- Product Image  -- */

/* -- Product title -- */

/* -- Onsale badge -- */

/* -- Product info -- */

/* -- Product price -- */
.price {
  margin: 0;
}

.price .from {
  font-size: 0.9em;
}

.price del {
  font-size: 0.9em;
}

.price ins {
  text-decoration: none;
}

.page-numbers {
  list-style-type: none;
  text-align: center;
  padding: 0;
  letter-spacing: -5px;
}
.page-numbers li {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.page-numbers a, .page-numbers span {
  letter-spacing: 0px;
  display: block;
}

/* - Single Product - */

/* -- Product title -- */

/* -- Product Images -- */

/* -- Product Price -- */

table .price {
  margin-bottom: 0;
}

/* -- Product Variations -- */
.variations {
  margin-bottom: 24px;
}
.variations .label {
  font-weight: bold;
  color: inherit;
  line-height: 36px;
  font-size: 1em;
  padding: 0 12px 0 0;
  display: block;
}
.variations select {
  height: 36px;
  min-width: 200px;
}

/* -- Quantity -- */

/* -- Grouped products -- */

/* -- Related products -- */

/* -- Product reviews -- */

/* -- Stock -- */
.stock {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 24px;
}

/* -- Single product extras -- */

/* -- Single product meta -- */

/* -- Single product share -- */

/* -- Single product add to cart button -- */
/* - Cart Page styles - */
/* -- Shop Table -- */

/* -- Coupon -- */

/* -- Country select box -- */

/* - Receipt page - */
/* - Categories - */

/* -- Product Lists -- */

/* -- Product Categories -- */

/* -- Product Search -- */

/* -- Price filter widget  */