/* 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
 */

@charset "utf-8";
/* CSS Document */
/* line 5, templates/g5_hydrogen/custom/scss/custom.scss */
h1 {
  font-size: 2.8rem;
}
/* line 10, templates/g5_hydrogen/custom/scss/custom.scss */
h1, h2, h3, h4, h5, h6 {
  color: #ec9900;
}
/* line 15, templates/g5_hydrogen/custom/scss/custom.scss */
hr {
  border-bottom: 1px solid #d2ceb4;
  max-width: 40%;
  margin: 3rem auto;
}
/* line 21, templates/g5_hydrogen/custom/scss/custom.scss */
.round-corner-25 {
  border-radius: 25px;
}
/* line 29, templates/g5_hydrogen/custom/scss/custom.scss */
.gantry-logo img {
  width: 180px;
}
/* line 34, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation {
  background: #fbf7ea;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 1.1rem;
  margin: 0 auto;
  padding: 15px 100px !important;
}
/* line 45, templates/g5_hydrogen/custom/scss/custom.scss */
.g-main-nav .g-toplevel {
  font-weight: 400;
}
/* line 51, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #325b55;
}
/* line 57, templates/g5_hydrogen/custom/scss/custom.scss */
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  text-decoration: none;
  padding: 1.5rem 0.938rem;
}
/* line 65, templates/g5_hydrogen/custom/scss/custom.scss */
#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: #f8bd14;
}
/* line 69, templates/g5_hydrogen/custom/scss/custom.scss */
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  line-height: 3rem;
}
/* line 73, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: url('../../../../images/home/over_menu.png') center top no-repeat;
}
/* line 79, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: url('../../../../images/home/over_menu.png') center top no-repeat;
}
/* line 85, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: url('../../../../images/home/active_menu.png') center top no-repeat;
}
/* line 91, templates/g5_hydrogen/custom/scss/custom.scss */
#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: #fab000;
}
/* line 95, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-social a {
  background: #f8bd14;
  padding: 0.4rem 1rem;
  border-radius: 2rem;
  border: none;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  margin-top: -1rem;
}
/* line 108, templates/g5_hydrogen/custom/scss/custom.scss */
#g-showcase {
  padding: 4rem 0;
}
/* line 112, templates/g5_hydrogen/custom/scss/custom.scss */
.parallax-showcase {
  padding: 2rem 0;
  background-image: url('../../../../images/home/showcase_back.jpg');
  /* Set a specific height 
   height: 450px; */
  /* Create the parallax scrolling effect */
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  /*background-size: cover;*/
}
/* line 136, templates/g5_hydrogen/custom/scss/custom.scss */
#g-feature {
  padding: 1.5rem 0;
  background: #f3f1e5 url('../../../../images/home/feature_back.png') center bottom no-repeat;
  /*color: #FFF;*/
}
/* line 146, templates/g5_hydrogen/custom/scss/custom.scss */
#g-utility {
  background: #eceadc url('../../../../images/servicios/triangle_back.png') center bottom;
  background-repeat: repeat-x;
}
/* line 154, templates/g5_hydrogen/custom/scss/custom.scss */
.sample-content .sample-description {
  font-size: 1rem;
}
/* line 162, templates/g5_hydrogen/custom/scss/custom.scss */
.green-box {
  background: #6ea96e;
  padding: 2rem !important;
}
/* line 172, templates/g5_hydrogen/custom/scss/custom.scss */
.yellow-box {
  background: #e09b00;
  padding: 2rem !important;
}
/* line 180, templates/g5_hydrogen/custom/scss/custom.scss */
.beige-box {
  background: #f3f1e5;
  padding: 2rem !important;
}
@media screen and (min-width: 750px) {
  /* The image used */
  /* line 191, templates/g5_hydrogen/custom/scss/custom.scss */
  .parallax {
    background-image: url('../../../../images/quienes_somos/extension-back.jpg');
    /* Set a specific height */
    height: 950px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/* line 219, templates/g5_hydrogen/custom/scss/custom.scss */
.round10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/* line 229, templates/g5_hydrogen/custom/scss/custom.scss */
.layout-slideshow {
  -webkit-box-shadow: 4px 4px 14px -5px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 4px 4px 14px -5px rgba(0, 0, 0, 0.33);
  box-shadow: 4px 4px 14px -5px rgba(0, 0, 0, 0.33);
}
/* line 235, templates/g5_hydrogen/custom/scss/custom.scss */
.sprocket-strips-c .sprocket-strips-c-image {
  border-color: #aaa;
  width: 100%;
}
/* line 240, templates/g5_hydrogen/custom/scss/custom.scss */
.sprocket-strips-c-title {
  margin-top: 0;
  font-size: 1.7rem;
  color: #fff;
  text-align: center;
}
/* line 247, templates/g5_hydrogen/custom/scss/custom.scss */
.button {
  font-family: "Courgette";
  font-weight: 500;
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 3rem;
  box-shadow: 1px 1px 1px #24676f;
  background: #9dc345;
  color: #fff;
  border: 0;
  line-height: 1.5;
  font-size: 1.8rem;
  vertical-align: middle;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
  transition: background 0.1s;
}
/* line 266, templates/g5_hydrogen/custom/scss/custom.scss */
.button:hover {
  background: #045854;
  color: #fff;
}
/* line 271, templates/g5_hydrogen/custom/scss/custom.scss */
.title-container {
  border: 1px solid #428f48;
  padding: 0.5rem 3rem;
  border-radius: 5rem;
}
/* line 277, templates/g5_hydrogen/custom/scss/custom.scss */
.sprocket-strips-c-extended {
  position: relative;
  color: #fff;
}
/* line 282, templates/g5_hydrogen/custom/scss/custom.scss */
.cols-3 .sprocket-strips-s-block {
  width: 30%;
}
/* line 286, templates/g5_hydrogen/custom/scss/custom.scss */
.sprocket-strips-s-block {
  display: inline-block;
  vertical-align: top;
  margin: 1% 35px 1% 0;
  box-sizing: border-box;
  padding: 0 1%;
}
/* line 294, templates/g5_hydrogen/custom/scss/custom.scss */
div.k2ItemsBlock ul li a.moduleItemReadMore {
  background-color: #ffcb00;
  padding: 0.2rem;
  /* font-weight: 800; */
  /* font-size: 1.3rem; */
  /* border-radius: 0.5rem; */
  color: #326535;
  margin-bottom: 1rem;
  border-radius: 1rem;
}
/* line 305, templates/g5_hydrogen/custom/scss/custom.scss */
div.k2ItemsBlock ul li a.moduleItemTitle {
  font-weight: 600;
  font-size: 1.2rem;
}
/* line 310, templates/g5_hydrogen/custom/scss/custom.scss */
.overlay-mode .sprocket-grids-b-text, .overlay-mode .sprocket-grids-b-readon {
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.1s;
  -moz-transition: opacity 0.3s 0.1s;
  transition: opacity 0.3s 0.1s;
}
/* line 317, templates/g5_hydrogen/custom/scss/custom.scss */
.sprocket-grids-b-effect {
  background: rgba(4, 88, 84, 0.9);
}
/* line 320, templates/g5_hydrogen/custom/scss/custom.scss */
.sg_protected_by {
  display: none;
}
/* line 323, templates/g5_hydrogen/custom/scss/custom.scss */
.sprocket-strips-c-item:hover {
  margin-top: -100%;
  padding-bottom: 100%;
}
/* line 328, templates/g5_hydrogen/custom/scss/custom.scss */
.alert {
  border-radius: 25px;
  padding: 1rem 2rem;
}