@charset "UTF-8";
@font-face {
  font-family: Glacial;
  src: url(/fonts/GlacialIndifference-Regular.otf);
}
@font-face {
  font-family: Glacial;
  src: url(/fonts/GlacialIndifference-Bold.otf);
  font-weight: bold;
}
@font-face {
  font-family: Noir;
  src: url(/fonts/Noir.otf);
}
@font-face {
  font-family: Universalis;
  src: url(/fonts/UniversalisADFStd-Regular.otf);
}
@font-face {
  font-family: Universalis;
  src: url(/fonts/UniversalisADFStd-Bold.otf);
  font-weight: bold;
}
@font-face {
  font-family: Universalis;
  src: url(/fonts/UniversalisADFStd-Italic.otf);
  font-style: italic;
}
/* --------------------------------------------------------------------
1. HEADER
2. CONTENT
3. PROMOS
4. NOTICIAS
5. FOOTER
6. RESPONSIVE
7. ANIMATIONS
-------------------------------------------------------------------- */
.textSHW {
  text-shadow: 0px 0px 5px white;
}

.textSHW:hover {
  animation: textSHColors 5s infinite linear;
  -webkit-animation: textSHColors 5s infinite linear;
}

.textSHB {
  text-shadow: 0px 0px 5px black;
}

.textSHB:hover {
  animation: textSHDarkColors 5s infinite linear;
  -webkit-animation: textSHDarkColors 5s infinite linear;
}

.boxSHW {
  box-shadow: 0px 0px 5px white;
}

.boxSHW:hover {
  animation: boxSHColors 5s infinite linear;
  -webkit-animation: boxSHColors 5s infinite linear;
}

.boxSHB {
  box-shadow: 0px 0px 5px black;
}

.boxSHB:hover {
  animation: boxSHDarkColors 5s infinite linear;
  -webkit-animation: boxSHDarkColors 5s infinite linear;
}

.boxSHColorAnimated {
  animation: boxSHColors 5s infinite linear;
  -webkit-animation: boxSHColors 5s infinite linear;
}

.filtSHW {
  filter: drop-shadow(0px 0px 5px white);
  -webkit-filter: drop-shadow(0px 0px 5px white);
}

.filtSHB {
  filter: drop-shadow(0px 0px 5px black);
  -webkit-filter: drop-shadow(0px 0px 5px black);
}

.IM-SHW {
  filter: drop-shadow(0px 0px 5px white);
  -webkit-filter: drop-shadow(0px 0px 5px white);
}

.IM-SHB {
  filter: drop-shadow(0px 0px 5px black);
  -webkit-filter: drop-shadow(0px 0px 5px black);
}

.scale1-2 {
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
}

.scale1-2:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.cursor-pointer {
  cursor: pointer;
}

.grdT2-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
}

.grdT1-100 {
  display: grid;
  grid-template-columns: 100%;
}

.w-md-33 {
  width: 100%;
}

.w-md-33v2 {
  width: 100%;
}

.w-md-50 {
  width: 100%;
}

.w-md-50ver2 {
  width: 100%;
}

.w-l-50v3 {
  width: 75%;
}

.w-md-75 {
  width: 100%;
}

.IMGFoot {
  height: 50px;
}

