/*
 * # SQ FRAMEWORK - 1.0.0
 * http://www.seventhqueen.com/
 *
 *
 * Copyright 2012 SeventhQueen
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
body.stax-editor-enabled {
  padding: 0 !important;
  margin: 0 !important;
}
body.stax-editor-enabled.et_fixed_nav.et_show_nav #page-container {
  padding-top: 0 !important;
}
.stax-loaded {
  opacity: 1 !important;
}
.stax-no-content {
  padding: 20px 0;
  background: #4469B0;
  color: #fff;
  text-align: center;
}
.stax-no-content a {
  color: #fff;
  text-decoration: underline;
}
@-ms-viewport {
  width: device-width;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
.stax-zone {
  /* HTML5 display-role reset for older browsers */
}
.stax-zone *,
.stax-zone *::before,
.stax-zone *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.stax-zone span,
.stax-zone applet,
.stax-zone object,
.stax-zone h1,
.stax-zone h2,
.stax-zone h3,
.stax-zone h4,
.stax-zone h5,
.stax-zone h6,
.stax-zone p,
.stax-zone blockquote,
.stax-zone pre,
.stax-zone a,
.stax-zone abbr,
.stax-zone acronym,
.stax-zone address,
.stax-zone big,
.stax-zone cite,
.stax-zone code,
.stax-zone del,
.stax-zone dfn,
.stax-zone em,
.stax-zone img,
.stax-zone ins,
.stax-zone kbd,
.stax-zone q,
.stax-zone s,
.stax-zone samp,
.stax-zone small,
.stax-zone strike,
.stax-zone strong,
.stax-zone sub,
.stax-zone sup,
.stax-zone tt,
.stax-zone var,
.stax-zone b,
.stax-zone u,
.stax-zone i,
.stax-zone center,
.stax-zone dl,
.stax-zone dt,
.stax-zone dd,
.stax-zone ol,
.stax-zone ul,
.stax-zone li,
.stax-zone fieldset,
.stax-zone form,
.stax-zone label,
.stax-zone legend,
.stax-zone table,
.stax-zone caption,
.stax-zone tbody,
.stax-zone tfoot,
.stax-zone thead,
.stax-zone tr,
.stax-zone th,
.stax-zone td,
.stax-zone article,
.stax-zone aside,
.stax-zone canvas,
.stax-zone details,
.stax-zone embed,
.stax-zone figure,
.stax-zone figcaption,
.stax-zone footer,
.stax-zone hgroup,
.stax-zone menu,
.stax-zone nav,
.stax-zone output,
.stax-zone ruby,
.stax-zone section,
.stax-zone summary,
.stax-zone time,
.stax-zone mark,
.stax-zone audio,
.stax-zone video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
}
.stax-zone header {
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.stax-zone article,
.stax-zone aside,
.stax-zone details,
.stax-zone figcaption,
.stax-zone figure,
.stax-zone footer,
.stax-zone header,
.stax-zone hgroup,
.stax-zone menu,
.stax-zone nav,
.stax-zone section {
  display: block;
}
.stax-zone ol,
.stax-zone ul {
  list-style: none;
}
.stax-zone blockquote,
.stax-zone q {
  quotes: none;
}
.stax-zone blockquote:before,
.stax-zone blockquote:after,
.stax-zone q:before,
.stax-zone q:after {
  content: '';
}
.stax-zone table {
  border-collapse: collapse;
  border-spacing: 0;
}
.stax-zone p {
  margin-top: 0;
  margin-bottom: 0;
}
.stax-zone svg:not(:root) {
  overflow: hidden;
}
.stax-zone a,
.stax-zone area,
.stax-zone button,
.stax-zone [role="button"],
.stax-zone input:not([type="range"]),
.stax-zone label,
.stax-zone select,
.stax-zone summary,
.stax-zone textarea {
  touch-action: manipulation;
  box-shadow: initial;
}
.stax-zone a:hover,
.stax-zone area:hover,
.stax-zone button:hover,
.stax-zone [role="button"]:hover,
.stax-zone input:not([type="range"]):hover,
.stax-zone label:hover,
.stax-zone select:hover,
.stax-zone summary:hover,
.stax-zone textarea:hover {
  box-shadow: initial;
}
.stax-zone button {
  border-radius: 0;
}
.stax-zone input,
.stax-zone button,
.stax-zone select,
.stax-zone optgroup,
.stax-zone textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.stax-zone button,
.stax-zone input {
  overflow: visible;
}
.stax-zone button,
.stax-zone select {
  text-transform: none;
}
.stax-zone button,
.stax-zone html [type="button"],
.stax-zone [type="reset"],
.stax-zone [type="submit"] {
  -webkit-appearance: button;
}
.stax-zone button::-moz-focus-inner,
.stax-zone [type="button"]::-moz-focus-inner,
.stax-zone [type="reset"]::-moz-focus-inner,
.stax-zone [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
.stax-zone input[type="radio"],
.stax-zone input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
.stax-zone input[type="date"],
.stax-zone input[type="time"],
.stax-zone input[type="datetime-local"],
.stax-zone input[type="month"] {
  -webkit-appearance: listbox;
}
.stax-zone textarea {
  overflow: auto;
  resize: vertical;
}
.stax-zone input[type="text"]:focus,
.stax-zone input[type="email"]:focus,
.stax-zone input[type="url"]:focus,
.stax-zone input[type="password"]:focus,
.stax-zone input[type="search"]:focus,
.stax-zone input[type="number"]:focus,
.stax-zone input[type="tel"]:focus,
.stax-zone input[type="range"]:focus,
.stax-zone input[type="date"]:focus,
.stax-zone input[type="month"]:focus,
.stax-zone input[type="week"]:focus,
.stax-zone input[type="time"]:focus,
.stax-zone input[type="datetime"]:focus,
.stax-zone input[type="datetime-local"]:focus,
.stax-zone input[type="color"]:focus,
.stax-zone textarea:focus {
  color: inherit;
  border-color: transparent;
  box-shadow: initial;
}
/*
 * # SQ FRAMEWORK - 1.0.0
 * http://www.seventhqueen.com/
 *
 *
 * Copyright 2012 SeventhQueen
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*
 * Bootstrap 4.0 alpha grid
 */
.sq-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .sq-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .sq-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .sq-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .sq-container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 576px) {
  .sq-container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .sq-container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .sq-container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .sq-container {
    width: 1140px;
    max-width: 100%;
  }
}
.sq-container-fluid {
  position: static;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .sq-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .sq-container-fluid {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .sq-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .sq-container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.sq-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 576px) {
  .sq-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .sq-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .sq-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1200px) {
  .sq-row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.sq-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.sq-no-gutters > .sq-col,
.sq-no-gutters > [class*="sq-col-"] {
  padding-right: 0;
  padding-left: 0;
}
.sq-col-1,
.sq-col-2,
.sq-col-3,
.sq-col-4,
.sq-col-5,
.sq-col-6,
.sq-col-7,
.sq-col-8,
.sq-col-9,
.sq-col-10,
.sq-col-11,
.sq-col-12,
.sq-col,
.sq-col-sm-1,
.sq-col-sm-2,
.sq-col-sm-3,
.sq-col-sm-4,
.sq-col-sm-5,
.sq-col-sm-6,
.sq-col-sm-7,
.sq-col-sm-8,
.sq-col-sm-9,
.sq-col-sm-10,
.sq-col-sm-11,
.sq-col-sm-12,
.sq-col-sm,
.sq-col-md-1,
.sq-col-md-2,
.sq-col-md-3,
.sq-col-md-4,
.sq-col-md-5,
.sq-col-md-6,
.sq-col-md-7,
.sq-col-md-8,
.sq-col-md-9,
.sq-col-md-10,
.sq-col-md-11,
.sq-col-md-12,
.sq-col-md,
.sq-col-lg-1,
.sq-col-lg-2,
.sq-col-lg-3,
.sq-col-lg-4,
.sq-col-lg-5,
.sq-col-lg-6,
.sq-col-lg-7,
.sq-col-lg-8,
.sq-col-lg-9,
.sq-col-lg-10,
.sq-col-lg-11,
.sq-col-lg-12,
.sq-col-lg,
.sq-col-xl-1,
.sq-col-xl-2,
.sq-col-xl-3,
.sq-col-xl-4,
.sq-col-xl-5,
.sq-col-xl-6,
.sq-col-xl-7,
.sq-col-xl-8,
.sq-col-xl-9,
.sq-col-xl-10,
.sq-col-xl-11,
.sq-col-xl-12,
.sq-col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .sq-col-1,
  .sq-col-2,
  .sq-col-3,
  .sq-col-4,
  .sq-col-5,
  .sq-col-6,
  .sq-col-7,
  .sq-col-8,
  .sq-col-9,
  .sq-col-10,
  .sq-col-11,
  .sq-col-12,
  .sq-col,
  .sq-col-sm-1,
  .sq-col-sm-2,
  .sq-col-sm-3,
  .sq-col-sm-4,
  .sq-col-sm-5,
  .sq-col-sm-6,
  .sq-col-sm-7,
  .sq-col-sm-8,
  .sq-col-sm-9,
  .sq-col-sm-10,
  .sq-col-sm-11,
  .sq-col-sm-12,
  .sq-col-sm,
  .sq-col-md-1,
  .sq-col-md-2,
  .sq-col-md-3,
  .sq-col-md-4,
  .sq-col-md-5,
  .sq-col-md-6,
  .sq-col-md-7,
  .sq-col-md-8,
  .sq-col-md-9,
  .sq-col-md-10,
  .sq-col-md-11,
  .sq-col-md-12,
  .sq-col-md,
  .sq-col-lg-1,
  .sq-col-lg-2,
  .sq-col-lg-3,
  .sq-col-lg-4,
  .sq-col-lg-5,
  .sq-col-lg-6,
  .sq-col-lg-7,
  .sq-col-lg-8,
  .sq-col-lg-9,
  .sq-col-lg-10,
  .sq-col-lg-11,
  .sq-col-lg-12,
  .sq-col-lg,
  .sq-col-xl-1,
  .sq-col-xl-2,
  .sq-col-xl-3,
  .sq-col-xl-4,
  .sq-col-xl-5,
  .sq-col-xl-6,
  .sq-col-xl-7,
  .sq-col-xl-8,
  .sq-col-xl-9,
  .sq-col-xl-10,
  .sq-col-xl-11,
  .sq-col-xl-12,
  .sq-col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .sq-col-1,
  .sq-col-2,
  .sq-col-3,
  .sq-col-4,
  .sq-col-5,
  .sq-col-6,
  .sq-col-7,
  .sq-col-8,
  .sq-col-9,
  .sq-col-10,
  .sq-col-11,
  .sq-col-12,
  .sq-col,
  .sq-col-sm-1,
  .sq-col-sm-2,
  .sq-col-sm-3,
  .sq-col-sm-4,
  .sq-col-sm-5,
  .sq-col-sm-6,
  .sq-col-sm-7,
  .sq-col-sm-8,
  .sq-col-sm-9,
  .sq-col-sm-10,
  .sq-col-sm-11,
  .sq-col-sm-12,
  .sq-col-sm,
  .sq-col-md-1,
  .sq-col-md-2,
  .sq-col-md-3,
  .sq-col-md-4,
  .sq-col-md-5,
  .sq-col-md-6,
  .sq-col-md-7,
  .sq-col-md-8,
  .sq-col-md-9,
  .sq-col-md-10,
  .sq-col-md-11,
  .sq-col-md-12,
  .sq-col-md,
  .sq-col-lg-1,
  .sq-col-lg-2,
  .sq-col-lg-3,
  .sq-col-lg-4,
  .sq-col-lg-5,
  .sq-col-lg-6,
  .sq-col-lg-7,
  .sq-col-lg-8,
  .sq-col-lg-9,
  .sq-col-lg-10,
  .sq-col-lg-11,
  .sq-col-lg-12,
  .sq-col-lg,
  .sq-col-xl-1,
  .sq-col-xl-2,
  .sq-col-xl-3,
  .sq-col-xl-4,
  .sq-col-xl-5,
  .sq-col-xl-6,
  .sq-col-xl-7,
  .sq-col-xl-8,
  .sq-col-xl-9,
  .sq-col-xl-10,
  .sq-col-xl-11,
  .sq-col-xl-12,
  .sq-col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .sq-col-1,
  .sq-col-2,
  .sq-col-3,
  .sq-col-4,
  .sq-col-5,
  .sq-col-6,
  .sq-col-7,
  .sq-col-8,
  .sq-col-9,
  .sq-col-10,
  .sq-col-11,
  .sq-col-12,
  .sq-col,
  .sq-col-sm-1,
  .sq-col-sm-2,
  .sq-col-sm-3,
  .sq-col-sm-4,
  .sq-col-sm-5,
  .sq-col-sm-6,
  .sq-col-sm-7,
  .sq-col-sm-8,
  .sq-col-sm-9,
  .sq-col-sm-10,
  .sq-col-sm-11,
  .sq-col-sm-12,
  .sq-col-sm,
  .sq-col-md-1,
  .sq-col-md-2,
  .sq-col-md-3,
  .sq-col-md-4,
  .sq-col-md-5,
  .sq-col-md-6,
  .sq-col-md-7,
  .sq-col-md-8,
  .sq-col-md-9,
  .sq-col-md-10,
  .sq-col-md-11,
  .sq-col-md-12,
  .sq-col-md,
  .sq-col-lg-1,
  .sq-col-lg-2,
  .sq-col-lg-3,
  .sq-col-lg-4,
  .sq-col-lg-5,
  .sq-col-lg-6,
  .sq-col-lg-7,
  .sq-col-lg-8,
  .sq-col-lg-9,
  .sq-col-lg-10,
  .sq-col-lg-11,
  .sq-col-lg-12,
  .sq-col-lg,
  .sq-col-xl-1,
  .sq-col-xl-2,
  .sq-col-xl-3,
  .sq-col-xl-4,
  .sq-col-xl-5,
  .sq-col-xl-6,
  .sq-col-xl-7,
  .sq-col-xl-8,
  .sq-col-xl-9,
  .sq-col-xl-10,
  .sq-col-xl-11,
  .sq-col-xl-12,
  .sq-col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .sq-col-1,
  .sq-col-2,
  .sq-col-3,
  .sq-col-4,
  .sq-col-5,
  .sq-col-6,
  .sq-col-7,
  .sq-col-8,
  .sq-col-9,
  .sq-col-10,
  .sq-col-11,
  .sq-col-12,
  .sq-col,
  .sq-col-sm-1,
  .sq-col-sm-2,
  .sq-col-sm-3,
  .sq-col-sm-4,
  .sq-col-sm-5,
  .sq-col-sm-6,
  .sq-col-sm-7,
  .sq-col-sm-8,
  .sq-col-sm-9,
  .sq-col-sm-10,
  .sq-col-sm-11,
  .sq-col-sm-12,
  .sq-col-sm,
  .sq-col-md-1,
  .sq-col-md-2,
  .sq-col-md-3,
  .sq-col-md-4,
  .sq-col-md-5,
  .sq-col-md-6,
  .sq-col-md-7,
  .sq-col-md-8,
  .sq-col-md-9,
  .sq-col-md-10,
  .sq-col-md-11,
  .sq-col-md-12,
  .sq-col-md,
  .sq-col-lg-1,
  .sq-col-lg-2,
  .sq-col-lg-3,
  .sq-col-lg-4,
  .sq-col-lg-5,
  .sq-col-lg-6,
  .sq-col-lg-7,
  .sq-col-lg-8,
  .sq-col-lg-9,
  .sq-col-lg-10,
  .sq-col-lg-11,
  .sq-col-lg-12,
  .sq-col-lg,
  .sq-col-xl-1,
  .sq-col-xl-2,
  .sq-col-xl-3,
  .sq-col-xl-4,
  .sq-col-xl-5,
  .sq-col-xl-6,
  .sq-col-xl-7,
  .sq-col-xl-8,
  .sq-col-xl-9,
  .sq-col-xl-10,
  .sq-col-xl-11,
  .sq-col-xl-12,
  .sq-col-xl {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.sq-col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.sq-col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}
.sq-col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.sq-col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.sq-col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.sq-col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.sq-col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.sq-col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.sq-col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.sq-col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.sq-col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.sq-col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.sq-col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.sq-col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .sq-col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .sq-col-sm-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .sq-col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .sq-col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .sq-col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sq-col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .sq-col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .sq-col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sq-col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .sq-col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .sq-col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sq-col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .sq-col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .sq-col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .sq-col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .sq-col-md-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .sq-col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .sq-col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .sq-col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sq-col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .sq-col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .sq-col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sq-col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .sq-col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .sq-col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sq-col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .sq-col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .sq-col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .sq-col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .sq-col-lg-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .sq-col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .sq-col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .sq-col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sq-col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .sq-col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .sq-col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sq-col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .sq-col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .sq-col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sq-col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .sq-col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .sq-col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .sq-col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .sq-col-xl-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .sq-col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .sq-col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .sq-col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sq-col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .sq-col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .sq-col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sq-col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .sq-col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .sq-col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sq-col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .sq-col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .sq-col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
/*
* # SQ FRAMEWORK - 1.0.0
* http://www.seventhqueen.com/
*
*
* Copyright 2012 SeventhQueen
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*------------------------------------
      Top Header Section 
-------------------------------------*/
/* Height */
/* Backgrounds & Colors */
/* Typography */
/* Inputs */
/* Dropdown */
/* Sidemenu */
/* Modal */
/* Shadow */
/*------------------------------------
      Middle Header Section 
-------------------------------------*/
/* Height */
/* Backgrounds & Colors */
/* Typography */
/* Inputs */
/* Dropdown */
/* Sidemenu */
/* Modal */
/* Shadow */
/*------------------------------------
      Bottom Header Section 
-------------------------------------*/
/* Height */
/* Backgrounds & Colors */
/* Typography */
/* Inputs */
/* Dropdown */
/* Sidemenu */
/* Modal */
/* Shadow */
/*--------------------------
          Header Items
---------------------------*/
/* Items */
/*@headerItemTopBottomPadding: @itemTopBottomPadding;
@headerItemLeftRightPadding: @itemLeftRightPadding;
@headerItemPadding: @headerItemTopBottomPadding @headerItemLeftRightPadding;*/
/*-------------------------------
    Header Section General
--------------------------------*/
.header-section {
  position: relative;
}
.header-section .header-content > .header-content {
  height: 100%;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.header-section .header-content .sq-row {
  height: 100%;
}
.header-section .header-content .header-item {
  position: initial;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0;
}
.header-section.header-overflow .header-item.justify-content-end,
.header-section.header-overflow .header-item.justify-content-center {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.header-section {
  /* Dropdown */
  /* Paddings */
  /* General Settings*/
  margin: 0 auto;
  /* Header Items */
}
.header-section .header-fullwidth .header-content {
  width: 100%;
}
.header-section .header-content {
  height: 100%;
  font-size: 16px;
  letter-spacing: 0;
  color: #1f1f1f;
}
.header-section .header-item .item .item-child {
  white-space: nowrap;
}
.header-section .header-item .item.is-full-height {
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 10;
}
.header-section .header-item .item.is-full-width {
  width: 100%;
}
.header-section .header-item .hb-section .item.is-full-height {
  height: auto;
  display: block;
  align-items: initial;
}
.header-section .link-color {
  color: #F0114C;
}
.header-section .accent-color {
  color: #F0114C;
}
/* Keyframes */
@-moz-keyframes overflow-hidden {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
@-webkit-keyframes overflow-hidden {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
@keyframes overflow-hidden {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
@-o-keyframes overflow-hidden {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
@-moz-keyframes visibility-keyframe {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@-webkit-keyframes visibility-keyframe {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes visibility-keyframe {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@-o-keyframes visibility-keyframe {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
.header-section.header-fullwidth .header-content > .header-content {
  width: 100% !important;
}
/*** Sticky ***/
.header-section.header-sticky.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
}
/* Transparent */
.header-section.is-sticky.header-transparent.is-transparent {
  background: transparent !important;
}
.header-section.header-sticky {
  -webkit-transition: top 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), height 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), background 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), box-shadow 0s linear;
  -moz-transition: top 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), height 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), background 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), box-shadow 0s linear;
  -o-transition: top 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), height 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), background 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), box-shadow 0s linear;
  -ms-transition: top 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), height 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), background 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), box-shadow 0s linear;
  transition: top 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), height 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), background 0.2s cubic-bezier(0.72, 0.29, 0.41, 0.84), box-shadow 0s linear;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
       Logo Element
