@charset "utf-8";/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.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]) {
  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: #3180c2;
}
a:hover {
  color: #4d4d4d;
}
h1, h2, h3, h4, h5, h6, strong {
  color: #4d4d4d;
}
.button {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 0.1875rem;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background: #3180c2;
  color: #ffffff;
  border: 0;
  line-height: 1.5;
  font-size: 1rem;
  vertical-align: middle;
  text-shadow: none;
  transition: background 0.1s;
}
.button:hover {
  background: #3e8dce;
  color: #ffffff;
}
.button:active, .button:focus {
  background: #2c73ae;
  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: #3180c2;
}
.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: "roboto";
  font-style: normal;
  font-weight: 400;
  src: url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot#iefix') format("embedded-opentype"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff2') format("woff2"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff') format("woff"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format("truetype"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#roboto') format("svg");font-display:swap;}
@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 500;
  src: url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_medium_macroman/Roboto-Medium-webfont.eot#iefix') format("embedded-opentype"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff2') format("woff2"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_medium_macroman/Roboto-Medium-webfont.woff') format("woff"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format("truetype"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_medium_macroman/Roboto-Medium-webfont.svg#roboto') format("svg");font-display:swap;}
@font-face {
  font-family: "roboto";
  font-style: normal;
  font-weight: 700;
  src: url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_bold_macroman/Roboto-Bold-webfont.eot#iefix') format("embedded-opentype"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff2') format("woff2"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_bold_macroman/Roboto-Bold-webfont.woff') format("woff"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format("truetype"), url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/fonts/roboto_bold_macroman/Roboto-Bold-webfont.svg#roboto') format("svg");font-display:swap;}
body {
  font-family: "roboto", sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5 {
  font-family: "roboto", 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: #999;
}
blockquote cite {
  display: block;
  text-align: right;
  color: #666666;
  font-size: 1.2rem;
}
code {
  background: #f9f2f4;
  color: #9c1d3d;
}
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: #3180c2;
  color: #ffffff;
  text-align: center;
  position: relative;
  z-index: 2;
}
#g-navigation .g-container {
  position: relative;
}
#g-navigation a {
  color: #cde1f2;
}
#g-navigation a:hover {
  color: #ffffff;
}
#g-navigation .g-social a {
  background: #2b70aa;
  border: none;
  text-decoration: none;
  color: #ffffff;
  transition: background 0.2s;
}
#g-navigation .g-social a:hover {
  background: #428fcf;
}
#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: #2b70aa;
}
#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: #2b70aa;
}
#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: #2b70aa;
}
#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: #276599;
}
#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 #428fcf;
  background: #2d75b2;
  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:hover {
  background: #296ba1;
}
#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 #428fcf;
  background: #2d75b2;
  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:hover, #g-navigation .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #296ba1;
}
#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: #142d53;
  width: 17rem;
  color: #ffffff;
}
#g-offcanvas a {
  color: #85a9e1;
}
#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: #ef6c00;
  color: #ffffff;
}
#g-offcanvas .button:hover {
  background: #ff780a;
}
#g-offcanvas .button:active {
  background: #d66000;
}
.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: #142d53;
}
#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: #2d75b2;
}
#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 #428fcf;
  background: #2d75b2;
  border-radius: 0.1875rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #296ba1;
}
#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: #1867a9;
  color: #ffffff;
  position: relative;
  z-index: 3;
}
#g-header a {
  color: #9ccaf1;
}
#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: #14578e;
}
#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: #14578e;
}
#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: #14578e;
}
#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: #124c7c;
}
#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 #1c77c4;
  background: #155c97;
  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:hover {
  background: #135185;
}
#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 #1c77c4;
  background: #155c97;
  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:hover, #g-header .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #135185;
}
#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: #142d53;
  color: #ffffff;
}
#g-showcase a {
  color: #85a9e1;
}
#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: #ef6c00;
  color: #ffffff;
}
#g-showcase .button:hover {
  background: #ff780a;
}
#g-showcase .button:active {
  background: #d66000;
}
#g-showcase .g-social a {
  background: #0e203a;
  border: none;
  color: #ffffff;
  transition: background 0.2s;
}
#g-showcase .g-social a:hover {
  background: #1a3a6c;
}
@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: #595959;
}
.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: #6d6d6d;
}
.box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content {
  background: #3180c2;
}
.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: #b8d5ed;
}
.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: #5399d3;
}
.box3.moduletable .button:hover, .box3.widget .button:hover, .box3 > .g-content .button:hover {
  background: #67a5d9;
}
.box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content {
  background: #ef6c00;
}
.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: #ffcca3;
}
.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: #ffe8d6;
  background: #ff943d;
}
.box4.moduletable .button:hover, .box4.widget .button:hover, .box4 > .g-content .button:hover {
  background: #ff8623;
}
.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 #eaeaea;
}
th {
  background: #f7f7f7;
  padding: 0.5rem;
}
td {
  padding: 0.5rem;
  border: 1px solid #eaeaea;
}
textarea, select[multiple=multiple] {
  background-color: white;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
}
textarea:hover, select[multiple=multiple]:hover {
  border-color: #c4c4c4;
}
textarea:focus, select[multiple=multiple]:focus {
  border-color: #3180c2;
}
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 rgba(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: #c4c4c4;
}
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: #3180c2;
}
.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: #3180c2;
  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('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/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('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/images/ipad.png');
  }
  .sample-content .device-promo .ipad .ipad-color {
    position: absolute;
    width: 111px;
    height: 163px;
    right: 27px;
    top: 20px;
    background: #3180c2;
  }
  .sample-content .device-promo .iphone {
    width: 356px;
    height: 203px;
    position: absolute;
    z-index: 3;
    background: url('https://www.clubhipotecario.com.mx/templates/g5_hydrogen/images/iphone.png');
  }
  .sample-content .device-promo .iphone .iphone-color {
    position: absolute;
    width: 46px;
    height: 75px;
    right: 4px;
    top: 112px;
    background: #ef6c00;
  }
}
.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: whitesmoke;
  border: 1px solid #e6e6e6;
  padding: 0.938rem;
  border-radius: 0.1875rem;
  margin-bottom: 4rem;
}
.sample-content .fa-graduation-cap {
  color: #d9d9d9;
  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_41.css.map */
/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.alert {
  border-radius: 0.1875rem;
  padding: 0.938rem;
  margin-bottom: 1.5rem;
  text-shadow: none;
}
.alert {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
}
.alert, .alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger, .alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-danger h4, .alert-error h4 {
  color: #b94a48;
}
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p, .alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
legend {
  font-size: 1.3rem;
  line-height: 1.5;
}
legend small {
  font-size: 0.8rem;
}
.input-prepend > .add-on, .input-append > .add-on {
  line-height: 1.5;
}
.btn-primary {
  background: #3180c2;
  color: #ffffff;
  text-shadow: none;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-primary:hover {
  background: #3e8dce;
  color: #ffffff;
}
.btn-primary:active, .btn-primary:focus {
  background: #2c73ae;
  box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.15);
  color: #ffffff;
}
.btn-group > .btn + .dropdown-toggle {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.btn-group.open .btn-primary.dropdown-toggle {
  background: #2c73ae;
  color: #ffffff;
  box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.15);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  background-image: none;
  background-color: #3180c2;
}
.btn-link {
  color: #3180c2;
}
.list-striped, .row-striped {
  border-top: 1px solid #dddddd;
}
.list-striped li, .list-striped dd, .row-striped .row, .row-striped .row-fluid {
  border-bottom: 1px solid #dddddd;
}
.list-striped li:nth-child(odd), .list-striped dd:nth-child(odd), .row-striped .row:nth-child(odd), .row-striped .row-fluid:nth-child(odd) {
  background-color: #fcfcfc;
}
.list-striped li:hover, .list-striped dd:hover, .row-striped .row:hover, .row-striped .row-fluid:hover {
  background-color: #f2f2f2;
}
.list-bordered, .row-bordered {
  border: 1px solid #dddddd;
}
.row-even, .row-odd {
  border-bottom: 1px solid #dddddd;
}
.row-even {
  background-color: #fcfcfc;
}
.iframe-bordered {
  border: 1px solid #dddddd;
}
blockquote {
  border-left: 5px solid #dddddd;
}
blockquote small {
  color: #999;
}
blockquote.pull-right {
  border-right: 5px solid #dddddd;
}
code, pre {
  color: #666666;
  background-color: #f2f2f2;
  border: 1px solid #dddddd;
}
legend {
  color: #333333;
}
legend small {
  color: #999999;
}
.input-prepend .chzn-container-single .chzn-single, .input-append .chzn-container-single .chzn-single {
  border-color: #dddddd;
}
.input-prepend .chzn-container-single .chzn-drop, .input-append .chzn-container-single .chzn-drop {
  border-color: #dddddd;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border 0.2s linear, box-shadow 0.2s linear;
}
#g-header .search form, #g-navigation .search form {
  margin-bottom: 0;
}
#g-header .search input, #g-navigation .search input {
  margin-bottom: 0;
  border: 0;
}
#login-form .input-prepend > .add-on {
  color: #666666;
  height: 2.1rem;
}
#login-form input[type="text"], #login-form input[type="password"] {
  color: #666666;
  height: 1.25rem;
}
#login-form .controls .input-append .btn {
  line-height: 26px;
  height: 2.15rem;
}
.view-mailto #g-page-surround, .body-only #g-page-surround {
  box-shadow: none;
}
.controls .input-append .btn {
  font-size: 14px;
  line-height: 20px;
  height: 33px;
}
.nav-tabs.nav-dark {
  border-bottom: 1px solid #333;
  text-shadow: 1px 1px 1px #000;
}
.nav-tabs.nav-dark > li > a {
  color: #F8F8F8;
}
.nav-tabs.nav-dark > li > a:hover {
  border-color: #333 #333 #111;
  background-color: #777777;
}
.nav-tabs.nav-dark > .active > a, .nav-tabs.nav-dark > .active > a:hover {
  color: #ffffff;
  background-color: #555555;
  border: 1px solid #222;
}
.tip-wrap {
  color: #fff;
  background-color: #000;
}
.search span.highlight {
  background-color: #fcfcfc;
}
.img-polaroid {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.muted {
  color: #999999;
}
a.muted:hover, a.muted:focus {
  color: #808080;
}
.alert {
  background-color: #f8f4ec;
  border-color: #eee4d2;
}
.alert a, .alert a:hover, .alert .alert-link, .alert .alert-link:hover {
  color: #a47e3c;
  font-weight: bold;
}
.alert a:hover, .alert a:hover:hover, .alert .alert-link:hover, .alert .alert-link:hover:hover {
  text-decoration: underline;
}
.alert, .alert h4, .text-warning {
  color: #c09853;
}
a.text-warning:hover, a.text-warning:focus {
  color: #b78c43;
}
.alert-success {
  color: #468847;
  background-color: #dfeedf;
  border-color: #c4e0c4;
}
.alert-success a, .alert-success a:hover, .alert-success .alert-link, .alert-success .alert-link:hover {
  color: #356635;
  font-weight: bold;
}
.alert-success a:hover, .alert-success a:hover:hover, .alert-success .alert-link:hover, .alert-success .alert-link:hover:hover {
  text-decoration: underline;
}
.alert-success h4, .text-success {
  color: #468847;
}
a.text-success:hover, a.text-success:focus {
  color: #3d773e;
}
.alert-danger, .alert-error {
  color: #b94a48;
  background-color: #f6e7e7;
  border-color: #edd1d0;
}
.alert-danger a, .alert-danger a:hover, .alert-danger .alert-link, .alert-danger .alert-link:hover, .alert-error a, .alert-error a:hover, .alert-error .alert-link, .alert-error .alert-link:hover {
  color: #953b39;
  font-weight: bold;
}
.alert-danger a:hover, .alert-danger a:hover:hover, .alert-danger .alert-link:hover, .alert-danger .alert-link:hover:hover, .alert-error a:hover, .alert-error a:hover:hover, .alert-error .alert-link:hover, .alert-error .alert-link:hover:hover {
  text-decoration: underline;
}
.alert-danger h4, .alert-error h4, .text-error {
  color: #b94a48;
}
a.text-error:hover, a.text-error:focus {
  color: #a74240;
}
.alert-info {
  color: #3a87ad;
  background-color: #e2eff5;
  border-color: #c7e0ec;
}
.alert-info a, .alert-info a:hover, .alert-info .alert-link, .alert-info .alert-link:hover {
  color: #2d6987;
  font-weight: bold;
}
.alert-info a:hover, .alert-info a:hover:hover, .alert-info .alert-link:hover, .alert-info .alert-link:hover:hover {
  text-decoration: underline;
}
.alert-info h4, .text-info {
  color: #3a87ad;
}
a.text-info:hover, a.text-info:focus {
  color: #34789a;
}
@media only all and (max-width: 47.99rem) {
  body {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .row-fluid {
    width: 100%;
  }
  .row, .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  .manager.thumbnails > li {
    float: left;
    margin-left: 20px;
  }
  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
  }
  .span12, .row-fluid .span12 {
    width: 100%;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
  }
  .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
}
@media only all and (max-width: 30rem) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left, .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .row {
    margin-left: -20px;
  }
  .row:before, .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392%;
    box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392%;
  }
  .row-fluid .span12 {
    width: 100%;
  }
  .row-fluid .span11 {
    width: 91.4364640884%;
  }
  .row-fluid .span10 {
    width: 82.8729281768%;
  }
  .row-fluid .span9 {
    width: 74.3093922652%;
  }
  .row-fluid .span8 {
    width: 65.7458563536%;
  }
  .row-fluid .span7 {
    width: 57.182320442%;
  }
  .row-fluid .span6 {
    width: 48.6187845304%;
  }
  .row-fluid .span5 {
    width: 40.0552486188%;
  }
  .row-fluid .span4 {
    width: 31.4917127072%;
  }
  .row-fluid .span3 {
    width: 22.9281767956%;
  }
  .row-fluid .span2 {
    width: 14.364640884%;
  }
  .row-fluid .span1 {
    width: 5.8011049724%;
  }
  .row-fluid .offset12 {
    margin-left: 105.5248618785%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.7624309392%;
  }
  .row-fluid .offset11 {
    margin-left: 96.9613259669%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276%;
  }
  .row-fluid .offset10 {
    margin-left: 88.3977900552%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.635359116%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.0718232044%;
  }
  .row-fluid .offset8 {
    margin-left: 71.270718232%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.5082872928%;
  }
  .row-fluid .offset7 {
    margin-left: 62.7071823204%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.9447513812%;
  }
  .row-fluid .offset6 {
    margin-left: 54.1436464088%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.3812154696%;
  }
  .row-fluid .offset5 {
    margin-left: 45.5801104972%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.817679558%;
  }
  .row-fluid .offset4 {
    margin-left: 37.0165745856%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.2541436464%;
  }
  .row-fluid .offset3 {
    margin-left: 28.453038674%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.6906077348%;
  }
  .row-fluid .offset2 {
    margin-left: 19.8895027624%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.1270718232%;
  }
  .row-fluid .offset1 {
    margin-left: 11.3259668508%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.5635359116%;
  }
  input, textarea, .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12, textarea.span12, .uneditable-input.span12 {
    width: 710px;
  }
  input.span11, textarea.span11, .uneditable-input.span11 {
    width: 648px;
  }
  input.span10, textarea.span10, .uneditable-input.span10 {
    width: 586px;
  }
  input.span9, textarea.span9, .uneditable-input.span9 {
    width: 524px;
  }
  input.span8, textarea.span8, .uneditable-input.span8 {
    width: 462px;
  }
  input.span7, textarea.span7, .uneditable-input.span7 {
    width: 400px;
  }
  input.span6, textarea.span6, .uneditable-input.span6 {
    width: 338px;
  }
  input.span5, textarea.span5, .uneditable-input.span5 {
    width: 276px;
  }
  input.span4, textarea.span4, .uneditable-input.span4 {
    width: 214px;
  }
  input.span3, textarea.span3, .uneditable-input.span3 {
    width: 152px;
  }
  input.span2, textarea.span2, .uneditable-input.span2 {
    width: 90px;
  }
  input.span1, textarea.span1, .uneditable-input.span1 {
    width: 28px;
  }
}
@media only all and (max-width: 59.99rem) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    border-radius: 0.1875rem;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    border-radius: 0.1875rem;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form, .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse, .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only all and (min-width: 60rem) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
@media only all and (max-width: 47.99rem) {
  .form-horizontal .control-label {
    display: block;
    float: none;
    text-align: left;
  }
  .form-horizontal .controls {
    margin: 0;
  }
  [dir="rtl"] .form-horizontal .control-label {
    text-align: right;
  }
}
@media only all and (max-width: 47.99rem) {
  div.modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  div.modal.fade {
    top: -100px;
  }
  div.modal.fade.in {
    top: 20px;
  }
}
@media only all and (max-width: 30rem) {
  div.modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
}
@media only all and (max-width: 47.99rem) {
  .pull-right.item-image {
    margin-left: 0;
  }
  .pull-left.item-image {
    margin-right: 0;
  }
}
/*# sourceMappingURL=hydrogen-joomla_41.css.map */
/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.size-25 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 25%;
  -moz-flex: 0 25%;
  -ms-flex: 0 25%;
  flex: 0 25%;
  width: 25%;
  background: #20374D;
}
.joms-input {
  width: 80% !important;
}
.joms-input[type="text"] {
  width: 80% !important;
}
#g-showcase {
  padding: 0;
  background: linear-gradient(to right, #006fa6, #003e8f);
}
/*# sourceMappingURL=custom_41.css.map */