/*
 * Electrosonic Theme
 *
 * @author    Totto <davidmarsant@gmail.com>
 * @theme     Electrosonic
 * @version   1.0.0
 *
 * Importacion de SCSS
 * Los archivos dedicados a cada componente de la pagina.
 */
/* Mixin*/
/* Helper */
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto/Roboto-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto";
  font-weight: bold;
  src: url("../font/Roboto/Roboto-Bold.ttf") format("truetype"); }
@font-face {
  font-family: "Concert";
  src: url("../font/Concert_One/ConcertOne-Regular.ttf") format("truetype"); }
@font-face {
  font-family: "Fredoka";
  src: url("../font/Fredoka_One/FredokaOne-Regular.ttf") format("truetype"); }
.c-theme {
  color: #6e1414 !important; }
.c-second {
  color: #d70a12 !important; }

.bg-theme {
  background-color: #6e1414 !important; }
.bg-second {
  background-color: #d70a12 !important; }

.ff-theme {
  font-family: "Roboto" !important; }
.ff-second {
  font-family: "Concert" !important; }
.ff-third {
  font-family: "Fredoka" !important; }

.hidden-down {
  display: inherit !important; }
.hidden-up {
  display: none !important; }

._no-margin {
  margin: 0; }
._no-padding {
  padding: 0; }

@media (min-width: 576px) {
  .hidden-sm-down {
    display: inherit !important; }
  .hidden-sm-up {
    display: none !important; }

  ._no-sm-margin {
    margin: 0; }
  ._no-sm-padding {
    padding: 0; } }
@media (min-width: 768px) {
  .hidden-md-down {
    display: inherit !important; }
  .hidden-md-up {
    display: none !important; }

  ._no-md-margin {
    margin: 0; }
  ._no-md-padding {
    padding: 0; } }
@media (min-width: 992px) {
  .hidden-lg-down {
    display: inherit !important; }
  .hidden-lg-up {
    display: none !important; }

  ._no-lg-margin {
    margin: 0; }
  ._no-lg-padding {
    padding: 0; } }
.aviso_info {
  z-index: 100000000; }
  .aviso_info > .modal-dialog {
    max-width: 60%; }
  .aviso_info > .modal-dialog > .modal-content {
    background: #fff;
    border: none; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body {
    padding: 0; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row {
    justify-content: end;
    margin: 0; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .product,
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .description {
    border-radius: .3rem; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .product {
    background: linear-gradient(240deg, #6e1414 20%, #d70a12 80%);
    box-shadow: #b312185e 20px 0px 50px;
    height: 110%;
    left: 0;
    position: absolute;
    top: -5%; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .product > img {
    bottom: 3.5rem;
    left: -4.5rem;
    position: absolute;
    transform: rotateY(180deg); }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .description > .panel-head {
    color: #4a4a4a; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .description > .panel-body > .info {
    font-size: 12px;
    margin-bottom: 2rem; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .description > .panel-body > .row {
    margin-bottom: 1rem; }
    .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .description > .panel-body > .row > .title {
      color: #4a4a4a; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .description > .panel-footer {
    text-align: center; }
  .aviso_info > .modal-dialog > .modal-content > .modal-body > .row > .description > .panel-footer > .btn-custom {
    background: linear-gradient(270deg, #6e1414 0%, #d70a12 100%);
    border-radius: 25px;
    box-shadow: #b312185e 0px 10px 20px 2px;
    color: #fff;
    width: 80%; }

#aviso {
  z-index: 100000000; }
  #aviso > .modal-dialog {
    max-width: 60%; }
  #aviso > .modal-dialog > .modal-content {
    background-image: url("/assets/img/bg/bg_2.jpg");
    background-position: center center;
    background-size: cover;
    border: none; }
    #aviso > .modal-dialog > .modal-content > .close {
      color: #fff;
      cursor: pointer;
      right: 1.5rem;
      top: 1.5rem;
      position: absolute;
      z-index: 100; }
  #aviso > .modal-dialog > .modal-content > .modal-body {
    padding: 0; }
  #aviso > .modal-dialog > .modal-content > .modal-body > .row,
  #aviso > .modal-dialog > .modal-content > .modal-body > .row > .product {
    margin: 0;
    padding: 0; }
  #aviso > .modal-dialog > .modal-content > .modal-body > .row > .info > .panel > h4 {
    color: #fff;
    font-weight: bold; }
  #aviso > .modal-dialog > .modal-content > .modal-body > .row > .info > .panel > p {
    color: #fefefe;
    font-size: 12px;
    text-align: center;
    width: 60%; }
  #aviso > .modal-dialog > .modal-content > .modal-body > .row > .info > .panel > .call-to-action > a {
    border-radius: 25px;
    color: #fff;
    font-weight: bold;
    margin: 0px 10px 0px;
    padding: 5px 20px 5px; }

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