*******************************/
.sq-logo img {
  vertical-align: middle;
  transition: all 0.2s;
  height: auto;
  max-width: 100%;
}
.header-section .sq-logo {
  /* Logo Image */
}
.header-section .sq-logo .item-child {
  display: inline-block;
}
.header-section .sq-logo .item-child img {
  vertical-align: middle;
  transition: all 0.2s;
  max-width: none;
}
.header-section .sq-logo img {
  max-height: 100%;
  border: 0;
}
.hb-section .sq-logo .item-child img {
  max-width: 100%;
  max-height: 100%;
}
.header-section.is-sticky.is-resized .sq-logo img {
  max-height: 100%;
}
/*
* # SQ FRAMEWORK - 1.0.0
* http://www.seventhqueen.com/
*
*
* Copyright 2012 SeventhQueen
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*------------------------------------
      Top Header Section 
-------------------------------------*/
/* Height */
/* Backgrounds & Colors */
/* Typography */
/* Inputs */
/* Dropdown */
/* Sidemenu */
/* Modal */
/* Shadow */
/*------------------------------------
      Middle Header Section 
-------------------------------------*/
/* Height */
/* Backgrounds & Colors */
/* Typography */
/* Inputs */
/* Dropdown */
/* Sidemenu */
/* Modal */
/* Shadow */
/*------------------------------------
      Bottom Header Section 
-------------------------------------*/
/* Height */
/* Backgrounds & Colors */
/* Typography */
/* Inputs */
/* Dropdown */
/* Sidemenu */
/* Modal */
/* Shadow */
/*--------------------------
          Header Items
---------------------------*/
/* Items */
/*@headerItemTopBottomPadding: @itemTopBottomPadding;
@headerItemLeftRightPadding: @itemLeftRightPadding;
@headerItemPadding: @headerItemTopBottomPadding @headerItemLeftRightPadding;*/
/*-------------------
      Dropdown
--------------------*/
/*-------------------
      Sidemenu
--------------------*/
/* Open Close Animation */
/*-------------------
      Modal
--------------------*/
/*-------------------
      Dimmer
--------------------*/
/* Color below page */
/* Shadow */
/* Layering */
.header-section .sq-menu.is-full-height .item-child {
  height: 100%;
  display: flex;
  align-items: center;
}
.header-section .sq-menu.is-full-height .item-child > ul li .item {
  height: 100%;
}
.header-section .sq-menu em {
  background: #a6a6a6;
  color: #fff;
  font-size: 10px;
  padding: 3px 5px;
  border-radius: 3px;
  vertical-align: middle;
}
.header-section .sq-menu em:hover {
  color: #fff;
}
.sq-menu .menu-default ul {
  margin: 0;
}
.sq-menu .menu-default > ul {
  list-style: none;
  height: 100%;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.header-section .sq-menu .menu-default:not(.flexMenu) > ul {
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.sq-menu .menu-default > ul > li:first-child {
  padding-left: 0;
}
.sq-menu .menu-default > ul > li:last-child {
  padding-right: 0;
}
.sq-menu .menu-default > ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 100%;
  width: auto;
  outline: none;
}
.sq-menu .menu-default > ul li:before {
  display: none;
}
.sq-menu .menu-default > ul li .item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
  outline: none;
  text-decoration: none;
}
.sq-menu .menu-default > ul li .item:not(input):hover,
.sq-menu .menu-default > ul li .item:not(input):focus {
  color: #F0114C;
}
.sq-menu .menu-default > ul > li > .submenu .item {
  width: 100%;
  white-space: normal;
}
.sq-menu .menu-default > ul > li.has-submenu > a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(135deg);
  vertical-align: 3px;
}
.sq-menu .menu-default > ul > li.has-submenu > .submenu li.has-submenu > a:before {
  display: none;
}
.sq-menu .menu-default > ul > li.flexMenu-viewMore.has-submenu > a {
  color: transparent !important;
  position: relative;
}
.sq-menu .menu-default > ul > li.flexMenu-viewMore.has-submenu > a:after {
  content: "";
  font-family: 'Material Design Icons';
  display: block;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
  width: auto;
  height: auto;
  border-top: none;
  border-right: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  margin-left: 0;
}
/* Has Submenu */
@media (min-width: 768px) {
  .sq-menu .has-submenu {
    position: relative;
  }
  .sq-menu .has-submenu > .submenu {
    box-shadow: 0 0 3px rgba(140, 140, 140, 0.2);
  }
}
.sq-menu .has-submenu > .submenu {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  height: auto;
  min-width: 220px;
  width: 100%;
  background: #fff;
  flex-wrap: nowrap;
  flex-direction: column;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  z-index: 120;
}
.sq-menu .has-submenu > .submenu .item {
  margin: 0;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  transition: all 0.3s;
  left: 0;
}
.sq-menu .has-submenu > .submenu .item:hover {
  left: 3px;
}
.sq-menu .has-submenu > .submenu .item > .icon,
.sq-menu .has-submenu > .submenu .item > img {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.sq-menu .has-submenu > .submenu .item:after {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: right;
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.sq-menu .has-submenu > .submenu .item:not(.div-c) input[type="text"],
.sq-menu .has-submenu > .submenu .item:not(.div-c) select,
.sq-menu .has-submenu > .submenu .item:not(.div-c) .ui.dropdown.selection {
  width: 100%;
}
.sq-menu .has-submenu.submenu-left > .submenu {
  left: auto;
  right: 0;
}
.sq-menu .has-submenu > .submenu .has-submenu {
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.sq-menu .has-submenu > .submenu .has-submenu > .submenu {
  display: none;
  position: relative;
}
@media (max-width: 767px) {
  .sq-menu .has-submenu > .submenu .has-submenu > .submenu {
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .sq-menu .has-submenu > .submenu .has-submenu > .submenu {
    position: absolute;
    left: 100%;
    top: 0;
  }
}
.sq-menu .has-submenu:hover > .submenu {
  display: block;
  animation: fadeIn 0.2s;
}
.sq-menu .has-submenu:hover > .submenu .has-submenu:hover > .submenu {
  display: block;
  animation: fadeIn 0.2s;
}
@media (min-width: 768px) {
  .sq-menu .has-submenu:hover > .submenu {
    animation: fadeInUp 0.2s;
  }
  .sq-menu .has-submenu:hover > .submenu .has-submenu:hover > .submenu {
    animation: fadeInUp 0.2s;
  }
}
.menu-default.flexMenu > ul {
  overflow: hidden;
}
.menu-default.flexMenu > ul:hover {
  overflow: visible;
}
.menu-default.dropdown-open-right > ul > li .submenu {
  left: inherit;
  right: 0;
}
.header-section .menu-default.item {
  height: 100%;
}
.sq-menu-modburger .sq-menu-modburger-toggle {
  cursor: pointer;
}
.sq-menu-modburger .menu-burger {
  display: none;
  padding: 10px;
}
.sq-menu-modburger .menu-burger.sq-menu-modburger-show {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  overflow: auto;
}
.sq-menu-modburger .menu-burger .sq-menu-modburger-close {
  position: relative;
  float: right;
  padding: 10px;
  cursor: pointer;
}
.sq-menu-modburger .menu-burger .main-menu {
  clear: both;
  height: 100%;
  list-style: none;
}
.sq-menu-modburger .menu-burger .main-menu .menu-item .item {
  font-size: 24px !important;
  line-height: 42px;
}
.sq-menu-modburger .menu-burger .main-menu .submenu .menu-item .item {
  font-size: 18px !important;
  line-height: 32px;
}
.sq-menu-modburger .menu-burger .main-menu .menu-item {
  padding-left: 20px;
}
.sq-menu-modburger .menu-burger .main-menu .menu-item .menu-item {
  padding-left: 20px;
}
.sq-menu-modburger .menu-burger .main-menu .menu-item .menu-item .menu-item {
  padding-left: 20px;
}
.sq-menu-modburger .menu-burger.sq-burger-align-center > ul {
  height: auto;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  padding-left: calc(50vw - 7em);
}
.sq-menu-modburger .menu-burger.sq-burger-align-center .menu-item {
  padding-left: 0;
}
.sq-menu-modburger .menu-item {
  display: flex;
  flex-wrap: wrap;
}
.sq-menu-modburger .menu-item:before {
  font: normal normal normal 18px/1 "Material Design Icons";
  content: '';
  width: 24px;
  align-self: center;
  text-align: center;
  font-weight: 300;
  margin-right: 10px;
  color: #444444;
  opacity: 0.3;
  float: left;
}
.sq-menu-modburger .menu-item.has-submenu:before {
  content: '\F415';
}
.sq-menu-modburger .menu-item.has-submenu .submenu {
  display: none;
  flex-basis: 100%;
}
.sq-menu-modburger .menu-item.has-submenu:hover:before {
  content: '\F374';
}
.sq-menu-modburger .menu-item.has-submenu:hover > .submenu {
  display: block;
  animation: fadeMenuIn 1s;
}
.sq-menu-modburger-visible .header-item {
  z-index: 1;
}
.sq-menu-modburger-visible {
  overflow: hidden;
}
@keyframes fadeMenuIn {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 1000px;
  }
}
.menu-style-1 > ul > li.menu-item > a {
  position: relative;
}
.menu-style-1 > ul > li.menu-item > a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.1s;
}
.menu-style-1 > ul > li.menu-item:hover > a::before,
.menu-style-1 > ul > li.menu-item.current-menu-item > a {
  transform: scale3d(1, 1, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
}
.menu-style-2 > ul > li.menu-item.has-submenu:not(.current-menu-item) > a {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.menu-style-2 > ul > li.menu-item.has-submenu .submenu {
  border-top-left-radius: 0 !important;
}
.menu-style-3 > ul > li.menu-item > a {
  border-style: solid;
  border-color: transparent;
}
.menu-style-4 > ul > li.menu-item > a {
  position: relative;
  z-index: 1;
}
.menu-style-4 > ul > li.menu-item > a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '';
  color: transparent;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.menu-style-4 > ul > li.menu-item:hover > a:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.menu-style-4 > ul > li.menu-item > a:after,
.menu-style-4 > ul > li.menu-item > a:before {
  transition: all 0.3s;
}
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item > a {
  position: relative;
}
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item > a::before,
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item > a::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  margin-left: 0;
  min-height: auto;
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item > a::before {
  top: 10px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item:hover > a::before,
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item:hover > a::after {
  height: 2px;
  opacity: 1;
}
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item:hover > a::before {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item > a::after {
  bottom: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}
.sq-menu .menu-default.menu-style-5 > ul > li.menu-item:hover > a::after {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}
.menu-style-6 > ul > li.menu-item > a {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.menu-style-6 > ul > li.menu-item > a::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
}
.menu-style-6 > ul > li.menu-item:hover > a {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transform: translateY(-5px);
}
.menu-style-6 > ul > li.menu-item:hover > a::before {
  height: 2px;
  opacity: 1;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  transform: translateY(5px);
}
.menu-style-7 > ul > li.menu-item {
  position: relative;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.menu-style-7 > ul > li.menu-item > a::before {
  width: 7px;
  height: 7px;
  background: transparent;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-top: 2px solid #ff3366;
  border-left: 2px solid #ff3366;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.menu-style-7 > ul > li.menu-item > a::after {
  width: 7px;
  height: 7px;
  background: transparent;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  border-right: 2px solid #ff3366;
  border-bottom: 2px solid #ff3366;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.menu-style-7 > ul > li.menu-item::before {
  width: 7px;
  height: 7px;
  background: transparent;
  display: inline-block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  border-right: 2px solid #ff3366;
  border-top: 2px solid #ff3366;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.menu-style-7 > ul > li.menu-item::after {
  width: 7px;
  height: 7px;
  background: transparent;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  border-left: 2px solid #ff3366;
  border-bottom: 2px solid #ff3366;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.menu-style-7 > ul > li.menu-item:hover::before {
  opacity: 1;
  right: 5px;
  top: 5px;
}
.menu-style-7 > ul > li.menu-item:hover::after {
  opacity: 1;
  left: 5px;
  bottom: 5px;
}
.menu-style-7 > ul > li.menu-item:hover > a::before {
  opacity: 1;
  left: 5px;
  top: 5px;
}
.menu-style-7 > ul > li.menu-item:hover > a::after {
  opacity: 1;
  right: 5px;
  bottom: 5px;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
          Icon Element
*******************************/
.sq-icon .item-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sq-icon .item-child .mdi.mdi-24px:before {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  float: left;
}
.sq-icon .item-child .mdi:before,
.sq-icon .item-child .mdi-set {
  line-height: initial;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
          Link Element
*******************************/
.sq-link .item-child .mdi {
  display: inline-block;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
          Icon Element
*******************************/
.sq-search .mdi {
  display: flex;
}
.sq-search .mdi:before,
.sq-search .mdi-set {
  line-height: initial;
}
.sq-search form {
  position: relative;
}
.sq-search .input-text {
  width: 100%;
  transition: all 0.3s;
  text-overflow: ellipsis;
  border: 0;
  background: transparent;
}
.sq-search .input-text:focus {
  outline: none;
}
.sq-search .input-label {
  display: block;
  position: absolute;
  bottom: 90%;
  left: 10px;
  font-weight: normal;
  margin: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0) scale(1);
  transform: translate3d(0, 50%, 0) scale(1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0ms 300ms cubic-bezier(0.645, 0.045, 0.355, 1), z-index 0ms 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0ms 300ms cubic-bezier(0.645, 0.045, 0.355, 1), z-index 0ms 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0ms 300ms cubic-bezier(0.645, 0.045, 0.355, 1), z-index 0ms 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1), transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0ms 300ms cubic-bezier(0.645, 0.045, 0.355, 1), z-index 0ms 300ms cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.sq-search .input-text:placeholder-shown + .input-label {
  visibility: hidden;
  z-index: -1;
}
.sq-search .input-text:not(:placeholder-shown) + .input-label,
.sq-search .input-text:focus:not(:placeholder-shown) + .input-label {
  visibility: visible;
  z-index: 1;
  opacity: 0.5;
  /*-webkit-transform: translate3d(0, calc((50%) - (0.8rem * 0.8) - (2.1rem * 1.8)), 0) scale(0.8);
    transform: translate3d(0, calc((50%) - (0.8rem * 0.8) - (2.1rem * 1.8)), 0) scale(0.8);*/
  transform: translate3d(0, 0, 0) scale(0.8);
  -webkit-transition: visibility 0ms, z-index 0ms, -webkit-transform 300ms;
  transition: visibility 0ms, z-index 0ms, -webkit-transform 300ms;
  transition: transform 300ms, visibility 0ms, z-index 0ms;
  transition: transform 300ms, visibility 0ms, z-index 0ms, -webkit-transform 300ms;
}
.is-resized .input-text:not(:placeholder-shown) + .input-label,
.is-resized .input-text:focus:not(:placeholder-shown) + .input-label {
  opacity: 0;
}
form.floating-placeholder {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
        Button Element
*******************************/
.header-section .sq-button .item-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-section .sq-button .item-child .mdi:before,
.header-section .sq-button .item-child .mdi-set {
  line-height: initial;
}
.hb-section .sq-button .item-child {
  display: inline-block;
  box-shadow: none;
  transition: all 0.3s;
}
.hb-section .sq-button .item-child:hover {
  box-shadow: none;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
          Image Element
*******************************/
.sq-image img {
  vertical-align: middle;
  transition: all 0.2s;
  height: auto;
  max-width: 100%;
}
.sq-image a img {
  box-shadow: none;
}
.header-section .sq-image {
  /* SQ Image */
}
.header-section .sq-image .item-child {
  display: inline-block;
}
.header-section .sq-image .item-child img {
  vertical-align: middle;
  transition: all 0.2s;
  max-width: none;
}
.header-section .sq-image img {
  max-height: 100%;
  border: 0;
}
.hb-section .sq-image .item-child img {
  max-width: 100%;
  max-height: 100%;
}
.header-section.is-sticky.is-resized .sq-image img {
  max-height: 100%;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
         Text Element
*******************************/
.sq-text .item-child .mdi {
  display: inline-block;
}
.sq-text p {
  margin: initial;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
          Icon Element
*******************************/
.header-section .sq-shortcode .item-child .mdi {
  display: inline-block;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
      Separator Element
*******************************/
.sq-separator {
  margin: 0 auto;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
       Divider Element
*******************************/
.hb-widget-item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.hb-widget-item .sq-divider {
  min-width: 40px;
  line-height: 0;
  font-size: 0;
}
.hb-widget-item .sq-divider .sq-divider-separator {
  display: inline-block;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
       Spacer Element
*******************************/
.hb-widget-item {
  padding: 0;
}
.hb-widget-item .sq-spacer .sq-spacer-inner {
  min-width: 50px;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
     Accordion Element
*******************************/
.header-section .header-item .item.sq-accordion.is-full-height {
  width: 100%;
  height: auto;
}
.sq-accordion {
  border: 1px solid #e5e5e5;
  display: flex;
  flex-wrap: wrap;
}
.sq-accordion .sq-inner-acc {
  width: 100%;
  padding: 1em 0.75em;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  display: none;
  font-size: initial;
}
.sq-accordion .sq-inner-acc:last-child {
  border-bottom: none;
}
.sq-accordion .sq-toggle-acc {
  width: 100%;
  display: block;
  padding: 1em 0.75em;
  border-bottom: 1px solid #e5e5e5;
  transition: background 0.3s ease;
  cursor: pointer;
  font-size: initial;
}
.sq-accordion .sq-toggle-acc ~ .sq-toggle-acc:nth-last-of-type(2) {
  border-bottom: none;
}
.sq-accordion p {
  padding: 0;
  margin: 0;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
       Tabs Element
*******************************/
.hb-widget-item {
  padding: 0;
}
.sq-tabs {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.sq-tabs .sq-toggle-tab {
  font-size: initial;
  order: 1;
  display: block;
  padding: 1em 0.75em;
  cursor: pointer;
  border: 1px solid transparent;
}
.sq-tabs .sq-inner-tab {
  font-size: initial;
  opacity: 0;
  order: 99;
  flex-grow: 1;
  display: none;
  padding: 1em 0.75em;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.sq-tabs .sq-toggle-tab.active {
  cursor: pointer;
  position: relative;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.sq-tabs .sq-toggle-tab.active:before,
.sq-tabs .sq-toggle-tab.active:after {
  bottom: 0;
  height: 0;
  width: 999em;
  display: block;
  content: "";
  position: absolute;
  border-bottom: 1px solid #e5e5e5;
}
.sq-tabs .sq-toggle-tab.active:before {
  right: 100%;
}
.sq-tabs .sq-toggle-tab.active:after {
  left: 100%;
}
.sq-tabs .sq-toggle-tab.active + .sq-inner-tab {
  display: block;
  width: 100%;
  opacity: 1;
  animation: fade 0.35s;
}
/* Reset to accordion at lower resolution */
@media (max-width: 45em) {
  .sq-tabs {
    border: 1px solid #e5e5e5;
  }
  .sq-tabs .sq-inner-tab,
  .sq-tabs .sq-toggle-tab {
    order: initial;
  }
  .sq-tabs .sq-inner-tab {
    border-left: none;
    border-right: none;
  }
  .sq-tabs .sq-toggle-tab.active {
    border: none;
    border-bottom: 1px solid #e5e5e5;
  }
  .sq-tabs .sq-toggle-tab {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }
  .sq-tabs .sq-toggle-tab ~ .sq-toggle-tab:nth-last-of-type(2) {
    border-bottom: none;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
         Heading Element
*******************************/
.sq-heading .heading-title {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1;
  vertical-align: baseline;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
      Google Maps Element
*******************************/
.sq-map.item {
  line-height: 0;
}
.sq-map iframe {
  width: 100%;
  height: 100%;
  margin: 0;
}
.sq-map iframe.is-clicked {
  pointer-events: none;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
       SideMenu Element
*******************************/
.stax-sidemenu-wrapper {
  position: fixed;
  top: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  display: block;
  z-index: 10001;
  width: 300px;
}
.stax-sidemenu-wrapper .stax-sidemenu-close {
  position: absolute;
  top: 10px;
  color: #333;
  z-index: 103;
  cursor: pointer;
}
.stax-sidemenu-wrapper .stax-sidemenu-close:before {
  content: "\F156";
  font-family: 'Material Design Icons';
}
.stax-sidemenu-wrapper.sidemenu-left {
  left: -100%;
  transition: left 0.5s ease-out;
}
.stax-sidemenu-wrapper.sidemenu-left.sidemenu-open {
  left: 0;
}
.stax-sidemenu-wrapper.sidemenu-left .stax-sidemenu-close {
  right: 10px;
}
.stax-sidemenu-wrapper.sidemenu-right {
  right: -100%;
  transition: right 0.5s ease-out;
}
.stax-sidemenu-wrapper.sidemenu-right.sidemenu-open {
  right: 0;
}
.stax-sidemenu-wrapper.sidemenu-right .stax-sidemenu-close {
  left: 10px;
}
.stax-sidemenu-wrapper .sq-menu .has-submenu > .submenu {
  position: relative;
}
.stax-sidemenu-wrapper .sq-menu .menu-default > ul li {
  display: block;
  width: 100%;
}
.header-section .stax-sidemenu-wrapper .sq-menu .menu-default:not(.flexMenu) > ul {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.admin-bar .stax-sidemenu-wrapper {
  top: 32px;
}
.stax-sidemenu-trigger {
  cursor: pointer;
}
/* Importing module specific variables */
/* This is the single variable that controls them all */
/* The size of page text  */
/* I need this for non .ui.grid containers */
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/*-------------------
        Segment
--------------------*/
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*--------------
  Page Heading
---------------*/
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*----------------------
     Header Resize
-----------------------*/
/*----------------------
      Header Menu
-----------------------*/
/* height when the header is resized */
/*----------------------
      Header Section
-----------------------*/
/*----------------------
      Header Logo
-----------------------*/
/*----------------------
      Header Items
-----------------------*/
/*----------------------
    Header Elements
-----------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------------------------
     Activate older browser support
--------------------------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---   Neutrals  ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/* Icons Font Family */
/* Custom Icons Font Family */
/*-------------------
     Neutral Text
--------------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Line Height Default For Inputs in Browser */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/*-------------------
     Breakpoints
--------------------*/
/* Responsive */
/* New custom inline declaration based on existent UI variables */
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*-------------------
        Focus
--------------------*/
/*-------------------
    Down (:active)
--------------------*/
/*-------------------
        Active
--------------------*/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*---------------------------------
    *** SITE COLOR VARIABLE ***
----------------------------------*/
/* HEADER COLOR VARIABLE */
/* SIDEBAR COLOR VARIABLE */
/* FOOTER COLOR VARIABLE */
/*-------------------
    OTHER ELEMENTS
--------------------*/
/*--------------------------
          Animation
---------------------------*/
/* scroll down */
/* scroll up */
/* recommended */
/*******************************
       MegaMenu Element
*******************************/
.stax-megamenu-wrapper {
  display: none;
  position: absolute;
  top: 100%;
}
.stax-megamenu-wrapper .stax-megamenu-close {
  display: none;
  position: absolute;
  right: 0;
  color: #fff;
  background: #000;
  padding: 0 5px;
  cursor: pointer;
}
.stax-megamenu-wrapper .stax-megamenu-close:before {
  content: "\F156";
  font-family: 'Material Design Icons';
}
.stax-megamenu-wrapper.megamenu-open {
  display: block;
}
.stax-megamenu-wrapper.megamenu-open.megamenu-show-close .stax-megamenu-close {
  display: block;
}
.stax-megamenu-trigger {
  cursor: pointer;
}