@import url(get-font-url("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif));
@import url(get-font-url("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif));
.g-main-nav .g-standard .g-dropdown {
  width: 180px;
}

.g-content {
  margin: 0.625rem;
  padding: 0.938rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}

body {
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 1.9rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.15rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.85rem;
}

small {
  font-size: 0.875rem;
}

cite {
  font-size: 0.875rem;
}

sub,
sup {
  font-size: 0.75rem;
}

code,
kbd,
pre,
samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}

textarea, select[multiple=multiple], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input:not([type]), textarea {
  border-radius: 0.1875rem;
}

body {
  color: #666666;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#g-page-surround {
  background: #ffffff;
}

@media print {
  #g-page-surround {
    background: #fff !important;
    color: #000 !important;
  }
}
a {
  color: #439A86;
}
a:hover {
  color: rgb(30%, 30%, 30%);
}

h1, h2, h3, h4, h5, h6, strong {
  color: rgb(30%, 30%, 30%);
}

.button {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 0.1875rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background: #439A86;
  color: #ffffff;
  border: 0;
  line-height: 1.5;
  font-size: 1rem;
  vertical-align: middle;
  text-shadow: none;
  transition: background 0.1s;
}
.button:hover {
  background: rgb(29.3061840121%, 67.3604826546%, 58.6123680241%);
  color: #ffffff;
}
.button:active, .button:focus {
  background: rgb(23.2428355958%, 53.4238310709%, 46.4856711916%);
  box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  outline: 0;
}
.button:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.button:disabled:hover {
  background: #439A86;
}

.gantry-logo {
  display: inline-block;
}
@media only all and (max-width: 47.99rem) {
  .gantry-logo {
    display: block;
    text-align: center;
  }
}
.gantry-logo img {
  width: 150px;
}

.logo-large {
  display: inline-block;
}

@font-face {
  font-family: get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif);
  font-style: normal;
  font-weight: get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif));
  src: url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).eot?#iefix') format("embedded-opentype"), url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).woff2') format("woff2"), url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).woff') format("woff"), url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).ttf') format("truetype"), url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).svg#get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif)') format("svg");
}
@font-face {
  font-family: get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif);
  font-style: normal;
  font-weight: get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif));
  src: url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).eot?#iefix') format("embedded-opentype"), url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).woff2') format("woff2"), url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).woff') format("woff"), url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).ttf') format("truetype"), url('get-local-font-url(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif), get-local-font-weights(get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif))).svg#get-local-fonts("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif)') format("svg");
}
body {
  font-family: get-font-family("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif);
  font-weight: 400;
}

h1, h2, h3, h4, h5 {
  font-family: get-font-family("roboto", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif);
  font-weight: 500;
}

bold, strong {
  font-weight: 700;
}

.button {
  font-weight: 500;
}

blockquote {
  border-left: 10px solid #F0F2F4;
}
blockquote p {
  font-size: 1.1rem;
  color: #999999;
}
blockquote cite {
  display: block;
  text-align: right;
  color: #666666;
  font-size: 1.2rem;
}

code {
  background: #f9f2f4;
  color: rgb(61.1748089066%, 11.3742107012%, 23.9780658026%);
}

pre {
  padding: 1rem;
  margin: 2rem 0;
  background: #f6f6f6;
  border: 1px solid #dddddd;
  border-radius: 0.1875rem;
  line-height: 1.15;
  font-size: 0.9rem;
}
pre code {
  color: #237794;
  background: inherit;
  font-size: 0.9rem;
}

hr {
  border-bottom: 4px solid #F0F2F4;
}

#g-navigation {
  background: #439a86;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 2;
}
#g-navigation .g-container {
  position: relative;
}
#g-navigation a {
  color: rgb(76.7722473605%, 89.8944193062%, 86.8778280543%);
}
#g-navigation a:hover {
  color: #ffffff;
}
#g-navigation .g-social a {
  background: rgb(22.6365007541%, 52.0301659125%, 45.2730015083%);
  border: none;
  text-decoration: none;
  color: #ffffff;
  transition: background 0.2s;
}
#g-navigation .g-social a:hover {
  background: rgb(29.9125188537%, 68.754147813%, 59.8250377074%);
}
#g-navigation .g-main-nav {
  margin: -1.563rem;
}
#g-navigation .g-main-nav h1, #g-navigation .g-main-nav h2, #g-navigation .g-main-nav h3, #g-navigation .g-main-nav h4, #g-navigation .g-main-nav h5, #g-navigation .g-main-nav h6, #g-navigation .g-main-nav strong {
  color: #ffffff;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #ffffff;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: rgb(22.6365007541%, 52.0301659125%, 45.2730015083%);
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #ffffff;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #666666;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: rgb(22.6365007541%, 52.0301659125%, 45.2730015083%);
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container {
  color: #ffffff;
}
#g-navigation .g-main-nav .g-dropdown {
  background: rgb(22.6365007541%, 52.0301659125%, 45.2730015083%);
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #ffffff;
}
#g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: rgb(20.2111613876%, 46.455505279%, 40.4223227753%);
}
#g-navigation .g-main-nav .g-toplevel {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  -webkit-justify-content: center;
}
#g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid rgb(29.9125188537%, 68.754147813%, 59.8250377074%);
  background: rgb(23.8491704374%, 54.8174962293%, 47.6983408748%);
}
#g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: rgb(21.4238310709%, 49.2428355958%, 42.8476621418%);
}
#g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-navigation .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-navigation .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  color: #ffffff;
}
#g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid rgb(29.9125188537%, 68.754147813%, 59.8250377074%);
  background: rgb(23.8491704374%, 54.8174962293%, 47.6983408748%);
}
#g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: rgb(21.4238310709%, 49.2428355958%, 42.8476621418%);
}
#g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.1875rem;
  padding: 0.1rem;
  margin-top: -0.1rem;
  margin-right: -0.1rem;
}
#g-navigation .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-navigation .search input {
  color: #666666;
}

