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

/* ----- Блок иконок на каталоги ---------- */
/* line 3, templates/g5_hydrogen/custom/scss/custom.scss */
.tiles-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  /*background: -webkit-gradient(linear, left top, left bottom, from(#6b67b1), to(#9866af));*/
}
/* line 18, templates/g5_hydrogen/custom/scss/custom.scss */
.tiles {
  width: 100%;
  height: 100%;
  padding: 5px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 36, templates/g5_hydrogen/custom/scss/custom.scss */
.tile {
  width: 30%;
  height: auto;
  border: 1px solid rgba(255, 153, 0, 0.05);
  -webkit-transition: 0.1s;
  transition: 0.1s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  will-change: all;
}
/* line 59, templates/g5_hydrogen/custom/scss/custom.scss */
.tile .title, .tile .icon {
  color: #1a1a1a;
  text-align: center;
}
/* line 65, templates/g5_hydrogen/custom/scss/custom.scss */
.tile .title {
  font-size: 16px;
}
/* line 69, templates/g5_hydrogen/custom/scss/custom.scss */
.tile .icon {
  font-size: 40px;
  padding: 0.3em 0 0 0;
}
/* line 74, templates/g5_hydrogen/custom/scss/custom.scss */
.tile:hover, .tile.initial {
  -webkit-transform: scale(1.05) translate3d(0, 0, 0);
  transform: scale(1.05) translate3d(0, 0, 0);
  background-color: #f90;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-shadow: -13px 11px 25px 1px rgba(0, 0, 0, 0.55);
  box-shadow: -13px 11px 25px 1px rgba(0, 0, 0, 0.55);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/* line 86, templates/g5_hydrogen/custom/scss/custom.scss */
.tile:hover .icon, .tile:hover .title, .tile.initial .icon, .tile.initial .title {
  color: #fff;
  opacity: 1;
}
/* ----- Конец блока иконок на каталоги ---------- */
/*# sourceMappingURL=custom_11.css.map */