@media (min-width: 992px) {
  .w-l-50v3 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .w-md-33v2 {
    width: 33%;
  }

  .w-md-33 {
    width: 33%;
  }

  .w-md-50 {
    width: 50%;
  }

  .w-md-50ver2 {
    width: 75%;
  }

  .w-l-50v3 {
    width: 75%;
  }

  .w-md-75 {
    width: 75%;
  }
}
@media (min-width: 576px) {
  .w-md-33v2 {
    width: 66%;
  }

  .w-md-50ver2 {
    width: 75%;
  }

  .w-l-50v3 {
    width: 50%;
  }
}
@keyframes boxSHColors {
  0% {
    box-shadow: 0px 0px 5px white;
  }
  25% {
    box-shadow: 0px 0px 5px #8b0023;
  }
  50% {
    box-shadow: 0px 0px 5px #007bff;
  }
  75% {
    box-shadow: 0px 0px 5px #8b0023;
  }
  100% {
    box-shadow: 0px 0px 5px white;
  }
}
@keyframes boxSHDarkColors {
  0% {
    box-shadow: 0px 0px 5px black;
  }
  25% {
    box-shadow: 0px 0px 5px #8b0023;
  }
  50% {
    box-shadow: 0px 0px 5px #007bff;
  }
  75% {
    box-shadow: 0px 0px 5px #8b0023;
  }
  100% {
    box-shadow: 0px 0px 5px black;
  }
}
@keyframes textSHColors {
  0% {
    text-shadow: 0px 0px 5px white;
  }
  25% {
    text-shadow: 0px 0px 5px #8b0023;
  }
  50% {
    text-shadow: 0px 0px 5px #007bff;
  }
  75% {
    text-shadow: 0px 0px 5px #8b0023;
  }
  100% {
    text-shadow: 0px 0px 5px white;
  }
}
@keyframes textSHDarkColors {
  0% {
    text-shadow: 0px 0px 5px black;
  }
  25% {
    text-shadow: 0px 0px 5px #8b0023;
  }
  50% {
    text-shadow: 0px 0px 5px #007bff;
  }
  75% {
    text-shadow: 0px 0px 5px #8b0023;
  }
  100% {
    text-shadow: 0px 0px 5px black;
  }
}
/* --------------------------------------------------------------------
HEADER
-------------------------------------------------------------------- */
* {
  transition: all 500ms;
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -ms-transition: all 500ms;
  -o-transition: all 500ms;
}

html {
  overflow-x: hidden;
}

body {
  font-family: Glacial, sans-serif;
}
body a {
  color: #f4e945;
  font-weight: bold;
}
body a:hover {
  text-shadow: -1px 1px 3px white, 1px -1px 3px white;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
body a:hover h1 {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
body h1 {
  font-family: Noir, sans-serif;
  font-size: 40px;
  color: #f4e945;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 20px;
  text-shadow: -1px 1px 1px black, -1px 1px 2px black, -1px 1px 3px black;
}
body h2 {
  font-family: Noir, sans-serif;
  font-size: 30px;
  color: white;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
  text-shadow: -1px 1px 1px black, -1px 1px 2px black, -1px 1px 3px black;
}
body #VideoBG {
  position: fixed;
  z-index: -1;
  min-width: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
}
body #logoMainCompany {
  position: fixed;
  width: 100px;
  bottom: 25px;
  right: 25px;
  z-index: 99;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
}
body #logoMainCompany img {
  width: 100%;
}
body #logoMainCompany:hover {
  animation: rotating 1s infinite ease-in-out;
  -webkit-animation: rotating 1s infinite ease-in-out;
}
body #ImgBG {
  position: fixed;
  z-index: -2;
  min-width: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
}
body .CuatroDiv {
  width: 300px;
  margin: 0 auto;
  background: black;
  color: white;
  text-align: justify;
  padding: 10px;
  box-shadow: -5px 5px 5px white;
  margin-bottom: 150px;
  animation: BSCC 5s infinite linear;
  -webkit-animation: BSCC 5s infinite linear;
}
body .CuatroDiv #typewriter {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  color: white;
}