.g-main-nav .g-toplevel {
  font-weight: 500;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  text-decoration: none;
  padding: 1.2rem 0.938rem;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  line-height: normal;
}
.g-main-nav .g-toplevel i {
  opacity: 0.6;
}
.g-main-nav .g-dropdown {
  text-align: left;
}
.dir-rtl .g-main-nav .g-dropdown {
  text-align: right;
}
.g-main-nav .g-sublevel > li > .g-menu-item-container {
  padding: 0.7815rem 1rem;
}

#g-navigation .align-left .g-toplevel, #g-header .align-left .g-toplevel {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
#g-navigation .align-right .g-toplevel, #g-header .align-right .g-toplevel {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.g-menu-item-subtitle {
  opacity: 0.7;
}

.g-nav-overlay, .g-menu-overlay {
  background: rgba(0, 0, 0, 0.4);
}

@media print {
  #g-navigation {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-offcanvas {
  background: #354D59;
  width: 17rem;
  color: #ffffff;
}
#g-offcanvas a {
  color: rgb(72.2259044463%, 79.7155481911%, 83.4603700635%);
}
#g-offcanvas a:hover {
  color: #ffffff;
}
#g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong {
  color: #ffffff;
}
#g-offcanvas .button {
  background: #8F4DAE;
  color: #ffffff;
}
#g-offcanvas .button:hover {
  background: rgb(60.5999531287%, 36.5221467073%, 71.9092258417%);
}
#g-offcanvas .button:active {
  background: rgb(50.3812202172%, 27.1283493477%, 61.3030232013%);
}

.g-offcanvas-toggle {
  font-size: 1.5rem;
  color: #ffffff;
  display: none;
}
@media only all and (max-width: 48rem) {
  .g-offcanvas-toggle {
    display: block;
  }
}

#g-offcanvas #g-mobilemenu-container ul {
  background: #354D59;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
  color: #ffffff;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: rgb(23.8491704374%, 54.8174962293%, 47.6983408748%);
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #ffffff;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid rgb(29.9125188537%, 68.754147813%, 59.8250377074%);
  background: rgb(23.8491704374%, 54.8174962293%, 47.6983408748%);
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: rgb(21.4238310709%, 49.2428355958%, 42.8476621418%);
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-offcanvas #g-mobilemenu-container ul .g-dropdown-column {
  width: 17rem;
}

#g-mobilemenu-container {
  margin: -1.563rem;
}

@media print {
  #g-offcanvas {
    background: #fff !important;
    color: #000 !important;
  }
}
.g-offcanvas-open .g-offcanvas-left #g-page-surround {
  left: 17rem;
}
.g-offcanvas-open .g-offcanvas-right #g-page-surround {
  right: 17rem;
}

