@charset "UTF-8";
/* COLORS */
/* FONTS */
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;900&display=swap");
body, html {
  font-family: 'Raleway', sans-serif; }

.no-font {
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important; }

html, body {
  height: 100%; }

/* FONTS */
@media screen and (max-width: 989px) {
  .display-3,
  .display-4 {
    font-size: 46px !important; } }
/* Cambio de alineación mobile */
@media screen and (max-width: 989px) {
  .mobile-left {
    text-align: left !important; } }
.regular {
  font-weight: 400 !important; }

.bold {
  font-weight: 700 !important; }

.black {
  font-weight: 900 !important; }

.link {
  color: #3A3C39 !important;
  transition: all ease-in-out .1s; }
  .link:hover {
    color: #359444 !important;
    text-decoration: none; }
  .link:active, .link:focus {
    color: #00772A !important;
    text-decoration: none; }

.link-white {
  color: white !important;
  transition: all ease-in-out .1s; }
  .link-white:hover {
    color: #333333 !important;
    text-decoration: none; }
  .link-white:active, .link-white:focus {
    color: #333333 !important;
    text-decoration: none; }

.rellax {
  position: absolute;
  transition: all ease-out .5s; }

.rellax1 {
  right: 50%;
  top: -40px; }

.rellax2 {
  top: 10px;
  right: -30px; }

.rellax3 {
  left: -20px;
  z-index: 660; }

.border-darker {
  border-color: #3A3C39 !important; }

.border-thicker {
  border-width: medium !important; }

.btn:focus, .btn:active {
  box-shadow: none !important; }

/* COLOR */
.text-black {
  color: #3A3C39; }

.text-green {
  color: #359444; }

.text-greenMagnesio {
  color: #00FF00; }

.text-arriba {
  color: #FF3F03; }

.text-agial-light {
  color: #26BBD2; }

.text-agial-dark {
  color: #294B8D; }

.text-agial-celeste {
  color: #00a4e0; }

.text-white {
  color: #FFFFFF; }

/* BG */
.bg-grey {
  background-color: #EDE9E7; }
  .bg-grey a {
    color: #3A3C39 !important; }

.bg-green {
  background-color: #359444; }

.bg-black {
  background-color: #3A3C39; }

.bg-greenMagnesio {
  background-color: #00FF00; }

.bg-arriba {
  background-color: #FF3F03; }

.bg-agial-light {
  background-color: #26BBD2; }

.bg-agial-dark {
  background-color: #294B8D; }

.bg-magenta {
  background-color: #d62e8d; }

.text-white-container {
  background-color: rgba(55, 58, 54, 0.5); }

.bg-grunge {
  background-image: url(../../img/productos/concrete-texture.jpg); }

.bg-category-green {
  background: #3BA983;
  min-height: 260px; }

.bg-category-lightblue {
  background: #7EBAC0;
  min-height: 260px; }

.bg-category-purple {
  background: #715F95;
  min-height: 260px; }

.bg-category-yellow {
  background: #F9BA29;
  min-height: 260px; }

.bg-category-darkblue {
  background: #3D7187;
  min-height: 260px; }

.bg-category-orange {
  background: #F68619;
  min-height: 260px; }

/* Especiales */
.bg-category-especial-magnesio {
  background: #00ff00;
  min-height: 200px; }

.bg-category-especial-arriba {
  background: #ff6600;
  min-height: 200px; }

.bg-category-especial-geneo {
  background: #d31780;
  min-height: 200px; }

.bg-category-especial-agial {
  background: #26bbd2;
  min-height: 200px; }

/* CUSTOM RADIO BUTTON */
input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: white;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #EDE9E7; }

input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #359444;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #EDE9E7; }

.no-after:after {
  display: none !important; }

.no-before:before {
  display: none !important; }

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  font-size: 1.1rem;
  line-height: 1.2rem;
  min-width: 350px; }
  .autocomplete-suggestions strong {
    font-weight: bold;
    color: #2cab85; }

.autocomplete-suggestion {
  padding: 8px 5px;
  white-space: break-spaces;
  overflow: hidden;
  line-height: 1.2rem;
  margin-bottom: 3px; }

.autocomplete-selected {
  background: #EDE9E7;
  color: #212529; }

.ico-flecha {
  width: 30px; }

.locationDetails {
  /* min-height:500px;*/ }

.g-recaptcha > div {
  margin: 0px auto !important; }

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