.HeaderInicio {
  background: url("/images/TessellatingBG.jpg");
  display: grid;
  grid-template-columns: auto auto auto;
}
.HeaderInicio .logoMain {
  width: 100px;
  margin: 30px;
  filter: drop-shadow(-1px 1px 3px #000);
  -webkit-filter: drop-shadow(-1px 1px 3px #000);
}
.HeaderInicio .logoMain:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.HeaderInicio h1 {
  font-size: 60px;
  font-weight: normal;
  color: #f4e945;
  text-shadow: -1px 1px 1px black, -1px 1px 2px black, -1px 1px 3px black;
}
.HeaderInicio h1:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.HeaderInicio a {
  text-decoration: none;
  font-weight: bold;
}
.HeaderInicio .HIgrid {
  align-self: center;
}
.HeaderInicio .HIgrid:last-child {
  justify-self: end;
  padding: 60px;
}
.HeaderInicio ul {
  display: grid;
  grid-template-columns: auto auto auto;
}
.HeaderInicio ul a {
  font-weight: bold;
  text-decoration: none;
  color: white;
  background: black;
  padding: 10px;
  margin: 5px;
  box-shadow: -1px 1px 1px black, -1px 1px 2px white, -1px 1px 3px black, 1px -1px 2px white inset;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.HeaderInicio ul a:hover {
  text-decoration: none;
  color: #f4e945;
  background: #8b0023;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

/* --------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------- */
.ContentInicio {
  display: grid;
  grid-template-columns: 67% 33%;
  row-gap: 0;
  column-gap: 0;
  max-width: 1200px;
  background: rgba(0, 0, 0, 0.5);
}

/* --------------------------------------------------------------------
PROMOS
-------------------------------------------------------------------- */
.AsideInicio {
  grid-column-start: 2;
  grid-column-end: 3;
  background: linear-gradient(180deg, #8b0023 20.5600522193%, #8b0023 42.7475522193%, rgba(139, 0, 35, 0) 62.6225522193%, rgba(139, 0, 35, 0) 80.5600522193%);
  justify-self: end;
  min-height: 500px;
}
.AsideInicio h2 {
  background: url(/images/Logo_Katze_Records-BG.jpg) top center no-repeat;
  background-size: cover;
  margin-top: 50px;
  font-family: Noir, sans-serif;
  font-size: 25px;
  color: #f4e945;
  padding: 50px;
  padding-left: 5%;
  padding-right: 5%;
  background-color: #8b0023;
  text-align: center;
  margin-bottom: 30px;
}
.AsideInicio h3 {
  width: 100%;
  color: #f4e945;
  font-size: 26px;
  text-align: center;
  padding: 15px;
  background: url(/images/Logo_Katze_Records-BG.jpg) top center no-repeat;
  background-size: cover;
}
.AsideInicio .AIcontents {
  background: black;
  width: 90%;
  color: white;
  margin: 0 auto;
  margin-bottom: 30px;
  box-shadow: -1px 1px 1px white, -1px 1px 2px white, -1px 1px 3px white, -1px 1px 4px white, -1px 1px 5px white;
}
.AsideInicio h4 {
  font-family: Noir, sans-serif;
  font-size: 20px;
  padding: 10px;
  padding-left: 0;
  color: #f4e945 !important;
}
.AsideInicio h5 {
  font-size: 18px;
  padding: 5px;
  text-align: right;
}
.AsideInicio p,
.AsideInicio li,
.AsideInicio h4,
.AsideInicio h5 {
  margin-left: 5%;
  margin-right: 5%;
}
.AsideInicio a {
  color: #f4e945;
  text-decoration: none;
  font-weight: bold;
}
.AsideInicio a li {
  margin-bottom: 10px;
}
.AsideInicio a:hover li {
  text-shadow: -1px 1px 3px black, 1px -1px 3px black;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.AsideInicio .AIcontents:first-child {
  margin-top: 30px;
}
.AsideInicio .ContactoInicio a {
  text-decoration: none;
  font-weight: bold;
}
.AsideInicio .ContactoInicio a li {
  color: #f4e945;
  margin: 15px;
  font-size: 20px;
  display: grid;
  grid-template-columns: 40px 50%;
  padding-top: 5px;
  padding-left: 30px;
}
.AsideInicio .ContactoInicio a li img {
  width: 40px;
  align-self: center;
  cursor: pointer;
}
.AsideInicio .ContactoInicio a li li:hover {
  padding-left: 50px;
  text-shadow: -1px 1px 1px white, -1px 1px 2px white, -1px 1px 3px white;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}

/* --------------------------------------------------------------------
NOTICIAS
-------------------------------------------------------------------- */
.MainContent {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 2;
}
.MainContent section {
  padding-bottom: 50px;
}
.MainContent section h2 {
  font-family: Noir, sans-serif;
  background: url(/images/Logo_Katze_Records-BG.jpg) top center no-repeat;
  background-size: cover;
  margin-top: 50px;
  font-size: 45px;
  color: #f4e945;
  padding: 50px;
  padding-left: 5%;
  padding-right: 5%;
  background-color: #8b0023;
  text-align: center;
}
.MainContent section p {
  padding: 50px;
  padding-left: 5%;
  padding-right: 5%;
  width: 75%;
  margin: 0 auto;
  color: white;
}
.MainContent section p a {
  font-weight: bold;
  text-decoration: none;
  color: #f4e945;
}
.MainContent section p a:hover {
  text-shadow: -1px 1px 3px white, 1px -1px 3px white;
}
.MainContent section p a img {
  width: 300px !important;
}
.MainContent section h4 {
  font-family: Noir, sans-serif;
  text-align: center;
  font-size: 18px;
  color: #f4e945;
  text-shadow: -1px 1px 1px black, -1px 1px 2px black, -1px 1px 3px black;
  width: 75%;
  margin: 0 auto;
}
.MainContent section article {
  background: black;
  width: 66%;
  margin: 0 auto;
  box-shadow: -1px 1px 1px white, -1px 1px 2px white, -1px 1px 3px white, -1px 1px 4px white, -1px 1px 5px white;
}
.MainContent section article a {
  font-weight: bold;
  text-decoration: none;
  color: #f4e945;
}
.MainContent section article h3 {
  font-family: Noir, sans-serif;
  text-align: center;
  font-size: 45px;
  color: #f4e945;
  padding: 25px;
  padding-left: 5%;
  padding-right: 5%;
  text-shadow: -1px 1px 4px black;
}
.MainContent section article p {
  width: 75%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.MainContent section article .center {
  text-align: center;
}
.MainContent section article .center:hover {
  transform: scale(1.7);
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7);
  -ms-transform: scale(1.7);
  -o-transform: scale(1.7);
}
.MainContent section .breaksInicio {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  background: rgba(0, 0, 0, 0.5);
  padding-top: 20px;
  padding-bottom: 20px;
  color: white;
}
.MainContent section .ArticleNotKat {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url(/images/Logo_Katze_Records-BG.jpg) center bottom repeat !important;
  height: auto !important;
  padding-bottom: 30px;
}
.MainContent section .ArticleNotKat h3 {
  background: url(/images/Logo_Katze_Records-BG.jpg) top center no-repeat;
  background-size: cover;
}
.MainContent section .ArticleNotKat p {
  height: auto !important;
}
.MainContent section .ArticleLPDF {
  background: linear-gradient(black, rgba(0, 0, 0, 0.3)), url(/images/Light_Fibers_without_logo.jpg) center center repeat !important;
}
.MainContent section .ArticleLPDF h3 {
  background: linear-gradient(#ae0b00, rgba(255, 234, 62, 0));
}
.MainContent section .ArticleDLC {
  background: linear-gradient(black, rgba(0, 0, 0, 0.5)), url(/images/Corre-video...-y-video-corrió-Cover-Art.jpg) center bottom repeat !important;
  background-size: cover;
}
.MainContent section .ArticleDLC h3 {
  background: linear-gradient(#5a01ff, rgba(123, 0, 255, 0));
}

.Calendario section {
  padding-bottom: 50px;
}
.Calendario section h2 {
  font-family: Noir, sans-serif;
  background: url(/images/Logo_Katze_Records-BG.jpg) top center no-repeat;
  background-size: cover;
  margin-top: 50px;
  font-size: 45px;
  color: #f4e945;
  padding: 50px;
  padding-left: 5%;
  padding-right: 5%;
  background-color: #8b0023;
  text-align: center;
}
.Calendario section h4 {
  font-family: Noir, sans-serif;
  text-align: center;
  font-size: 18px;
  color: #f4e945;
  text-shadow: -1px 1px 1px black, -1px 1px 2px black, -1px 1px 3px black;
  width: 75%;
  margin: 0 auto;
}
.Calendario section p {
  width: 100%;
  max-width: 1523px;
  margin: 0 auto;
}
.Calendario section p a {
  width: 260px !important;
  font-weight: bold;
  text-decoration: none;
  color: #f4e945;
  margin-right: 4px;
  margin-left: 4px;
  margin-bottom: 50px;
}
.Calendario section p a img {
  width: 260px !important;
}
.Calendario section p a:hover {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  text-shadow: -1px 1px 3px white, 1px -1px 3px white;
}

/* --------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------- */
.FooterInicio {
  background: url("/images/TessellatingBG.jpg");
  display: grid;
  grid-template-columns: 33% 33% 33%;
  padding-bottom: 30px;
}
.FooterInicio h3 {
  font-family: Noir, sans-serif;
  text-align: center;
  color: #f4e945;
  font-size: 30px;
  padding-top: 30px;
  text-shadow: -1px 1px 1px black, -1px 1px 2px black, -1px 1px 3px black;
}
.FooterInicio .logoMain {
  width: 200px;
  margin: 30px;
  padding-top: 30px;
  filter: drop-shadow(-1px 1px 3px #000);
  -webkit-filter: drop-shadow(-1px 1px 3px #000);
}
.FooterInicio .logoMain:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.FooterInicio .FIgrid {
  align-self: center;
  justify-self: center;
}
.FooterInicio .FIgrid .AvisoPriv {
  text-align: center;
  color: #f4e945;
}
.FooterInicio .FIgrid .AvisoPriv:hover {
  text-align: center;
  color: #f4e945;
  text-shadow: -1px 1px 3px white, 1px -1px 3px white;
}
.FooterInicio li {
  color: #f4e945;
  margin: 10px;
  font-size: 20px;
  text-shadow: -1px 1px 1px black, -1px 1px 2px black, -1px 1px 3px black;
}
.FooterInicio li:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.FooterInicio a {
  text-decoration: none;
  font-weight: bold;
}
.FooterInicio a li {
  display: grid;
  grid-template-columns: 60px 50%;
  padding-top: 5px;
}
.FooterInicio a li img {
  width: 40px;
  align-self: center;
  cursor: pointer;
}
.FooterInicio a li p {
  align-self: center;
}

.PROMO {
  background: url("/images/TessellatingBG.jpg");
  background-position: 0 1385px;
  width: 100%;
  padding-top: 30px;
}

/* --------------------------------------------------------------------
RESPONSIVE
-------------------------------------------------------------------- */
@media screen and (max-width: 800px) {
  #logoMainCompany {
    bottom: 25px;
    right: 25px;
  }

  .HIgrid:first-child {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    width: 300px;
  }
  .HIgrid:first-child a {
    width: 100px;
    margin: 0 auto;
  }

  .HIgrid {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 3;
    width: 100%;
    margin: 0 auto;
  }

  .HIgrid:last-child {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
    justify-self: center;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .HeaderInicio ul {
    display: grid;
    width: 100%;
    margin: 0 auto;
    align-self: center;
  }

  .AsideInicio {
    grid-column-start: 1;
    grid-column-end: 3;
    background: linear-gradient(180deg, rgba(139, 0, 35, 0.5) 20.5600522193%, rgba(139, 0, 35, 0.5) 42.7475522193%, rgba(139, 0, 35, 0) 62.6225522193%, rgba(139, 0, 35, 0) 80.5600522193%);
  }

  .MainContent {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .MainContent section article {
    width: 90%;
  }

  .FooterInicio .logoMain {
    width: 100px;
  }
}
@media screen and (max-width: 500px) {
  #logoMainCompany {
    bottom: 25px;
    right: 25px;
  }

  .HeaderInicio {
    background: url("/images/TessellatingBG.jpg");
    display: block;
  }
  .HeaderInicio .HIgrid:first-child {
    width: 100px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 15px;
  }
  .HeaderInicio .HIgrid:first-child a {
    width: 100px;
    margin: 0 auto;
  }
  .HeaderInicio .HIgrid:first-child a .logoMain {
    margin: 0 auto;
  }
  .HeaderInicio .HIgrid {
    width: 100%;
    justify-self: center;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .HeaderInicio .HIgrid h1 {
    text-align: center;
    font-size: 35px;
  }
  .HeaderInicio .HIgrid:last-child {
    justify-self: center;
    width: 80%;
    margin: 0 auto;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 30px;
  }
  .HeaderInicio ul {
    display: grid;
    width: 100%;
    margin: 0 auto;
    align-self: center;
    grid-template-columns: 50% 50%;
    margin-bottom: 30px;
  }

  .MainContent section article {
    height: 500px;
    width: 90%;
  }
  .MainContent section article h3 {
    font-size: 25px;
  }
  .MainContent section article h4 {
    margin: 0 auto;
    margin-bottom: -50px;
  }
  .MainContent section article p {
    height: 240px;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
  }

  .FooterInicio {
    grid-template-columns: 100%;
  }
  .FooterInicio .FIgrid:first-child {
    grid-row: 1/2;
    grid-column: 1/2;
    width: 125px;
  }
  .FooterInicio .FIgrid {
    grid-row: 1/2;
    grid-row: 3/4;
  }
  .FooterInicio .FIgrid:last-child {
    grid-row: 1/2;
    grid-row: 2/3;
  }
  .FooterInicio .logoMain {
    margin: 30px;
    padding-top: 0;
  }
}
/* --------------------------------------------------------------------
ANIMATIONS
-------------------------------------------------------------------- */
@keyframes rotating {
  0% {
    transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
  }
  25% {
    transform: rotate(45deg) translateY(50px) scale(0.5);
    -webkit-transform: rotate(45deg) translateY(50px) scale(0.5);
    -moz-transform: rotate(45deg) translateY(50px) scale(0.5);
    -ms-transform: rotate(45deg) translateY(50px) scale(0.5);
    -o-transform: rotate(45deg) translateY(50px) scale(0.5);
  }
  50% {
    transform: rotate(-45deg) translateY(-50px) scale(1.5);
    -webkit-transform: rotate(-45deg) translateY(-50px) scale(1.5);
    -moz-transform: rotate(-45deg) translateY(-50px) scale(1.5);
    -ms-transform: rotate(-45deg) translateY(-50px) scale(1.5);
    -o-transform: rotate(-45deg) translateY(-50px) scale(1.5);
  }
  75% {
    transform: rotate(45deg) scale(0.5);
    -webkit-transform: rotate(45deg) scale(0.5);
    -moz-transform: rotate(45deg) scale(0.5);
    -ms-transform: rotate(45deg) scale(0.5);
    -o-transform: rotate(45deg) scale(0.5);
  }
  100% {
    transform: rotate(0deg) translateY(0px) scale(1);
    -webkit-transform: rotate(0deg) translateY(0px) scale(1);
    -moz-transform: rotate(0deg) translateY(0px) scale(1);
    -ms-transform: rotate(0deg) translateY(0px) scale(1);
    -o-transform: rotate(0deg) translateY(0px) scale(1);
  }
}
@keyframes BSCC {
  0% {
    box-shadow: -5px 5px 5px #8b0023;
  }
  25% {
    box-shadow: -5px 5px 5px #f4e945;
  }
  50% {
    box-shadow: -5px 5px 10px black;
  }
  75% {
    box-shadow: -5px 5px 5px #f4e945;
  }
  100% {
    box-shadow: -5px 5px 5px #8b0023;
  }
}
.MCWP {
  /*
  STYLES GUIDE:
  1. GENERAL
  2. HEADER
  3. Temario
  4. HORARIOS
  5. MAP
  6. MASTER
  7. FOOTER

  3. PARTS OF THE WEB
  4. LIST
  5. ANIMATIONS
  6. RESPONSIVE
  */
  /*GENERAL*/
  /*HEADER*/
  /* TEMARIO */
  /* HORARIOS */
  /* MAP*/
  /* MASTER */
  /* FOOTER */
  /* RESPONSIVE */
}
.MCWP * {
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
}
.MCWP a {
  color: white;
  font-size: 18px;
  font-weight: bold !important;
  text-shadow: -2px 2px 6px black;
}
.MCWP a:hover {
  text-decoration: none;
  color: #f4e945;
}
.MCWP li {
  list-style-type: initial;
}
.MCWP #HeadCPSD {
  background: url(/images/LaunchPadCurso.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadCSD {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/SD.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadCAV {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/videografo.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadCMB {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/CMBH.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMEMC1 {
  background: url(/images/mic.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMEMC2 {
  background: url(/images/launchpad.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMEMC3 {
  background: url(/images/abletonFX.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMEMC4 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/sfx2-analog.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMEMC5 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/groupFx.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMIDIMC1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/controlador.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMIDIMC2 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/Impulse.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMIDIMC3 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/DrumRackPadView.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMIDIMC4 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/simpler2.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMIDIMC5 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/sampler.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadTMMC1 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/TMMC1.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadTMMC2 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/TMMC2.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadTMMC3 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/TMMC3.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadTMMC4 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/TMMC4.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadTMMC5 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/TMMC5.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadTMMC6 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/TMMC6.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadPA1 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/arrange.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadPA2 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/console.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadPA3 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/amplifier.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMBMC1 {
  background: url(/images/BG-MBMC1-1.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMBMC2 {
  background: url(/images/john.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMBMC3 {
  background: url(/images/guitar-girl.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadMBMC4 {
  background: url(/images/music-smartphone.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadSD1 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/Sound-Design1.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadSD2 {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/images/Sound-Design2.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadSD3 {
  background: url(/images/abstract-art2.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadSD4 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/analogue.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #HeadSD5 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/soundwaves.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}
.MCWP #titleDiv {
  padding-right: 50%;
}
.MCWP #titleDiv .KatzeRecordsLogo {
  width: 33%;
  margin-bottom: -150px;
}
.MCWP #videoPresentationDiv {
  text-align: right;
  padding-right: 5%;
}
.MCWP #videoPresentationDiv .videoPresentation {
  width: 420px;
  height: 236.25px;
}
.MCWP .Contacto {
  width: 450px;
}
.MCWP .Contacto .GrContContact {
  display: grid;
  width: 450px;
  grid-template-columns: 215px 215px;
  grid-column-gap: 20px;
}
.MCWP .Contacto .justify-self-center {
  justify-self: center;
}
.MCWP .Contacto img {
  width: 66px;
}
.MCWP .Contacto .hiddenResp {
  display: block;
}
.MCWP #MoreInfo {
  width: 200px;
}
.MCWP .arrows {
  width: 50px;
}
.MCWP #TemarioBox {
  width: 300px;
}
.MCWP button {
  margin-bottom: -75px !important;
  box-shadow: -2px 2px 4px black;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -ms-transition: all 300ms;
  -o-transition: all 300ms;
}
.MCWP button:hover {
  background-color: black;
}
.MCWP .map {
  width: 300px;
  height: 225px;
}
.MCWP .gridContainer {
  display: grid;
  grid-template-columns: 45% 45%;
  grid-column-gap: 10%;
}
.MCWP #bottomCPSD {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/abletonFX.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomCSD {
  background: url(/images/equalizer.png) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomCAV {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/video.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomCMB {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(/images/CMBB.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMEMC1 {
  background: url(/images/mic-phones.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMEMC2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/sound-waves.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMEMC3 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/mixer.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMEMC4 {
  background: url(/images/sound-waves-colors.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMEMC5 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/abletonFX.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMIDIMC1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/launchpad2.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomPA1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/tablet.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomPA2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/mixer-console.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomPA3 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/music-smartphone.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMC1 {
  background: url(/images/BG-MBMC1-2.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMC2 {
  background: url(/images/dj-festival.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMC3 {
  background: url(/images/sound-studio.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomMC4 {
  background: url(/images/mobile-music.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomSD1 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/soundwaves.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomSD2 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/abstract-art1.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomSD3 {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/abstract-art3.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomSD4 {
  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(/images/abstract-art4.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #bottomSD5 {
  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(/images/abletonFX.jpg) no-repeat center center;
  background-size: cover;
}
.MCWP #Privacidad {
  padding-left: 60%;
}
@media screen and (max-width: 960px) {
  .MCWP #titleDiv {
    padding-right: 0;
  }
  .MCWP #titleDiv .KatzeRecordsLogo {
    width: 25%;
  }
  .MCWP #videoPresentationDiv {
    text-align: center;
    padding-right: 0;
  }
  .MCWP #videoPresentationDiv .videoPresentation {
    width: 403.36px;
    height: 226.87px;
  }
  .MCWP .gridContainer {
    display: block;
  }
  .MCWP #Privacidad {
    padding-left: 0;
  }
}
@media screen and (max-width: 500px) {
  .MCWP #videoPresentationDiv .videoPresentation {
    width: 242.01px;
    height: 136.12px;
  }
  .MCWP .Contacto {
    width: 200px;
  }
  .MCWP .Contacto .GrContContact {
    display: grid;
    width: 200px !important;
    grid-template-columns: 90px 90px !important;
  }
  .MCWP .Contacto .hiddenResp {
    display: none;
  }
  .MCWP h4 {
    text-align: center;
  }
  .MCWP .map {
    width: 180px;
    height: 135px;
  }
}

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