#g-header {
  background: #439A86;
  color: #ffffff;
  position: relative;
  z-index: 3;
}
#g-header a {
  color: rgb(76.7722473605%, 89.8944193062%, 86.8778280543%);
}
#g-header a:hover {
  color: #ffffff;
}
#g-header .g-main-nav h1, #g-header .g-main-nav h2, #g-header .g-main-nav h3, #g-header .g-main-nav h4, #g-header .g-main-nav h5, #g-header .g-main-nav h6, #g-header .g-main-nav strong {
  color: #ffffff;
}
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #ffffff;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: rgb(22.6365007541%, 52.0301659125%, 45.2730015083%);
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #ffffff;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: #666666;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: rgb(22.6365007541%, 52.0301659125%, 45.2730015083%);
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected > .g-menu-item-container {
  color: #ffffff;
}
#g-header .g-main-nav .g-dropdown {
  background: rgb(22.6365007541%, 52.0301659125%, 45.2730015083%);
}
#g-header .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #ffffff;
}
#g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-header .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: rgb(20.2111613876%, 46.455505279%, 40.4223227753%);
}
#g-header .g-main-nav .g-toplevel {
  display: flex;
  flex-flow: row wrap;
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid rgb(29.9125188537%, 68.754147813%, 59.8250377074%);
  background: rgb(23.8491704374%, 54.8174962293%, 47.6983408748%);
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: rgb(21.4238310709%, 49.2428355958%, 42.8476621418%);
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-header .g-menu-hastouch .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-header .g-menu-hastouch .g-toplevel > li.active.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  color: #ffffff;
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid rgb(29.9125188537%, 68.754147813%, 59.8250377074%);
  background: rgb(23.8491704374%, 54.8174962293%, 47.6983408748%);
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: rgb(21.4238310709%, 49.2428355958%, 42.8476621418%);
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.1875rem;
  padding: 0.1rem;
  margin-top: -0.1rem;
  margin-right: -0.1rem;
}
#g-header .g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:after {
  text-align: center;
}
#g-header .search input {
  color: #666666;
}

@media print {
  #g-header {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-showcase {
  padding: 1.5rem 0;
  background-color: #354D59;
  color: #ffffff;
}
#g-showcase a {
  color: rgb(72.2259044463%, 79.7155481911%, 83.4603700635%);
}
#g-showcase a:hover {
  color: #ffffff;
}
#g-showcase h1, #g-showcase h2, #g-showcase h3, #g-showcase h4, #g-showcase h5, #g-showcase h6, #g-showcase strong {
  color: #ffffff;
}
#g-showcase .button {
  background: #8F4DAE;
  color: #ffffff;
}
#g-showcase .button:hover {
  background: rgb(60.5999531287%, 36.5221467073%, 71.9092258417%);
}
#g-showcase .button:active {
  background: rgb(50.3812202172%, 27.1283493477%, 61.3030232013%);
}
#g-showcase .g-social a {
  background: rgb(16.3054404861%, 23.6890361779%, 27.3808340238%);
  border: none;
  color: #ffffff;
  transition: background 0.2s;
}
#g-showcase .g-social a:hover {
  background: rgb(25.2631869649%, 36.7031206849%, 42.4230875449%);
}

@media print {
  #g-showcase {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-feature {
  padding: 1.5rem 0;
  background: #ffffff;
  color: #666666;
}

@media print {
  #g-feature {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-subfeature {
  padding: 1.5rem 0;
  background: #f0f0f0;
  color: #666666;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

@media print {
  #g-subfeature {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-page-surround {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

#g-main {
  padding: 1.5rem 0;
  background: #ffffff;
  color: #666666;
}

@media print {
  #g-main {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-sidebar, #g-aside {
  padding: 1.5rem 0;
  color: #666666;
}

@media print {
  #g-sidebar {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-footer {
  background: #ffffff;
  color: #666666;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
@media only all and (max-width: 47.99rem) {
  #g-footer {
    text-align: center;
  }
}

@media print {
  #g-footer {
    background: #fff !important;
    color: #000 !important;
  }
}
.flush .g-container > .g-grid > .g-block > .g-content {
  margin: 0;
  padding: 0;
}

.moduletable[class*=box], .moduletable[class*=shadow], .widget[class*=box], .widget[class*=shadow] {
  padding: 0.938rem;
  margin: 0.625rem;
}

.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content {
  background: #ffffff;
}
.box1.moduletable, .box1.moduletable h1, .box1.moduletable h2, .box1.moduletable h3, .box1.moduletable h4, .box1.moduletable h5, .box1.moduletable h6, .box1.moduletable strong, .box1.moduletable i, .box1.widget, .box1.widget h1, .box1.widget h2, .box1.widget h3, .box1.widget h4, .box1.widget h5, .box1.widget h6, .box1.widget strong, .box1.widget i, .box1 > .g-content, .box1 > .g-content h1, .box1 > .g-content h2, .box1 > .g-content h3, .box1 > .g-content h4, .box1 > .g-content h5, .box1 > .g-content h6, .box1 > .g-content strong, .box1 > .g-content i {
  color: rgb(35%, 35%, 35%);
}

.box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content {
  background: #e0e0e0;
}
.box2.moduletable, .box2.moduletable h1, .box2.moduletable h2, .box2.moduletable h3, .box2.moduletable h4, .box2.moduletable h5, .box2.moduletable h6, .box2.moduletable strong, .box2.moduletable i, .box2.widget, .box2.widget h1, .box2.widget h2, .box2.widget h3, .box2.widget h4, .box2.widget h5, .box2.widget h6, .box2.widget strong, .box2.widget i, .box2 > .g-content, .box2 > .g-content h1, .box2 > .g-content h2, .box2 > .g-content h3, .box2 > .g-content h4, .box2 > .g-content h5, .box2 > .g-content h6, .box2 > .g-content strong, .box2 > .g-content i {
  color: rgb(42.8431372549%, 42.8431372549%, 42.8431372549%);
}

.box3.moduletable, .box3.widget, .box3.g-outer-box,
.box3 > .g-content {
  background: #439A86;
}
.box3.moduletable, .box3.moduletable h1, .box3.moduletable h2, .box3.moduletable h3, .box3.moduletable h4, .box3.moduletable h5, .box3.moduletable h6, .box3.moduletable strong, .box3.moduletable i, .box3.widget, .box3.widget h1, .box3.widget h2, .box3.widget h3, .box3.widget h4, .box3.widget h5, .box3.widget h6, .box3.widget strong, .box3.widget i, .box3 > .g-content, .box3 > .g-content h1, .box3 > .g-content h2, .box3 > .g-content h3, .box3 > .g-content h4, .box3 > .g-content h5, .box3 > .g-content h6, .box3 > .g-content strong, .box3 > .g-content i {
  color: #ffffff;
}
.box3.moduletable a, .box3.widget a, .box3 > .g-content a {
  color: rgb(69.8039215686%, 86.862745098%, 82.9411764706%);
}
.box3.moduletable a:hover, .box3.widget a:hover, .box3 > .g-content a:hover {
  color: #ffffff;
}
.box3.moduletable .button, .box3.widget .button, .box3 > .g-content .button {
  color: white;
  background: rgb(34.9622926094%, 71.7043740573%, 63.257918552%);
}
.box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover {
  background: rgb(41.9306184012%, 74.7360482655%, 67.1945701357%);
}

.box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content {
  background: #8F4DAE;
}
.box4.moduletable, .box4.moduletable h1, .box4.moduletable h2, .box4.moduletable h3, .box4.moduletable h4, .box4.moduletable h5, .box4.moduletable h6, .box4.moduletable strong, .box4.moduletable i, .box4.widget, .box4.widget h1, .box4.widget h2, .box4.widget h3, .box4.widget h4, .box4.widget h5, .box4.widget h6, .box4.widget strong, .box4.widget i, .box4 > .g-content, .box4 > .g-content h1, .box4 > .g-content h2, .box4 > .g-content h3, .box4 > .g-content h4, .box4 > .g-content h5, .box4 > .g-content h6, .box4 > .g-content strong, .box4 > .g-content i {
  color: #ffffff;
}
.box4.moduletable a, .box4.widget a, .box4 > .g-content a {
  color: rgb(86.4166861964%, 78.1157722053%, 90.3156003437%);
}
.box4.moduletable a:hover, .box4.widget a:hover, .box4 > .g-content a:hover {
  color: #ffffff;
}
.box4.moduletable .button, .box4.widget .button, .box4 > .g-content .button {
  color: rgb(95.0222638856%, 91.980314038%, 96.4510585111%);
  background: rgb(69.2055308179%, 50.38668854%, 78.0446840091%);
}
.box4.moduletable .button:hover, .box4.widget .button:hover, .box4 > .g-content .button:hover {
  background: rgb(64.9027419733%, 43.4544176236%, 74.9769549254%);
}

.shadow.moduletable, .shadow.widget, .shadow.g-outer-box, .shadow > .g-content {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.shadow2.moduletable, .shadow2.widget, .shadow2.g-outer-box, .shadow2 > .g-content {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.disabled.moduletable, .disabled.widget, .disabled.g-outer-box, .disabled > .g-content {
  opacity: 0.4;
}

.square.moduletable, .square.widget, .square.g-outer-box, .square > .g-content {
  border-radius: none;
}

.rounded.moduletable, .rounded.widget, .rounded.g-outer-box, .rounded > .g-content {
  border-radius: 0.1875rem;
}

table {
  border: 1px solid rgb(91.6666666667%, 91.6666666667%, 91.6666666667%);
}

th {
  background: rgb(96.6666666667%, 96.6666666667%, 96.6666666667%);
  padding: 0.5rem;
}

td {
  padding: 0.5rem;
  border: 1px solid rgb(91.6666666667%, 91.6666666667%, 91.6666666667%);
}

textarea, select[multiple=multiple] {
  background-color: white;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
}
textarea:hover, select[multiple=multiple]:hover {
  border-color: rgb(76.6666666667%, 76.6666666667%, 76.6666666667%);
}
textarea:focus, select[multiple=multiple]:focus {
  border-color: #439A86;
}

input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input:not([type]), textarea {
  background-color: white;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
}

input[type=color]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, input:not([type]):hover, textarea:hover {
  border-color: rgb(76.6666666667%, 76.6666666667%, 76.6666666667%);
}

input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input:not([type]):focus, textarea:focus {
  border-color: #439A86;
}

.g-social a {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  background: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 0.1875rem;
  margin-bottom: 4px;
  text-decoration: none;
}

.sample-content {
  text-align: center;
}
.sample-content .subtitle {
  text-transform: uppercase;
  font-size: 0.8rem;
  display: block;
  margin-top: -1.3rem;
}
.sample-content .sample-icons {
  font-size: 5rem;
  color: #439A86;
  opacity: 0.6;
}
.sample-content .sample-description {
  font-size: 1.2rem;
}
@media only all and (min-width: 48rem) {
  .sample-content .device-promo {
    width: 356px;
    height: 203px;
    position: relative;
    float: right;
    margin-left: 3rem;
    margin-bottom: 1rem;
  }
  .sample-content .device-promo .macbook {
    width: 356px;
    height: 203px;
    position: absolute;
    z-index: 1;
    background: url(gantry-theme://images/macbook.png);
  }
  .sample-content .device-promo .macbook .macbook-color {
    position: absolute;
    width: 206px;
    height: 118px;
    left: 37px;
    top: 56px;
    background: #ccc;
  }
  .sample-content .device-promo .ipad {
    width: 356px;
    height: 203px;
    position: absolute;
    z-index: 2;
    background: url(gantry-theme://images/ipad.png);
  }
  .sample-content .device-promo .ipad .ipad-color {
    position: absolute;
    width: 111px;
    height: 163px;
    right: 27px;
    top: 20px;
    background: #439A86;
  }
  .sample-content .device-promo .iphone {
    width: 356px;
    height: 203px;
    position: absolute;
    z-index: 3;
    background: url(gantry-theme://images/iphone.png);
  }
  .sample-content .device-promo .iphone .iphone-color {
    position: absolute;
    width: 46px;
    height: 75px;
    right: 4px;
    top: 112px;
    background: #8F4DAE;
  }
}
.sample-content .middle {
  text-align: center;
}
.sample-content .fa-github-square {
  color: #ddd;
  margin-top: 1.5rem;
  font-size: 10rem;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .sample-content .fa-github-square {
    font-size: 8rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .sample-content .fa-github-square {
    float: none !important;
    margin-right: 0;
  }
}
.sample-content .info-box {
  background: rgb(96%, 96%, 96%);
  border: 1px solid rgb(90%, 90%, 90%);
  padding: 0.938rem;
  border-radius: 0.1875rem;
  margin-bottom: 4rem;
}
.sample-content .fa-graduation-cap {
  color: rgb(85%, 85%, 85%);
  margin: 1rem 2rem 1rem 1rem;
  font-size: 6rem;
}

@media only all and (min-width: 60rem) {
  #g-showcase .sample-description {
    padding: 0 6rem;
  }
}
@media only all and (min-width: 60rem) {
  #g-subfeature .sample-content .g-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only all and (min-width: 48rem) {
  #g-main .sample-content {
    text-align: inherit;
  }
}
.g-content-array {
  margin-left: -0.938rem;
  margin-right: -0.938rem;
}
.g-content-array .g-grid {
  margin-bottom: 2.3445rem;
}
.g-content-array .g-grid:last-child {
  margin-bottom: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-grid:last-child .g-block:last-child .g-array-item {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-grid {
    margin-bottom: 0;
  }
}
.g-content-array .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-array-item {
    margin-bottom: 2.3445rem;
  }
}
.g-content-array .g-array-item-image {
  margin: 0 0 15px 0;
}
.g-content-array .g-item-title {
  margin: 0;
}
.g-content-array .g-array-item-details, .g-content-array .g-array-item-text, .g-content-array .g-array-item-read-more {
  margin: 15px 0 0;
}
.g-content-array .g-array-item-details {
  font-size: 90%;
}
.g-content-array .g-array-item-details > span {
  margin-right: 10px;
}
.g-content-array .g-array-item-details i {
  margin-right: 5px;
}

.g-main-nav .g-standard .g-dropdown {
  transition: none;
}
.g-main-nav .g-standard .g-fade.g-dropdown {
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.g-main-nav .g-standard .g-zoom.g-active {
  animation-duration: 0.3s;
  animation-name: g-dropdown-zoom;
}
.g-main-nav .g-standard .g-fade-in-up.g-active {
  animation-duration: 0.3s;
  animation-name: g-dropdown-fade-in-up;
}
.g-main-nav .g-fullwidth > .g-dropdown {
  transition: none;
}
.g-main-nav .g-fullwidth > .g-fade.g-dropdown {
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.g-main-nav .g-fullwidth > .g-zoom.g-active {
  animation-duration: 0.3s;
  animation-name: g-dropdown-zoom;
}
.g-main-nav .g-fullwidth > .g-fade-in-up.g-active {
  animation-duration: 0.3s;
  animation-name: g-dropdown-fade-in-up;
}

@keyframes g-dropdown-zoom {
  0% {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-dropdown-fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
  }
}
.g-offline #grav-login {
  max-width: 36rem;
}
.g-offline #grav-login .form-actions {
  margin-top: 0.625rem;
}
@media only all and (max-width: 47.99rem) {
  .g-offline #grav-login .form-actions {
    text-align: center;
  }
}
.g-offline #grav-login .button {
  text-transform: capitalize;
}
@media only all and (max-width: 47.99rem) {
  .g-offline #grav-login .rememberme {
    float: none;
    display: block;
  }
}

.g-container {
  width: 75rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-container {
    width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-container {
    width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .g-container {
    width: 30rem;
  }
}
@media only all and (max-width: 30rem) {
  .g-container {
    width: 100%;
  }
}
.g-container.g-flushed {
  width: 100%;
}

@media only all and (max-width: 47.99rem) {
  .g-block {
    flex-grow: 0;
    flex-basis: 100%;
  }
}

@media only all and (max-width: 47.99rem) {
  body [class*=size-] {
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media only all and (max-width: 47.99rem) {
  @supports not (flex-wrap: wrap) {
    .g-grid {
      display: block;
      flex-wrap: inherit;
    }
    .g-block {
      display: block;
      flex: inherit;
    }
  }
}
.visible-large,
.visible-desktop,
.visible-tablet,
.visible-phone,
.g-block.visible-large,
.g-block.visible-desktop,
.g-block.visible-tablet,
.g-block.visible-phone {
  display: none !important;
}

@media only all and (max-width: 47.99rem) {
  .visible-phone {
    display: block !important;
  }
  .g-block.visible-phone {
    display: block !important;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .visible-tablet {
    display: block !important;
  }
  .g-block.visible-tablet {
    display: block !important;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (min-width: 75rem) {
  .visible-large {
    display: block !important;
  }
  .g-block.visible-large {
    display: block !important;
  }
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (max-width: 47.99rem) {
  .hidden-phone {
    display: none !important;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .hidden-tablet {
    display: none !important;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (min-width: 75rem) {
  .hidden-large {
    display: none !important;
  }
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (max-width: 47.99rem) {
  .align-right {
    text-align: inherit !important;
  }
  .align-left {
    text-align: inherit !important;
  }
}

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